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


/* Basic Styles ________________________________________________________________________________*/

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:url('../images/common/img-mainbody-bg.jpg') repeat-x #20222c;
}

.display_none {display:none;}

a{
	color:#207385;
	font:bold 11px arial;
	text-decoration:none;}

a:hover{
		color:#002c7c;
		font:bold 11px arial;
		text-decoration:underline;}

/* Structure ________________________________________________________________________________*/

#main-container{
	width:960px;
	margin:0px auto 0px auto;
	padding:0px 0px 60px 0px;
	position:relative;
	display:block;
	background:url('../images/common/img-highlight.jpg') no-repeat ;


}

body #main-container #header {
	width:960px;
	height:120px;
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	clear:both;


	}

body #main-container #content {
	width:960px;
	position:relative;
	margin:0px;
	padding:0px;
	display:block;
	clear:both;
	float:left;}

#main-container #header .logo{
	position:relative;
	background:url('../images/common/img-logo.png') no-repeat center;
	display:block;
	width:165px;
	height:108px;
	margin:0px auto 0px auto;
	padding:45px 0px 0px 0px; }

#main-container #header .logo-inside-web{
	position:absolute;
	background:url('../images/common/img-logo-inside-web.png')no-repeat ;
	height:90px;
	display:block;
	margin:20px 0px 0px 0px;
	padding:0px;
	width:448px;}

#main-container #header .logo-inside-print{
	position:absolute;
	background-image:url('../images/common/img-logo-inside-print.png');
	background-repeat:no-repeat;
	height:90px;
	display:block;
	margin:20px 0px 0px 0px;
	padding:0px;
	width:448px;}

#main-container #header .logo-inside-brand{
	position:absolute;
	background-image:url('../images/common/img-logo-inside-brand.png');
	background-repeat:no-repeat;
	height:90px;
	display:block;
	margin:20px 0px 0px 0px;
	padding:0px;
	width:448px;}

/* Home - Intro Container ________________________________________________________________________________*/
#main-container #content .intro_frame{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:800px;
	}


#main-container #content .intro_frame .project_nav h4{
	color:#cbd69a;
	padding:10px 30px;
	margin:0px;
}
#main-container #content .intro_frame .project_nav h4.header-other{
	float:left;
	clear:both;
	width:300px;
	margin-top:180px;
	padding:10px 30px 0px 30px;
}

#main-container #content .intro_frame .project_nav ul.right li a, #main-container #content .intro_frame .project_nav ul.left li a{
	font:normal 11px arial;
	color:#a1a296;
	text-decoration:none;
}
#main-container #content .intro_frame .project_nav ul.right li a:hover, #main-container #content .intro_frame .project_nav ul.left li a:hover{
	color:#fff;
	text-decoration:underline;
}

/* Featured projects________________________________________________________________________________*/
#main-container #content .intro_frame .featured_projects{
	height:390px;
	width:800px;
	padding:0;
	margin:0 auto 0 auto;
	position:relative;
	top:20px;
	background:url('../images/common/img-bg-hpcontent.png') top no-repeat;

}

#main-container #content .intro_frame .featured_projects .fp_content{
	width:640px;
	height:145px;
	display:block;
	position:relative;
	padding:10px 0px 10px 0px;
	margin:0px auto;
	top:70px;
	clear:both;
	}

#main-container #content .intro_frame ul.badges{
	width:630px;
	margin:120px auto 0px auto;
	text-align:center;
	position:relative;
	padding:0px 0px 0px 0px;
}

#main-container #content .intro_frame ul.badges li{
	display:block;
	float:left;
	width:186px;
	height:86px;
	list-style:none;
	padding:0px 10px 0px 10px;
	margin:0px;
	border-right:1px solid #4e4955;
	position:relative;
}

#main-container #content .intro_frame ul.badges li.last{
	border:none;
}

#main-container #content .intro_frame ul.badges li a.buttons{
	width:186px;
	height:86px;
	padding:0px;
	margin:0px;
	display:block;
	position:relative;
}

#main-container #content .intro_frame ul.badges li a.web{
	background:url('../images/common/img-badge-web.png') top;
}

#main-container #content .intro_frame ul.badges li a.print{
	background:url('../images/common/img-badge-print.png') top;
}

