/*********************************************************
	ASPECT NEW MEDIA
	Website Stylesheet
	
	Swatches:	Aspect Green				#a9d10c
				Aspect Warm Grey			#3d4546
				Aspect Warm Grey (Dark)		#151718

**********************************************************/

	body
	{
		margin: 0;
		background: #080808 url(../img/bg.jpg) no-repeat;
		font-family: Calibri, Lucida Grande, Arial, Verdana, Helvetica, Sans-Serif;
		font-size: 85%;
		line-height: 1.3em;
		color: #d6dcdd;
	}
	
	#global
	{
		margin: 0 0 0 70px;
	}

	b, strong
	{
		color: #ffffff;
	}
	
	#header
	{
		background: url(../img/header_bg.gif) no-repeat 410px 0px;
		overflow: hidden;
	}
	
	#header #logo
	{
		background: url(../img/aspect.gif) no-repeat 0px 10px;
		float: left;
	}
	
	#header #logo a
	{
		display: block;
		width: 180px;
		height: 127px;
	}
	
	#header #topNav
	{
		height: 127px;
		float: left;
		border-bottom: 15px solid #3d4546;
		overflow: visible;
	}

	/*#global.clients #header #topNav
	{
		border-bottom: 1px solid #3d4546;
	}*/
	
	#header #topNav ul
	{
		display: inline-block;
		float: left;
		margin: 95px 0 0 0;
		padding: 0;
		list-style: none;
		overflow: visible;
	}
	
	#header #topNav ul li
	{
		float: left;
		margin: 0;
		padding: 0;
		background: #3d4546;
	}
	
	#header #topNav ul li a
	{
		display: block;
		height: 32px;
		background-repeat: no-repeat;
	}
	
	#header #topNav ul li a:hover
	{
		background-position: 0px -32px;
	}
	
	#header #topNav ul li.home a
	{
		background-image: url(../img/n_home.gif);
		width: 51px;
	}
	
	#contactDetails
	{
		position: absolute;
		left: 722px;
		top: 20px;
	}
	
	#contactTel
	{
		font-size: 22px;
		letter-spacing: -1px;
		color: #ffffff;
		padding-bottom: 2px;
	}
	
	#contactEmail
	{
		color: #a9d10c;
	}
	
	#global.home #header #topNav ul li.home a
	{
		background-position: 0px -64px;
	}
	
	#header #topNav ul li.services a
	{
		background-image: url(../img/n_services.gif);
		width: 58px;
	}
	
	#global.services #header #topNav ul li.services a
	{
		background-position: 0px -64px;
	}
	
	#header #topNav ul li.experience a
	{
		background-image: url(../img/n_experience.gif);
		width: 70px;
	}
	
	#global.experience #header #topNav ul li.experience a
	{
		background-position: 0px -64px;
	}
	
	#header #topNav ul li.clients a
	{
		background-image: url(../img/n_clients.gif);
		width: 51px;
	}
	
	#global.clients #header #topNav ul li.clients a
	{
		background-position: 0px -64px;
	}
	
	#header #topNav ul.secondaryNav
	{
		margin-left: 129px;
	}
	
	#global.blog #header #topNav ul.secondaryNav
	{
		margin-left: 289px;
	}
	
	#header #topNav ul li.blog a
	{
		background-image: url(../img/n_blog.gif);
		width: 43px;
	}
	
	#global.blog #header #topNav ul li.blog a
	{
		background-position: 0px -64px;
	}
	
	#header #topNav ul li.contact a
	{
		background-image: url(../img/n_contact.gif);
		width: 55px;
	}
	
	#global.contact #header #topNav ul li.contact a
	{
		background-position: 0px -64px;
	}
	
	#featureWrapper
	{
		background: #3d4546 url(../img/feature_bg.gif) repeat-y;
	}
	
	#feature
	{
		clear: both;
		overflow: hidden;
		/*display: inline-block;*/
		background: url(../img/cross.gif) no-repeat 640px 0px;
	}
	
	#feature #featureLeft
	{
		width: 180px;
		float: left;
		height: 239px;
	}
	
	#feature #featureLeft .stub
	{
		height: 239px;
	}
	
	#feature #featureLeft #leftNav
	{
		padding: 120px 18px 0 17px;
	}
	
	#feature #featureMain
	{
		float: left;
		width: 230px;
	}
	
	#global.home #feature #featureMain
	{
		height: 239px;
	}
	
	#feature #featureRight
	{
		float: left;
		width: 230px;
	}
	
	#global.home #feature #featureRight
	{
		height: 239px;
		background-image: url(../img/tagline.gif);
		background-repeat: no-repeat;
	}
	
	#featureStub
	{
		clear: both;
		background: #3d4546;
		margin: 0 0 10px 180px;
		width: 230px;
		height: 9px;
		font-size: 1px;
	}
	
	#featureImage
	{
		position: absolute;
		left: 70px;
		top: 142px;
	}
	
	#global.home #featureImage
	{
		top: 127px;
	}
	
	#global.services #featureImage
	{
		left: 250px;
	}
	
	#featureTitle
	{
		margin-left: 180px;
		background: #151718;
		padding: 12px 12px 16px 12px;
		height: 34px;
	}
	
	#featureTitle .clientAreaLogo
	{
		background: #ffffff;
		position: absolute;
		top: 142px;
		left: 70px;
		width: 180px;
		height: 62px;
	}

	#featureTitle h1
	{
		font-weight: normal;
		font-size: 24px;
		margin: 0px;
		color: #a9d10c;
	}

	#featureTitle h2
	{
		font-size: 15px;
		font-weight: normal;
		margin: 0px;
	}
	
	#clientLogos
	{
		z-index: 6;
		position: absolute;
		top: 142px;
		left: 250px;
		width: 450px;
		height: 960px;
		background: url(../img/clients.jpg) no-repeat;
	}
	
	#clientLogos ul
	{
		display: none;
	}
	
	#local.clientLogosFiller
	{
		height: 700px;
	}
	
	.clients .columnContact
	{
		margin-left: 12px;
	}

	#newsRSS
	{
		margin-left: 242px;
		width: 200px;
		height: 208px;
		position:relative;
	}

	#newsRSS h3
	{
		margin-bottom: 15px;
	}

	#newsRSS ul
	{
		list-style: none;
		margin: 0px;
		position:absolute;
		bottom:0;
		left:0;
	}

	#newsRSS ul li
	{
		margin: 0px 0px 8px 0px;
		line-height: 14px;
	}

	.date
	{
		font-size: 85%;
		font-weight: normal;
		color: #cccccc;
	}
	
	#local
	{
		clear: both;
		margin: 0;
		padding: 0 0 0 180px;
		overflow: auto;
	}
	
	.column
	{
		float: left;
		width: 205px;
		padding: 60px 13px 20px 12px;
	}
	
	#global.home .column
	{
		font-size: 95%;
	}
	
	#global.clients .span2Column,
	#global.blog .span2Column
	{
		padding-left: 0px !important;
	}
	
	.span3Column
	{
		padding-left: 0px !important;
		width: 620px;
	}

	#global.clients h4,
	#global.blog h4
	{
		margin-left: 12px;
	}

	.span2Column
	{
		width: 435px;
	}
	
	.column h3
	{
		display: none;
	}
	
	.column h4
	{
		color: #ffffff;
		font-size: 130%;
		font-weight: normal;
		font-family: Georgia, Times, serif;
		padding: .25em 0 1em 16px;
		margin: 0;
		background: url(../img/h4_arrow.gif) no-repeat 0px .55em;
		/*font-variant: small-caps;
		text-transform: capitalize;*/
	}
	
	.column h4 a
	{
		font-weight: normal;
	}

	.column h5
	{
		color: #ffffff;
		font-size: 110%;
		font-weight: bold;
		padding: .1em 0 .1em 16px;
		margin: 0;
		background: url(../img/h5_arrow.gif) no-repeat 0px .45em;
		/*font-variant: small-caps;
		text-transform: capitalize;*/
	}
	
	.subHeading
	{
		font-size: 90%;
		color: #b9cdcf;
	}
	
	.columnServices
	{
		background: url(../img/t_services.gif) no-repeat;
	}
	
	.columnExperience
	{
		background: url(../img/t_experience.gif) no-repeat;
	}
	
	#global.home .columnExperience
	{
		color: #b9cdcf;
	}
	
	.columnExperience a.contentLink
	{
		color: #ffffff;
	}
	
	.columnContact
	{
		background: url(../img/t_contact.gif) no-repeat;
		/*font-size: 90%;*/
	}
	
	#global.home .columnContact
	{
		color: #9cb0b3;
		font-size: 100% !important;
	}
	
	#logos
	{
		height: 160px;
		background: url(../img/logos.gif) no-repeat;
		margin: 40px 0 20px 0;
	}
	
	#footer
	{
		display: inline-block;
		clear: both;
		margin: 20px 0 20px 0;
		padding: 20px 0 0 70px;
		border-top: 1px solid #181a1b;
		font-size: 85%;
	}
	
	#footer #footerLeft
	{
		padding: 0 12px 0 13px;
		float: left;
		width: 165px;
	}
	
	#footer #footerLeft a.topLink
	{
		display: block;
		width: 15px;
		margin: 0 0 0 125px;
		background: url(../img/top_arrow.gif) no-repeat 0px .5em;
		padding: 0 0 0 15px;
	}
	
	#footer #copyright
	{
		float: left;
		width: 690px;
	}
	
	#footer #copyright p,
	#footer #copyright a
	{
		color: #3d4546;
	}
	
	#footer #copyright a:hover
	{
		color: #3d4546;
	}
	
	div.hr
	{
		border-top: 1px dotted #333333;
		margin: 15px 0 15px 0;
	}
	
	hr
	{
		display: none;
	}
	
	blockquote
	{
		margin: 0 17px 0 17px;
	}
	
	a
	{
		color: #a9d10c;
		font-weight: bold;
		text-decoration: none;
	}
	
	a:hover
	{
		color: #d3e87e;
		text-decoration: underline;
	}
	
	a.arrowLink
	{
		display: block;
		background: url(../img/link_arrow.gif) no-repeat 0px .35em;
		padding: 0 0 0 17px;
	}
	
	p
	{
		padding: 0;
		margin: 0 0 1.5em 0;
	}
	
	table
	{
		width: 100%;
		margin-bottom: 30px;
	}

	th, td
	{
		padding: 4px 12px 4px 12px;
		vertical-align: top;
	}

	th
	{
		background: #151718;
		font-weight: bold;
		text-align: left;
	}

	td
	{
		border-bottom: 1px solid #3d4546;
	}

	td.tableSubHeader
	{
		background: #3d4546;
		font-weight: bold;
	}

	.downloadDesc
	{
		display: block;
		padding-top: 3px;
		font-size: 90%;
		color: #999999;
	}
	
	.iconFlex, .iconAIR, .iconWeb, .iconPDF, .iconMOV
	{
		display: block;
		padding-left: 60px;
		padding-bottom: 10px;
	}
	
	.iconFlex
	{
		background: url(../img/icons/flex.png) no-repeat;
	}

	.iconAIR
	{
		background: url(../img/icons/air.png) no-repeat;
	}
	
	.iconWeb
	{
		background: url(../img/icons/web.png) no-repeat;
	}
	
	.iconPDF
	{
		background: url(../img/icons/pdf.png) no-repeat;
	}

	.iconMOV
	{
		background: url(../img/icons/mov.png) no-repeat;
	}

	.green
	{
		color: #a9d10c;
	}
	
	ul.linkList
	{
		list-style: none;
		margin: 0px 0 20px 0;
		padding: 0;
	}
	
	ul.linkList li
	{
		margin: 0 0 5px 0;
		padding: 0;
		display: block;
	}
	
	.hidden
	{
		display: none;
	}

