@charset "utf-8";
/* CSS Document */

/* structure */

body{
	margin:0px;
	font-family:"Lucida Grande",Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	margin-bottom:40px;
	background-image:url(../images/bg.jpg);
}

input, textarea, select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

a{
	text-decoration:underline;
	outline:none;
	color:#333333;
}

a:hover{
	text-decoration:none;
}


.form{
	border:1px #ccc solid;
	background-color:#f1f1f1;
	float:left;
}

h1{
	font-size:20px;
	font-weight:normal;
	color:#999;
	text-transform:uppercase;
}

h2{
	font-size:16px;
	font-weight:normal;
	color:#333;
	text-transform:uppercase;
}

h3{
	font-size:20px;
	font-weight:normal;
	color:#999;
	text-transform:uppercase;
	border-bottom:1px #ccc solid;
	padding-bottom:10px;
	margin:0px;
}

h4{
	font-size:18px;
	font-weight:normal;
	color:#999;
	line-height:32px;
	margin-top:0px;
}


hr{
	border:none;
	height:1px;
	background-color:#ddd;
}

.clear{
	clear:both;
	line-height:0px;
	font-size:0px;
	height:0px;
}

.wrapper{
	width:960px;
	margin:0 auto;
}

.left{
	float:left;
	background-color:#fff;
	padding:50px;
	padding-top:10px;
	width:860px;
}

.rar{
	width:100px;
	height:79px;
	background-image:url(../images/rar.png);
	background-repeat:no-repeat;
	position:relative;
	z-index:10;
	top:-150px;
	left:500px;

}

.carbon{
	width:100px;
	height:79px;
	background-image:url(../images/carbon.png);
	background-repeat:no-repeat;
	position:relative;
	z-index:10;
	top:-230px;
	left:600px;

}

/* header */

.header{
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
	height:310px;
	width:960px;
	margin:0 auto;
}

.creative{
	background-image:url(../images/creative.png);
	background-repeat:no-repeat;
	width:44px;
	height:206px;
	position:relative;
	display:block;
	z-index:100;
	float:right;
	margin-right:-44px;
	margin-top:-280px;
}

.constructive{
	background-image:url(../images/constructive.png);
	background-repeat:no-repeat;
	width:44px;
	height:206px;
	position:relative;
	display:block;
	z-index:101;
	float:right;
	margin-right:-44px;
	margin-top:-60px;
}


.con_constructive{
	background-image:url(../images/con_constructive.png);
	background-repeat:no-repeat;
	width:44px;
	height:206px;
	position:relative;
	display:block;
	z-index:100;
	float:right;
	margin-right:-44px;
	margin-top:-280px;
}

.con_creative{
	background-image:url(../images/con_creative.png);
	background-repeat:no-repeat;
	width:44px;
	height:206px;
	position:relative;
	display:block;
	z-index:101;
	float:right;
	margin-right:-44px;
	margin-top:-60px;
}


.nav{
	float:right;
	text-align:right;
	margin-top:50px;
	margin-right:50px;
}

.nav_item{
	font-size:13px;
	text-transform:uppercase;
	display:block;
	text-decoration:none;
	color:#333;
	margin-bottom:5px;
}

.nav_item:hover{
	color:#999;
}

.nav .selected{
	color:#999;
}

/* content */

.portfolio_home{
	margin-bottom:20px;
}