#main-container #content .intro_frame ul.badges li a.brand{
	background:url('../images/common/img-badge-brand.png') top;
}

#main-container #content .intro_frame ul.badges li a.buttons:hover{
	background-position:0 -86px;

}

#main-container #content .intro_frame .homepage_divider{
	margin:10px auto 0px auto;
	padding:0px;
	position:relative;
	width:630px;
	height:45px;
	display:block;
	background:url('../images/common/img-divider-horizontal.png') no-repeat;
}

#main-container #content .intro_frame .intro{
	width:630px;
	position:relative;
	margin:10px auto;
	padding:0px 0px 10px 0px ;
	display:block;
	height:130px;
	background:url('../images/common/img-text-intro.png') no-repeat;
}

#main-container #content .intro_frame .intro_image{
	float:left;
	display:inline;
}

#main-container #content .intro_frame .intro_text{
	font-family:georgia;
	font-style:italic;
	font-size:11px;
	line-height:18px;
	color:#4b4d59;
	width:300px;
	padding:5px;
	margin:0px 0px 30px 0px;
	float:right;
	display:block;
}
#main-container #content .intro_frame .header_text{
	font-family:georgia;
	font-weight:normal;
	font-style:italic;
	font-size:15px;
	line-height:18px;
	color:#7d9a9b;
	padding:5px;
	margin:0px 0px 30px 0px;
	position:absolute;
	text-align:right;
	right:135px;
	top:30px;
}
/* Featured Project Carousel________________________________________________________________________________*/
.jcarousel-skin-tango .jcarousel-container {
	margin:0px auto;
	position:relative;
	
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width:590px;
    padding:0px;
    
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    height: 150px;
    padding: 0px;
    
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:460px;
    height: 140px;
	margin:0px auto;
	

}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  550px;
    height: 140px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 550px;
    height: 140px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/*  Horizontal Buttons________________________________________________________________________________*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
    background:transparent url(../images/carousel/next-horizontal.png) no-repeat scroll 0 0;
	cursor:pointer;
	height:32px;
	position:absolute;
	right:-35px;
	top:55px;
	width:32px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 55px;
    left: -35px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/carousel/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

#main-container #content .intro_frame .featured_projects .fp_image{

	float:left;
	margin:8px 0px;
	padding:5px;
	border:1px solid #d9d9d9;
	background-color:#fff;
}
#main-container #content .intro_frame .featured_projects table.fp_table{
	float:left;
	width:220px;
	font:normal 12px arial;
	padding:0px;
	margin:5px 0px  0px 20px;
	color:#514c60;}

#main-container #content .intro_frame .featured_projects table.fp_table th{
	font:bold 12px arial;
	text-align:left;
	color:#393544;
	padding:0px;
	margin:0px;
	border-top:1px solid #e3e3e3;
	border-bottom:2px solid #e3e3e3;
	height:15px;
}
#main-container #content .intro_frame .featured_projects table.fp_table td{
	padding:0px;
	margin:0px;
	height:12px;
}

/* Project Pages________________________________________________________________________________ */


body #main-container #content .project_frame{
	width:795px;
	height:550px;
	position:relative;
	display:block;
	float:left;
	background:url('../images/common/img-viewer-frame-bg.gif') repeat-y ;
	margin:0 0 40px;
}

body #main-container #content .project_frame .project_frame_top{
	width:795px;
	height:30px;
	background:url('../images/common/img-viewer-frame-top.gif') ;
	display:block;
	position:relative;
	clear:both;
	padding:0px;
	margin:0px;


}
body #main-container #content .project_frame .project_frame_bottom{
	width:795px;
	height:30px;
	background:url('../images/common/img-viewer-frame-bottom.gif') ;
	display:block;
	position:relative;
	padding:0px;
	margin:0px;
	clear:both;


}

body #main-container #content .project_frame .project_frame_content{
	width:720px;
	height:500px;
	background:url('../images/common/img-project-frame-bg.png') repeat-x ;
	display:block;
	position:relative;
	padding:0px;
	margin:0px auto;
}

body #main-container #content .project_frame .project_frame_content img{

	width:708px;
	height:488px;
	padding:5px;
	display:block;
}

