@charset "UTF-8";
	
	/*   
	Theme Name: Unleaded Media
	Theme URI: http://www.unleadedmedia.com/
	Description: Denver Video Production
	Author: Jason R. Walker
	Author URI: http://www.unleadedsoftware.com
	Version: 1.0
	*/
	
	/* Reset Styles */
	
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin: 0;
	padding: 0;
	}

	fieldset, img { 
	border: 0;
	}

	address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
	}

	ol, ul {
	list-style:none;
	}

	caption ,th {
	text-align:left;
	}

	h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
	}

	abbr, acronym { 
	border:0;
	}

	/* End Reset */
	
	body {
	width: 100%;
	height: 100%;
	background: #000 url(images/bg.jpg) no-repeat top left;
	}
	
	.clear {
	clear: both;
	}
	
	#layout {
	width: 900px;
	background: #fff;
	}
	
	#headerImage {
	position: absolute;
	top: 0;
	left: 695px;
	width: 205px;
	height: 160px;
	background: url(images/headerBg.png) no-repeat top;
	}

	#header {
	width: 900px;
	height: 125px;
	}
	
	#header h1 {
	text-indent: -999em;
	width: 322px;
	height: 125px;
	background: url(images/unleaded-productions_logo.jpg) no-repeat top;
	}
	
	#header h1 a {
	display: block;
	width: 200px;
	height: 125px;
	}
	
	#nav {
	width: 900px;
	height: 35px;
	margin: 0 0 25px 0;
	padding: 0;
	border-bottom: 5px solid #000;

	color: #fff;
	font: normal normal 11px Arial, Helvetica, sans-serif;
	}
	
	#nav li {
	float: left;
	width: 77px;
	height: 35px;
	background: #000;
	border-right: 1px solid #fff;
	text-align: center;
	}
	
	#nav li a {
	display: block;
	width: 77px;
	height: 24px;
	padding: 6px 0 0 0;
	border-top: 5px solid #cc0000;
	
	color: #fff;
	text-decoration: none;
	}
	
	#nav li a:hover {
	background: #222;
	border-top: 5px solid #ff9900;
	color: #ff9900;
	}
	
	#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
	#news {
	width: 900px;
	margin: 0 0 25px 0;
	}
	
	#news a {
	padding: 5px;
	color: #ff9900;
	text-decoration: none;
	}
	
	#news a:hover {
	color: #cc0000;
	font-weight: bold;
	background: #fff;
	}
	
	#news h2 {
	width: 150px;
	height: 28px;
	margin: 0;
	padding: 7px 0 0 5px;
	background: #000;
	
	color: #ff9900;
	font: normal normal 18px Arial, Helvetica, sans-serif;
	}
	
	#news h2 a {
	color: #ff9900;
	text-decoration: none;
	}
	
	#news h2 a:hover {
	background: #000;
	color: #ff9900;
	font-weight: normal;
	}
	
	#news p {
	margin: 0;
	padding: 5px 10px 5px 10px;
	background: #000;	
	color: #fff;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	}
	
	#news small {
	color: #cc0000;
	font: normal bold 12px Arial, Helvetica, sans-serif;
	}
	
	#main {
	width: 900px;
	background: #fff;
	}
	
	#sidebar {
	float: left;
	width: 350px;
	margin: 0 25px 0 0;
	}
	
	.callout {
	width: 350px;
	height: 100px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #000;
	}
	
	.calloutInfo {
	float: left;
	width: 200px;
	height: 100px;
	}
	
	.calloutInfoTitle {
	width: 200px;
	height: 40px;
	text-indent: -999em;
	}
	
	.calloutInfoTitle a {
	display: block;
	width: 200px;
	height: 40px;
	}
	
	#calloutBridgeTitle {
	background: url(images/calloutBridgeTitle.png) no-repeat top;
	}
	
	#calloutVideoTitle {
	background: url(images/calloutVideoTitle.png) no-repeat top;
	}
	
	#calloutFlashTitle {
	background: url(images/calloutFlashTitle.png) no-repeat top;
	}
	
	#calloutRentTitle {
	background: url(images/calloutRentTitle.png) no-repeat top;
	}
	
	#calloutGreenTitle {
	background: url(images/calloutGreenTitle.png) no-repeat top;
	}
	
	.calloutInfoTxt {
	width: 200px;
	height: 60px;
	
	color: #000;
	font: normal normal 11px/13px Arial, Helvetica, sans-serif;
	text-align: justify;
	}
	
	.calloutInfoTxt a {
	color: #cc0000;
	font-weight: bold;
	}
	
	.calloutInfoTxt a:hover {
	color: #666;
	}
	
	a.greenLink {
	color: #009900;
	}
	
	.calloutInfoTxt p {
	margin: 0;
	padding: 5px;
	}
	
	.calloutImage {
	float: left;
	width: 150px;
	height: 100px;
	}
	
	.calloutImage a {
	display: block;
	width: 148px;
	height: 98px;
	border: 1px solid #000;
	text-indent: -999em;
	}
	
	
	#calloutBridgeImage {
	background: url(images/calloutBridgeImage.png) no-repeat top;
	}
	
	#calloutVideoImage {
	background: url(images/calloutVideoImage.png) no-repeat top;
	}
	
	#calloutFlashImage {
	background: url(images/calloutFlashImage.png) no-repeat top;
	}
	
	#calloutGreenImage {
	background: url(images/calloutGreenImage.png) no-repeat top;
	}
	
	#blog {
	width: 350px;
	margin: 25px 0 25px 0;
	background: #000;
	
	color: #fff;
	font: normal normal 12px/16px Arial, Helvetica, sans-serif;
	text-align: justify;
	}
	
	#blog a {
	color: #cc0000;
	text-decoration: underline;
	}
	
	#blog a:hover {
	background: #cc0000;
	color: #fff;
	text-decoration: none;
	}
	
	#blog h2 {
	margin: 0;
	padding: 10px 0 10px 10px;
	background: #000;
	
	color: #ff9900;
	font: normal normal 18px Arial, Helvetica, sans-serif;
	}
	
	#blog h2 a {
	color: #ff9900;
	text-decoration: none;
	}
	
	#blog h2 a:hover {
	background: #000;
	color: #ff9900;
	font-weight: normal;
	}
	
	#blog h3 {
	margin: 0;
	padding: 0 10px 0 10px;
	
	color: #cc0000;
	font-weight: bold;
	}
	
	#blog h3 a {
	color: #cc0000;
	text-decoration: none;
	}
	
	#blog p {
	margin: 0;
	padding: 0 10px 15px 10px;
	}
	
	#blog small {
	color: #666;
	font-size: 11px;
	}
	
	#recentwork {
	float: left;
	width: 525px;
	
	color: #333;
	font: normal normal 12px/18px Arial, Helvetica, sans-serif;
	text-align: justify;
	}
	
	#recentwork a {
	color: #cc0000;
	font-weight: bold;
	text-decoration: none;
	}
	
	#recentwork a:hover {
	color: #fff;
	}
	
	#recentwork h2 {
	margin: 0;
	padding: 0 0 10px 0;

	color: #cc0000;
	font: normal normal 18px Arial, Helvetica, sans-serif;
	}
	
	#recentwork p {
	margin: 0;
	padding: 0 10px 10px 0;
	}
	
	#recentwork strong {
	font-weight: bold;
	}
	
	.recentwork {
	width: 505px;
	/* height: 240px; -- Nikki edited this on 3.09.09 to allow for overflow of Blog controlled content */
	margin: 0 0 25px 0;
	padding: 10px 10px 0 10px;
	background: #000;
	}
	
	.recentworkImage {
	width: 505px;
	height: 180px;
	background: #333;
	text-indent: -999em;
	}
	
	.recentworkImage a {
	display: block;
	width: 503px;
	height: 178px;
	border: 1px solid #cc0000;
	}
	
	.recentworkImage a:hover {
	border: 1px solid #fff;
	}
	
	#recentworkPicerno {
	background: url(images/recentworkPicerno.png) no-repeat top;
	}
	
	#recentwork1 {
	background: url(images/bridgewell-home.jpg) no-repeat top;
	}
	
	#recentwork2 {
	background: url(images/toolking-home.jpg) no-repeat top;
	}
    #recentwork3 {
	background: url(images/cookstreet-home.jpg) no-repeat top;
	}
	
	.recentworkTxt {
	width: 505px;
	/* height: 50px; -- Nikki edited; 3.09.09 */
	padding: 10px 0 0 0;
	/* overflow: hidden; -- Nikki edited; 3.09.09 */
	color: #fff;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	text-align: justify;
	}
	
	.recentworkTxt p {
	margin: 0;
	padding: 0 0 5px 0;
	}
	
	.recentworkTxt strong {
	color: #cc0000;
	font-weight: bold;
	}
	
	#mainTxt {
	float: left;
	width: 525px;
	padding: 0 0 15px 0;
	color: #333;
	font: normal normal 12px/18px Arial, Helvetica, sans-serif;
	text-align: justify;
	}
	
	#mainTxt a {
	color: #cc0000;
	font-weight: bold;
	text-decoration: none;
	}
	
	#mainTxt a:hover {
	background: #cc0000;
	color: #fff;
	}
	
	#mainTxt h2 {
	margin: 0;
	padding: 0 0 10px 0;
	color: #cc0000;
	font: normal normal 18px Arial, Helvetica, sans-serif;
	}
	
	#mainTxt h3 {
	margin: 0;
	padding: 5px 0 15px 0;
	color: #000;
	font: normal normal 14px Arial, Helvetica, sans-serif;
	}
	
	#mainTxt li {
	float: left;
	width: 225px;
	height: 75px;
	margin: 0 12px 0 0;
	padding: 6px 0 0 25px;
	background: #000 url(images/listBg.png) no-repeat top;
	border-bottom: 1px solid #ff9900;
	color: #fff;
	text-align: left;
	}
    #clientsli li {
      height: 35px;
    }

	
	#mainTxt li:hover {
	color: #cc0000;
	}
	
	#mainTxt li p {
	margin: 3px 0px 3px 0px;
	padding: 0;
	color: #777;
	font-size: 11px;
	line-height: 11px;
	}
	
	#mainTxt p {
	margin: 0;
	padding: 0 10px 10px 0;
	}
    #mainTxt .blue {
      color: #1f6bc1;
    }


    #mainTxt a.noborder img {
      margin: 5px 0px 5px 50px;
      border: 1px dotted #000;
    }
    #mainTxt a.noborder:hover {
      background: none;

    }
    #greenscreen img {
      margin: 5px 0px 5px 50px;
      border: 1px dotted #000;

    }


    .bottomborder {
      border-bottom: 1px dotted #cc0000;
    }

	
	#mainTxt strong {
	font-weight: bold;
	}
	
	#mainTxt ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	}



	
	.portfolioItem {
	float: left;
	width: 230px;
	height: 230px; 
	margin: 0 12px 12px 0;
	padding: 10px;
	background: #000;
	}
	
	.portfolioImage {
	width: 230px;
	height: 180px;
	background: #333;
	border: 1px solid #fff;
	}
	
	.portfolioTxt {
	width: 230px;
	height: 45px;
	padding: 5px 0 0 0;
	
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	}
	
	.portfolioTxt p {
	margin: 0;
	padding: 0;
	}
	
	.portfolioTxt strong {
	color: #cc0000;
	font-size: 12px;
	font-weight: bold;
	}
	
	#contactBox {
	width: 525px;
	height: 395px;
	background: #000 url(images/map.jpg) no-repeat center;
	}
    /*----End content----*/
/*---------------------------------------------------------------------*/
/*----footer----*/
	
	#footer {
	clear: left;
	width: 900px;
	height: 100px;
	padding: 20px 0 0 0;
	background: #fff;
	border-top: 5px solid #000;
	
	color: #000;
	font: normal normal 11px Arial, Helvetica, sans-serif;
	}
	
	#footerDetails {
	float: left;
	width: 340px;
	height: 100px;
	text-align: left;
	}
	
	#footerDetails a {
	color: #cc0000;
	text-decoration: underline;
	}
	
	#footerDetails a:hover {
	background: #cc0000;
	color: #fff;
	text-decoration: none;
	}
	
	#footerDetails p {
	margin: 0;
	padding: 0 0 0 10px;
	}
	
	#footerNav {
	float: right;
	width: 400px;
	height: 100px;
	text-align: right;
	}
	
	#footerNav a {
	color: #666;
	text-decoration: none;
	}
	
	#footerNav a:hover {
	color: #000;
	}
	
	#footerNav p {
	margin: 0;
	padding: 0 10px 0 0;
	}
    #solar {
      float: left;
      width: 104px;

    }
    #solar img {
      float: left;
      margin: 0px 5px;
    }