.portfolio_home a:hover img{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.content{
	border-top:1px #ccc solid;
	padding-top:20px;
}

.noborder{
	border-top:none;
	padding-top:0px;
}

.copy{
	min-height:200px;
	line-height:18px;
}

.contact_image{
	background-image:url(../images/boy.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height:672px;
}

.contact_form_link{


	background-color:#CCCCCC;
	color:#333333;
	font-size:16px;
	text-decoration:none;
	width:450px;
	display:block;
	margin-top:80px;
	padding:20px;
	background-image:url(../images/white_arrow.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;

}


.newsletter_header{


	background-color:#2A385B;
	color:#ffffff;
	font-size:24px;
	width:470px;
	margin-top:20px;
	padding:10px;
}

.newsletter{


	background-color:#1E2E51;
	color:#ffffff;
	font-size:16px;
	text-decoration:none;
	width:450px;
	display:block;
	padding:20px;
	background-image:url(../images/blue_arrow.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;

}

.newsletter_link{
	display:block;
	width:40px;
	height:40px;
	position:relative;
	z-index:10;
	margin-top:-40px;
	float:right;
}

.news_date{
	color:#999999;
}

.news_title{
	text-transform:uppercase;
	font-size:14px;
}

.portfolio_nav{
	border-bottom:1px #ccc solid;
	padding-bottom:10px;
	margin-bottom:20px;
}

.portfolio_nav a{

	display:block;
	text-decoration:none;
	text-transform:uppercase;
	margin-bottom:8px;
	font-size:10px;
	color:#999;
}

.portfolio_nav a:hover, .portfolio_nav .selected{
	color:#002E62;
}

.portfolio_col{
	float:left;
	border-right:1px #ccc solid;
	padding-left:40px;
	padding-right:40px;
}

.nopad{
	padding-left:0px;
}

.portfolio_image_1{
	width:600px;
	height:250px;
	float:left;
	margin-right:20px;
	overflow:hidden;
}

.portfolio_image_2{
	width:240px;
	height:115px;
	float:left;
	margin-bottom:20px;
	overflow:hidden;
}

.portfolio_image_3{
	width:240px;
	height:115px;
	float:left;
	overflow:hidden;
}

.portfolio_text{
	width:600px;
	height:250px;
	float:left;
	margin-right:20px;
	overflow:hidden;
	margin-top:20px;
}

.portfolio_image_4{
	width:240px;
	height:180px;
	float:left;
	margin-bottom:20px;
	margin-top:20px;
	overflow:hidden;

}

.portfolio_image_5{
	width:240px;
	height:180px;
	float:left;
	overflow:hidden;
	margin-bottom:20px;
}


.home_image_title{
	font-size:10px;
	text-transform:uppercase;
	display:block;
	margin-top:3px;
}

.home_image_date{
	font-size:8px;
	text-transform:uppercase;
	display:block;
	margin-top:3px;
	color:#999;
}

.home_image_1{
	width:425px;
	height:280px;
	float:left;
	overflow:hidden;
	margin-right:20px;
	margin-left:50px;
}

.home_image_2{
	width:170px;
	height:130px;
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	overflow:hidden;
}

.home_image_3{
	width:170px;
	height:130px;
	float:left;
	margin-bottom:20px;
	overflow:hidden;
}

.home_image_4{
	width:170px;
	height:130px;
	float:left;
	margin-right:20px;
	overflow:hidden;
}

.home_image_5{
	width:170px;
	height:130px;
	float:left;
	overflow:hidden;
}



/* footer */

.footer_banner{
	background-color:#000;
	margin-top:20px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	
}

.footer{
	width:960px;
	margin:0 auto;
	color:#FFFFFF;
	font-size:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.footer a{
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	line-height:20px;
}

.footer a:hover{
	text-decoration:underline;
}

.footer b{
	text-transform:uppercase;
	font-weight:normal;
	font-size:12px;
}

.footer .col{
	float:left;
	padding-left:40px;
	padding-right:40px;
	width:200px;
}

.footer .noleft{
	padding-left:0px;
}

.footer .noright{
	padding-right:0px;
}


.footer_2{
	border-top:1px #ccc solid;
	//margin-top:20px;
	color:#999999;
	font-size:10px;
	padding-top:20px;
	line-height:20px;
}

.footer_2 .col{
	float:left;
	border-right:1px #ccc solid;
	padding-left:40px;
	padding-right:40px;
}

.footer_2 .noleft{
	padding-left:0px;
}

.footer_2 .noright{
	padding-right:0px;
	border:none;
}

.top{
	display:block;
	background-image:url(../images/black_arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:25px;
	color:#666;
	float:right;
	height:20px;
	text-decoration:none;
	margin-top:-75px;
	font-size:9px;
}


/* breadcrumbs */

.breadcrumbs{
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:10px;
	color:#666;
	margin-bottom:20px;
}

.breadcrumbs a{
	font-size:10px;
	text-decoration:none;
}

.breadcrumbs a:hover{
	text-decoration:underline;
}

.breadcrumbs span{
	color:#666;
}

.breadcrumbs b{
	color:#666;
}