/* Project Page Carousel________________________________________________________________________________*/
.project_frame_content .jcarousel-skin-tango .jcarousel-container {
	margin:0px auto 0px auto;
	position:relative;
	padding:0px;
}

.project_frame_content .jcarousel-skin-tango .jcarousel-container-horizontal {
    width:720px;
    padding:0px;
}

.project_frame_content .jcarousel-skin-tango .jcarousel-container-vertical {
    height: 500px;
    padding: 0px;
}

.project_frame_content .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:720px;
    height: 500px;
	margin:0px auto;

}

 .project_frame_content.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  430px;
    height: 500px;
}

.project_frame_content .jcarousel-skin-tango .jcarousel-item {
    width: 750px;
    height: 500px;
}

.project_frame_content .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin:0px;
}

.project_frame_content .jcarousel-skin-tango .jcarousel-item-vertical {
    margin:0px;;
}

.project_frame_content .jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/*  Horizontal Buttons________________________________________________________________________________*/
.project_frame_content .jcarousel-skin-tango .jcarousel-next-horizontal {
    background:transparent url(../images/carousel/next-horizontal.png) no-repeat scroll 0 0;
	cursor:pointer;
	height:32px;
	position:absolute;
	right:-20px;
	top:235px;
	width:32px;
}

.project_frame_content .jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.project_frame_content .jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.project_frame_content .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.project_frame_content .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.project_frame_content .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.project_frame_content .jcarousel-skin-tango .jcarousel-prev-horizontal {
    cursor:pointer;
	height:32px;
	position:absolute;
	left:-20px;
	top:235px;
	width:32px;
    background: transparent url(../images/carousel/prev-horizontal.png) no-repeat 0 0;
}

.project_frame_content .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.project_frame_content .jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.project_frame_content .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.project_frame_content .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.project_frame_content .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
/* Navigation________________________________________________________________________________ */
/*nav*/

body #main-container #content .project_page_nav{
	width:165px;
	float:left;
	display:block;
	position:relative;
	padding:30px 0px 0px 0px;
	margin:0px;
}


body #main-container #content .project_page_nav ul.right{
	width:165px;
	margin:0px 0px 0px 0px;
	padding: 0px;
	list-style:none;
	position:relative;
	text-align:right;
		}

/*nav-web*/
body #main-container #content .project_page_nav ul.right li.top-nav-web{
	height:40px;
	width:165px;
	display:block;
	background:url('../images/common/img-nav-top-web.jpg') no-repeat;
	padding:0px;
	margin:0px;
	position:relative;
}

body #main-container #content .project_page_nav ul.right li.bottom-nav-web{
	height:40px;
	width:165px;
	display:block;
	background:url('../images/common/img-nav-bottom-web.jpg') no-repeat;
	padding:0px;
	margin:0px;
	position:relative;
}

body #main-container #content .project_page_nav ul.web{
	background:url('../images/common/img-nav-body-web.jpg')repeat-y;
}



/*print*/
body #main-container #content .project_page_nav ul.right li.top-nav-print{
	height:40px;
	width:165px;
	display:block;
	background:url('../images/common/img-nav-top-print.jpg') no-repeat;
	padding:0px;
	margin:0px;
	position:relative;
}

body #main-container #content .project_page_nav ul.right li.bottom-nav-print{
	height:40px;
	width:165px;
	display:block;
	background:url('../images/common/img-nav-bottom-print.jpg') no-repeat;
	padding:0px;
	margin:0px;
	position:relative;
}

body #main-container #content .project_page_nav ul.print{
	background:url('../images/common/img-nav-body-print.jpg')repeat-y;
}

/*brand*/
body #main-container #content .project_page_nav ul.right li.top-nav-brand{
	height:40px;
	width:165px;
	display:block;
	background:url('../images/common/img-nav-top-brand.jpg') no-repeat;
	padding:0px;
	margin:0px;
	position:relative;
}

body #main-container #content .project_page_nav ul.right li.bottom-nav-brand{
	height:40px;
	width:165px;
	display:block;
	background:url('../images/common/img-nav-bottom-brand.jpg') no-repeat;
	padding:0px;
	margin:0px;
	position:relative;
}

body #main-container #content .project_page_nav ul.brand{
	background:url('../images/common/img-nav-body-brand.jpg')repeat-y;
}