/** BLOG **/
	
	#blogContent h2, #sidebar h2
	{
		color: #ffffff;
		font-size: 150%;
		font-weight: normal;
		padding: .25em 0 1em 12px;
		margin: 0;
	}
	
	#blogContent code
	{
		display: block;
		overflow: auto;
		border: 1px solid #222222;
		background: #111111;
		padding: 10px;
		font-family: Consolas, Courier New, Lucida Console;
	}
	
	#blogContent blockquote
	{
		display: block;
		margin: 0px 0px 10px 0px;
		border: 1px solid #222222;
		background: #111111;
		padding: 10px 10px 0px 10px;
		font-style: italic !important;
	}
	
	#sidebar
	{
		padding-top: 78px;
		float: left;
		width: 180px;
	}
	
	#sidebar ul.linkList
	{
		margin-left: 12px;
	}
	
	#sidebar ul.linkList li
	{
		clear: both;
		display: block;
	}
	
	#sidebar ul.linkList li a
	{
		background: url(../img/link_arrow.gif) no-repeat 0px .35em;
		padding: 0 0 0 17px;
	}
	
	#sidebar ul.linkList ul.children
	{
		margin: 3px 0 1px 17px;
		padding-left: 0;
	}
	
	#blogContent textarea
	{
		width: 100% !important;
	}
	
	#blogContent h4, #sidebar h4
	{
		margin-left: 0px !important;
	}
	
	.post
	{
		padding: 15px 13px 15px 12px;
		margin-bottom: 10px;
	}
	
	.content1
	{
		background: #151718;
	}

	.content2
	{
		background: #262b2c;
	}
	
	.blog #local
	{
		padding: 0;
	}