body {
	margin:0;
	padding:0;
	background:url(../img/body_bg.jpg) top center repeat-x #000016;
	font-family:Arial, Helvetica, sans-serif;
}

a {text-decoration:none;}


/*UNIVERSAL STYLES*/
.forPrint {visibility:hidden; display:none;}
.white {color:#fff;}
.clearBoth {clear:both;}

.diagonalBG {background-image:url(../img/col_pattern.gif);}


/*CONTENT*/
#background {
	width:100%;
	margin:0 auto;
	height:auto;
	min-height:700px;
	background:url(../img/site_bg-page.jpg) top center no-repeat;
}

a#logo {position:absolute; display:block; width:301px; height:132px; background:url(../img/logo_default.png) top center no-repeat; left:8px; top:12px; z-index:99;}
	body.home a#logo {display:none;}
	body.home #background, body.portfolio #background {background:url(../img/site_bg.jpg) top center no-repeat;}

#container { width:660px; position:relative; top:102px; float:right; margin:50px 30px 0 0; color:#fff;}

#pageContent {position:relative; right:50px; width:700px; min-height:500px; height:auto !important; height:500px;}
	body.home #pageContent {padding-top:350px; margin-left:-70px;}
	
	#pageContent h1 {font-size:62px;}
	#pageContent h2 {color:#43bce3; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; margin-bottom:10px; line-height:150%;}
	#pageContent h3 {color:#22bdd4; font-size:17px; letter-spacing:-.05em; font-weight:bold; text-transform:uppercase; margin:10px 0 10px;}
	#pageContent h4 a {font-size:15px; padding:4px; background-color:#9d307e; color:#fff; margin:5px 0px; line-height:200%; text-decoration:none; }
	#pageContent h5 {font-size:14px; font-weight:normal; letter-spacing:-.05em; margin-bottom:8px; line-height:150%;}
	#pageContent p {color:#fff; font-size:13px; line-height:150%; margin-bottom:10px; padding-right:30px;}
	
	/*PORTFOLIO*/
	/*body.portfolio div#pageContent {position:relative; float:right;}*/
	#portfolio li.sub {}
	#portfolio li.sub img {float:left; margin-right:10px;}
	#portfolio li.sub a img {border:2px solid #ab3e83;}
	#portfolio li.sub a:hover img {border:2px solid #d150a1;}
	#portfolio li.sub .entryOptions {width:135px; float:right;}
	#portfolio li.sub .entryOptions a img {border:none; margin-bottom:10px;}
	#pageContent #portfolio h3 {margin:10px 0 8px;}
	#pageContent #portfolio h1 {font-size:48px;}
	#pageContent #portfolio p {padding-top:10px;}
	#pageContent a {color:#97d1ed; }
	#pageContent a:hover {color:#29b5e1; }
	#pageContent .case .entryOptions {padding-top:14px;}
	body.portfolio #side {top:510px;}
	
	
	
	/*CONTACT*/
	.addressBox {float:right; margin:10px 0 20px 20px; font-size:11px; width:250px;}
	body.contact #contactForm {display:none;}
	
	body.contact #form_165006 {width:420px;}
	body.contact #form_165006 input, body.contact #form_165006 textarea {padding:7px; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:200px; border:none; margin-bottom:12px; border:1px solid #3189c1;}
	body.contact #form_165006 textarea {width:320px; height:210px; font-size:12px;}
	body.contact #form_165006 .button_text {width:127px; height:32px; border:none; background:none;}
	

#wrapper {
	width:995px;
	margin:0 auto;
	position:relative;
	border:1px white;
}

#flashBG {position:absolute; left:0; top:0px; z-index:10; width:995px; height:538px;}
#flashHero {position:absolute;  z-index:20; left:45px; top:4px; width:995px; height:703px; margin:0 auto;}

/*NAV*/
#nav {
	width:591px;
	height:57px;
	position:absolute;
	margin-top:41px;
	right:36px;
	z-index:90;
}

#nav ul {margin:0; padding:0; display:inline; list-style:none; position:relative;}
#nav ul li {list-style:none; display:inline; float:left; margin-right:30px;}
	#nav ul li#navBlog {margin-right:0px;}
	
#nav ul li a  {background-position:top left; background-repeat:no-repeat; height:40px; display:block;}
#nav ul li a:hover {background-position:bottom left;}