/*Buttons on project nav*/
body #main-container #content .project_page_nav a.project-nav-button-web{
	width:165px;
	height:30px;
	padding:0px;
	margin:0px;
	display:block;
	background:url('../images/common/img-nav-buttons.jpg') no-repeat;
	background-position:0 -150px;}

body #main-container #content .project_page_nav a.project-nav-button-brand{
	width:165px;
	height:30px;
	padding:0px;
	margin:0px;
	display:block;
	background:url('../images/common/img-nav-buttons.jpg') no-repeat;
	background-position:0 -90px;}

body #main-container #content .project_page_nav a.project-nav-button-print{
	width:165px;
	height:30px;
	padding:0px;
	margin:0px;
	display:block;
	background:url('../images/common/img-nav-buttons.jpg') no-repeat;
	background-position:0 -30px;}

body #main-container #content .project_page_nav a.project-nav-button-home{
	width:165px;
	height:30px;
	padding:0px;
	margin:0px;
	display:block;
	background:url('../images/common/img-nav-buttons.jpg') no-repeat;
	background-position:0 -210px;}

body #main-container #content .project_page_nav a.project-nav-button-print:hover{
	background-position:0 0;
}

body #main-container #content .project_page_nav a.project-nav-button-brand:hover{
	background-position:0 -60px;
}

body #main-container #content .project_page_nav a.project-nav-button-web:hover{
	background-position:0 -120px;
}

body #main-container #content .project_page_nav a.project-nav-button-home:hover{
	background-position:0 -180px;
}


body #main-container #content .project_page_nav ul.right li, body #main-container #content .project_page_nav ul.left li{
	height:20px;
	padding:0px 10px 0px 0px;
}
body #main-container #content .project_page_nav ul.right li a, body #main-container #content .project_page_nav ul.left li a{
	font:normal 11px arial;
	color:#666;
	text-decoration:none;
}
body #main-container #content .project_page_nav ul.right li a:hover, body #main-container #content .project_page_nav ul.left li a:hover{
	color:#207385;
	text-decoration:underline;
}



/*Poject frame info*/
#main-container #content .project_text{
	color:#6a6a6a;
	font:normal 0.8em georgia;
	font-style:italic;
	font-size-adjust:none;
	height:140px;
	line-height:1.8em;
	margin:0px 0px 0px 70px;
	padding:0;
	width:580px;
	clear:both;

}

#main-container #content table.project_table{

	width:400px;
	height:125px;
	font:normal .7em arial;
	padding:0px;
	margin:60px 0px 35px 70px;
	color:#8691a3;
	clear:both;

}
#main-container #content table.project_table td{
	padding:0px;
	margin:0px;
	height:12px;
	color:#777;
}

#main-container #content table.project_table td.title{
	font-size:25px;
	color:#2575a4;
}

#main-container #content table.project_table th{
	font:bold 1.1em arial;
	text-align:left;
	color:#444;
	border-top:1px solid #dddddd;
	border-bottom:2px solid #dddddd;
	padding:0;
	margin:0;
	height:12px;
}



/* Footer________________________________________________________________________________ */

body #main-container #footer {
	width:960px;
	position:relative;
	margin:0px;
	padding:0px;
	height:100px;
	clear:both;
	float: left;
	text-align:center;}



body #main-container #footer p{

	font-size:11px;
	color: #333540;
	font-weight:normal;
	margin:0px; }

body #main-container #footer a{

	font-size:11px;
	color:#40635e;
	text-decoration:underline;
	font-weight:bold; }

body #main-container #footer a:hover{ color:#a2c05e;}

body #main-container #footer ul {
	margin:10px auto 10px auto;
	position:relative;
	padding:5px;
	height:18px;
	text-align:center; }

body #main-container #footer ul li{
	display:inline;
	font-size:12px;
	color:#666;
	margin:0px 2px 0px 2px;
	height:13px; }

body #main-container #footer ul li a{
	text-decoration:none;
	font-size:11px;
	color:#40635e;
	margin:0px 5px 0px 0px;
	padding:0px;}

body #main-container #footer ul li a:hover{
	text-decoration:underline;
	color:#3f8b9b; }

#main-container #content h5{
		color:#cbd69a;
		padding:0px;
		margin:5px 0px;
		position:relative;}