@charset "utf-8";
/* CSS Document */
body{
	background:url(../images/carbonfiber.png) repeat;
	width:100%;
	height:100%;
}
h1
{
	font-size:1.8em;
	letter-spacing:3px;
}

p, a
{
	font-size:.9em;
}
p
{
	color:#333;
}
/*/////////////////////////////*/
/*   NAVIGATION ELEMENTS    */
/*/////////////////////////////*/
.navcontainer
{
	height:80px;
	background:url(../images/bottomshadow.png) bottom repeat-x;
}
.nav
{
	width:960px;
	margin:0px auto;
	padding-top:60px;
}
.nav a, .nav a:visited, .nav a:active
{
	color:#FFF;
	text-decoration:none;
	padding-right:15px;
	
}


/*/////////////////////////////*/
/*   MAIN CONTENT AREA    */
/*/////////////////////////////*/
.main
{
	height:500px;
	border-top:solid 1px #999;
	border-bottom:solid 1px #999;
	background:url(../images/mainbg1.png) center;
}
.maincontent
{
	position:relative;
	width:960px;
	height:490px;
	padding-top:10px;
	margin:0px auto;
}
.pagecontent /*  Holds the content for each page section  */
{
	float:left;
	height:490px;
	width:960px;
	clear:both;
	line-height:20px;
}
.pagetitle
{
	float:left;
	height:50px;
	width:960px;
}
.pagetitle img
{
	margin-left:30px;
}
.pagetitle h1
{
	float:left;
	width:200px;
}
.pagesubnav
{
	float:left;
	padding-top:10px;
	height:40px;
	width:660px;
}
.changeWorkContentBtn
{
	font-size:.9em;
	color:#333;
	text-decoration:none;
}

.sectiontext
{
	float:left;
	height:250px;
	width:350px;
	margin:80px 00px 0px 70px;
	z-index:0;
}
.sectiontext p
{
	float:left;
	margin-top:15px;
	text-align:justify;
}
.sectiontext h1
{
	float:left;
	font-size:1.8em;
	height:70px;
	letter-spacing:2px;
	display:inline;
	margin-bottom:10px;
}
#we
{
	margin-left:-60px;
}
#whatwedodroptext /*  Drops the word 'ENVELOPE' down in What We Do header */
{
	margin-left:58px;
	clear:both;
}
/*/////////////////////////////*/
/*   SMALL HOME SLIDER    */
/*/////////////////////////////*/
#pushslider
{
	float:left;
	width:350px;
	height:70px;	
	margin-left:0px;
	overflow:hidden;
}	
/*  END SMALL HOME SLIDER  */




/*/////////////////////////////*/
/*   HOME SLIDER    */
/*/////////////////////////////*/
.slidercontainer
{
	float:right;
	width:450px;
	height:350px;
	margin:20px 0px 0px 25px;
}
#slider1
{
	width:450px;
	height:300px;	
	margin-left:0px;
}
	#slider1 h1
	{
		font-size:1em;
	}

	#slider1 ul, #slider1 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider1 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		float:left;
	width:450px;
	height:300px;
		overflow:hidden;
		}
	.slide {
		position:relative;
	width:450px;
	height:300px;
	}
	.slide img {
		position:relative;
		z-index:0;
	}
	.slide p {
		position:relative;
		height:40px;
		margin-top:-60px;
		padding:10px;
		z-index:2;
		color:#FFF;
		border-top:solid 1px #787878;
		background:url(../images/captionbg.png) repeat;
	}
	/* numeric controls */	

	ol#controls{
		padding:0;
		margin-left:20px;
		height:80px;	
		}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:45px;
		}
	ol#controls li a{
		float:left;
		height:80px;
		/*border:2px solid #ccc;
		background:#f1f1f1;*/
		color:#555;
		padding:0px;
		margin:0px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:url(../images/slidericonindicator.png);
		/*border:2px solid #FFF;*/
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/*  END SLIDER  */

/*/////////////////////////////*/
/*   Work SLIDER    */
/*/////////////////////////////*/
.workslidercontainer
{
	float:left;
	width:510px;
	height:170px;
}
#workslider
{
	width:450px;
	height:120px;
	margin:10px 0px 0px 30px;
}
	#workslider h1
	{
		font-size:1em;
	}

	#workslider ul, #workslider li{
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		}
	#workslider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		float:left;
		width:450px;
		height:100px;
		overflow:hidden;
		}
	#workslider .slide {
		position:relative;
	width:450px;
	height:120px;
	}
	#workslider .slide img {
		position:relative;
		z-index:0;
	}
	#workslider .slide p {
		position:relative;
		height:40px;
		margin-top:-60px;
		padding:10px;
		z-index:2;
		color:#FFF;
		border-top:solid 1px #787878;
		background:url(../images/captionbg.png) repeat;
	}
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:100px;
		position:relative;
		left:-5px;
		margin-top:-100px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:480px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:100px;
		background:url(../images/prevBtn.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/nextBtn.png) no-repeat 0 0;	
		}	
	