#navAbout a {width:99px; background-image:url(../img/nav_about.gif);}
#navWork a {width:90px; background-image:url(../img/nav_work.gif);}
#navReel a {width:63px; background-image:url(../img/nav_reel.gif);}
#navContact a {width:119px; background-image:url(../img/nav_contact.gif);}
#nav ul li#navBlog a {width:75px; height:48px; background-image:url(../img/nav_blog.gif);}



/*SIDE CONTENT*/
#side {width:218px;   position:absolute; left:-16px; top:240px;}
	body.home #side {width:218px;   position:absolute; left:-16px; top:300px;}

#side .collapse {width:200px; height:290px; background:url(../img/form_bg.png) bottom left no-repeat; position:absolute; z-index:10; top:170px; left:35px;}
		#side form {margin:50px 10px 5px; position:relative; z-index:99;}
		#side form ul li {margin-bottom:4px;}
		#side form textarea, #side form input {padding:2px; font-size:10px; font-family:Arial, Helvetica, sans-serif; width:174px; border:none; margin-bottom:5px;}
		#side form textarea {height:110px;}
		#side form input#saveForm {width:41px; height:18px; border:none; background:none;}


	#intro {width:190px; height:120px; padding:35px 14px 10px; position:relative; margin:10px 0 0 16px; font-size:10px; color:#def2f8; text-transform:uppercase; line-height:16px; z-index:90;background:url(../img/header_side.png) top right no-repeat;}
		.snLeft {width:40%; float:left; padding-top:7px;}
		.snRight {width:40%; float:right; padding-top:22px;}
			.snRight a, .snLeft a {display:block; padding-bottom:8px;}
		#contactForm h4 {position:absolute; top:166px;left:63px; z-index:80; background:url(../img/header_side_contact.png) top left no-repeat; width:200px; padding:4px 4px 34px;}
		#contactForm h4 img {position:relative; margin:2px 0 0 12px;}
		
#blogPosts {width:415px; position:relative; margin-top:200px; float:left; background:url(../img/home_blog-title.png) top center no-repeat; padding-top:80px; padding-left:20px;}
	#blogPosts h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-transform:uppercase; line-height:130%;}
	#blogPosts h3 a {color:#97d1ed;  font-weight:normal; text-decoration:none;}
	#blogPosts span.date {font-size:11px; color:#ac457d;}
	#blogPosts ul {margin:0; padding:0; list-style:none;}
		#blogPosts ul li {margin:0 ; padding:0; display:block; margin-bottom:10px;}
		#blogPosts .excerpt {color:#d2edf6; font-size:11px; line-height:150%;}
		#blogPosts p {font-size:11px;}
		#blogPosts a.readMore {display:block; width:87px; height:28px; float:right; margin:0 0 0 15px; background:url(../img/home_blog-more.png) top right no-repeat;}
		
#twitterFeed {width:192px; position:relative; margin-top:206px; float:right; background:url(../img/home_tweet-title.png) top center no-repeat; padding-top:80px; padding-left:10px;}
	#twitterFeed h3 {font-size:11px; color:#019db6; font-weight:normal; margin-bottom:4px;}
	#twitterFeed h3 a {
	color:#97d1ed; 
	text-decoration:none;
}
	.tweet {font-size:10px; color:#d2edf6; margin-bottom:14px; line-height:130%;}
	.tweet a {color:#29b5e1; text-decoration:none;}
	.tweet a:hover {color:#FFF;text-decoration:none;}
	.tweet a {display:none;}
	.tweet span.tweet_text a {display:inline;}
	
#careers{ float:right;widdth:192px;}
	#careers h3 {font-size:11px;  text-transform:uppercase; color:#abe6fa;}
	#careers p {font-size:10px;}
	#careers a {color:#56a8c5; text-decoration:none;}
		#careers a:hover {color:#fff; text-decoration:underline;}
	.jobCarousel ul {list-style:none; font-size:10px; margin:0; padding:0;}
	.jobCarousel li {width:192px; height:350px; display:block;}
	
.noBackground {background:none;}
.noMargin {margin:0;}

	
#footer {clear:both; text-align:right; font-size:11px; padding:10px; margin-bottom:20px; margin-right:30px;}
	#footerInfo {float:right;}
	#footer ul {float:right; margin-left:30px;}
	#footer ul li {display:inline; margin-left:15px;}
	#footer ul li a {color:#2876a8;}
	
#pageContent #portfolio h1.small {font-size:36px;}
#pageContent #portfolio h1.smaller {font-size:26px;}

#ie {display:none;}