/*  END WORK SLIDER  */

/*/////////////////////////////*/
/*   Work CONTENT    */
/*/////////////////////////////*/
.work
{
	width:960px;
	float:left;
	clear:both;
}
.worktitle
{
	float:left;
	width:450px;
	height:100px;
	margin:5px 0px;
}
.worktitle img
{
	float:left;
	padding:0px 0px 5px 0px;
}

.work object, .work embed
{
	float:right;
}
.worktext
{
	float:left;
	width:450px;
	height:350px;
	margin-right:50px;
}
.worktext h2
{
	float:left;
	font-size:1.2em;
	color:#666;
	margin-top:20px;
}
.worktext h4
{
	float:left;
	font-size:.7em;
	color:#36C;
	
}
.worktext p
{
	float:left;
	width:450px;
	padding:10px 0px;
	clear:both;
}
.thumb
{
	position:relative;
	float:left;
	width:150px;
	height:100px;
}
.thumbmp3
{
	position:relative;
	float:left;
	width:150px;
	height:100px;
	margin-top:10px;
}
.thumbimg
{
	width:130px;
	height:88px;
	top:6px;
	left:10px;	
	position:absolute;
	overflow:hidden;
	z-index:1;
	margin-top:10px;
}
.thumbframe
{
	position:absolute;
	z-index:5;
	margin-top:10px;
}
.thumbstrip
{
	float:left;
	width:450px;
	clear:both;
}


/*  WHO WE ARE CONTENT */
.leftwho /* multicultural & who we are text sections*/
{
	float:left;
	width:450px;
	margin-top:15px 5px 0px 0px;
	height:230px;
}
.rightwho
{
	float:left;
	width:430px;
	min-height:170px;
	_height:170px;
	margin-left:15px;
}
.rightwho p, .leftwho p
{
	float:left;
	margin-top:15px;
}
#multicultural
{
	margin:20px 5px 0px 0px;
	clear:right;
	float:right;
	width:430px;
	min-height:170px;
	_height:170px;
}
#agency
{
	float:right;
	margin:20px 5px 0px 0px;
}


/*/////////////////////////////*/
/*   CONTACT CONTENT    */
/*/////////////////////////////*/
.contactinfo
{
	float:left;
	width:550px;
	height:400px;
	color:#666;
}
.contactinfo h1
{
	font-size:3em;
	margin:60px 0px 30px 0px;
	color:#666;
}
.contactinfo h3
{
	margin-left:50px;
	font-size:2em;
}
.contactform
{
	float:left;
	width:390px;
	height:400px;
}
.contactform h3
{
	width:390px;
	font-size:1em;
	padding:5px;
	color:#666;
}
.contactform h2
{
	margin:170px auto 0px 130px;
}
.contactform img
{
	margin:170px auto 0px 130px;
}
.contactform .inputfield
{
	width:390px;
	height:35px;
	border:solid 1px #999;
	background:url(../images/topshadow.png)  0 -10px repeat-x;
	font-size:1.5em;
}
.contactform .textfield
{
	width:390px;
	height:150px;
	border:solid 1px #999;
	background:url(../images/topshadow.png)  0 -10px repeat-x;
	font-size:1.5em;
}
.contactform .textfield:focus, .contactform .inputfield:focus
{
	background:#FFF url(../images/topshadow.png) 0 -10px repeat-x;
}
.contactform .submitbtn
{
	float:right;
	width:100px;
	height:30px;
	padding-top:10px;
	margin-top:10px;
	text-align:center;
	border:solid 1px #999;
	background:url(../images/topshadow.png)  0 -10px repeat-x;
	font-size:1em;
	text-decoration:none;
	color:#666;
}
.contactform .submitbtn:hover
{
	border:solid 2px #FFF
}

/*/////////////////////////////*/
/*   FOOTER    */
/*/////////////////////////////*/
.footercontainer
{
	width:100%;
	height:60px;
	z-index:5;
	background:url(../images/topshadow.png) repeat-x;
}
.footer
{
	width:960px;
	height:60px;
	margin:0px auto;
}	
.smalllogo
{
	clear:left;
	float:left;
	width:200px;
}
.social
{
	float:right;
	height:50px;
}
.linkedinicon
{
	float:right;
	width:25px;
	height:25px;
	margin:10px 10px 0px 0px;
	background:url(../images/linkedinicon.png) 0 0;
}
.linkedinicon:hover
{
	background:url(../images/linkedinicon.png) 0 -25px;
}

.emailicon
{
	float:right;
	width:25px;
	height:25px;
	margin:10px 10px 0px 0px;
	background:url(../images/emailicon.png) 0 0;
}
.emailicon:hover
{
	background:url(../images/emailicon.png) 0 -25px;
}


/*/////////////////////////////*/
/*   colors    */
/*/////////////////////////////*/

.darkgray
{
	color:#666;
}
.lightgray
{
	color:#999;
}