/*----------------------
   Reset
-----------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*----------------------
   General
-----------------------*/
html{
	background-color: #fff;
}
body {
	background-color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h1 {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 6px;
	letter-spacing: 1.5px;
}
h2 {
	color: #00247d;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 6px;
	line-height: 20px;
	text-transform:uppercase;
}
h3 {
	margin: 2px 0;
	font-size: 12px;
	font-weight: bold;
}
h4 {
	margin-bottom: 10px;
	font-weight: bold;
	color: #888;
	font-size: 14px;
}
h5{
	padding: 20px;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	color: #333;
}

hr {
	color: white;
	margin-bottom: 10px;
}
.font {
	font-family: Arial;
	font-size: 12px;
}
.center {
	margin: 0 auto;
}
.wrapper {
	width: 900px;
	margin: 0 auto;
	color: #7f7f7f;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.grey {
	color: #7f7f7f;
}
.lightgrey {
	color: #ddd;
}
.blue{
	color: #00247d;
}

.smalltext
{
	font-size: 10px;
}

.feedback
{
	color: #E43A34;
}

a {
	cursor:pointer;
	color: #999;
	text-decoration: none;
}

a:hover{
	color:  #00247d;
}

.greylinks a
{
	color: #333;
}
/*----------------------
   Header
-----------------------*/
#header {
	padding: 46px 0 20px 0;
}
/*----------------------
   Navigation
-----------------------*/
#navigation {
	padding: 10px 0 0 0;
}
#navigation ul {
	padding: 2px 0;
	position: relative;
}
#navigation ul li {
	float: left;
	list-style: none;
	position: relative;
}
#navigation ul li a {
	color: #7f7f7f;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}
#navigation ul li a:hover {
	color: #00247d;
}
#navigation ul .active {
	color: #00247d;
	font-weight: bold;
}
#navigation .hide {
	display: none;
}
#navigation #fixedMenuContainer 
{
	margin-left: 20px;
	position: relative;
	height: 24px;
	width: 600px
}
.submenu {
	position: absolute;
	padding: 0;
	margin: 0;
}


/*Sub Menu*/

#navigation ul.dropdown ul 
{
	margin-left: -1px;
	width: 200px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	z-index: 5;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#navigation ul.dropdown ul li {
	font-weight: normal;
	float: none;
}
/* IE 6 & 7 Needs Inline Block */
#navigation ul.dropdown ul li a {
	border-right: none;
	width: 100%;
	padding: 6px 9px;
	display: inline-block;
}

/*----------------------
   Content
-----------------------*/
#content {
	border-top: 1px #7f7f7f solid;
	border-bottom: 1px #7f7f7f solid;
	color: #333;
	font-family: arial;
	font-size: 12px;
	padding: 15px 0;
	position: relative;
	line-height: 1.1em;
	min-height: 430px;
}

#content #topWhiteBox
{
	background: #fff;
	position: absolute;
	width: 900px;
	height: 60px;
	left: 0;
	top: 15px;
}

#content #bottomWhiteBox
{
	background: #fff;
	position: absolute;
	width: 900px;
	height: 20px;
	left: 0;
	top: 428px;
}

#content #contentHolder {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 350px;
	height: 390px;
	padding: 20px 22px 0 0;
	margin: 0;
	background-color: #fff;	
}
#content #wider #contentHolder {
	width: 500px;
}

#content #wider #container{
	width: 480px;
}

#contentHolder #scrollContent ul{
	padding: 30px;
}

#contentHolder #scrollContent ul li{
	padding: 1px 0;
}

#container {
	position: absolute;
	top: 90px;
	width: 328px;
	height: 362px;
	/*position:relative;*/
	overflow: hidden; /*fix for IE7*/
}

#content .scrollButtons {
	position: absolute;
	bottom: 15px;
	right: 9px;
	height: 52px;
	width: 26px;
	cursor: pointer;
}

#content #clientList li {
	position: relative;
	width: 100%;
	padding: 6px 0;
}

#content #clientList span {
	position: absolute;
	top: 6px;
	right: 10px;
	width: 190px;
	text-align: left;
}
#content #clientList a {
	color: #999;
	text-decoration: none;
	display: block;
}

#contentHolder #scrollContent #clientList{
	padding: 0;
}

#contentHolder #scrollContent #clientList li{
	padding: 6px 0;
}

#content #clientList a:hover {
	color: #00247d;
}

#content .jobList{
}

#content .jobList li{
	margin-left: 10px;
}


#content .jobList li a{
	padding: 4px 0;
	text-decoration: none;
	color: #969696;
}

#content .jobList li a:hover{
	color:  #00247d;
}

#contactHolder{
	position: absolute;
	top: 0;
	right: 0;
	width: 470px;
	height: 404px;
	padding: 22px;
	margin: 0;
	background-color: #fff;
}

#contactHolder a{
	text-decoration: none;
	color: #999;
	display:block;
	padding: 3px 0;
	font-size: 11px;
}

#contactHolder .contactColumn{
	width: 160px;
	padding: 30px 40px 10px 30px;
}

#contactHolder a:hover{
	color:  #00247d;
}


#contentHolder .contactColumn{
	padding: 10px 10px 0 20px;
}

#contentHolder .contactColumn a{
	text-decoration: none;
	color: #c0c0c0;
	display:block;
	padding: 3px 0;
	font-size: 11px;
}

#contentHolder .contactColumn a:hover{
	color:  #00247d;
}

#content .title{
	background: transparent url('../images/titleBGTop.png') no-repeat scroll top;
    color: #444;
    display: block;
    float: left;
    width: 350px;
    padding-top: 2px; /* sliding doors padding */
    text-decoration: none;
    margin-bottom: 12px;
    margin-top: 12px;
}

#content .title h1 
{
	color: #333;
    background: transparent url('../images/titleBGBottom.png') no-repeat bottom;
    display: block;
    font-size: 14px;
    line-height: 14px;
    padding: 0px 0px 2px 23px;
}

#contentHolder .list{
	margin-top: 10px;
}

#contentHolder .list li{
	list-style-type: disc;
	margin: 0 0 10px 15px;
	
} 

#contentPane b
{
	color: #999;
}

/*----------------------
   Projects
-----------------------*/
#projectHeader {
	position: absolute;
	top: -130px;
	right: 0;
	z-index: 5;
	width: 272px;
	height: 70px;
	margin: 0;
	background-color: transparent;
}
#projectHeader #toggleButton {
	position: absolute;
	height: 26px;
	width: 26px;
	right: 0;
	bottom: 8px;
	cursor: pointer;
}
#projectHeader #imageSelection {
	margin-top: 10px;
	float: left;
	height: 13px;
	width: 230px;
}
#projectHeader #imageSelection ul {
	position: relative;
}
#projectHeader #imageSelection li {
	float: left;
	width: 26px;
	height: 18px;
	margin-right: 6px;
}
#projectHeader #imageSelection a {
	width: 22px;
	height: 12px;
	display: block;
	background: #808080;
	border: 1px #ddd solid;
	text-decoration: none;

}
#projectHeader #imageSelection a:hover {
	background: #00247d;
}
#projectHeader #imageSelection .active {
	background: #00247d;
}

#projectHolder {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 266px;
	height: 428px;
	padding: 15px 8px 0 0;
	margin: 0;
	background-color: #fff;
	line-height: 16px;
}

#projectHolder #contentPane .list li
{
	list-style-type: disc;
	margin: 0 0 0 15px;
}

#projectHolder #projectList li a {
	display: block;
	padding: 10px;
	color: #333;
	text-decoration: none;
	
}

#projectHolder #noProject
{
	display: block;
	padding: 10px 20px;
	color: #333;
}


#projectHolder #projectList li a span{
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}
#projectHolder #projectList li a:hover {
	color: #00247d;
}
#projectHolder #details {
	padding: 8px 16px 8px 24px;
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
	margin-bottom: 14px;
	text-transform:uppercase;
}
#projectHolder .projectSheet{
	margin: 8px 0 0 190px;
}

#projectHolder .projectSheet a{
	text-decoration:none;
	font-size: 10px;
	color: #c0c0c0;
}

#projectHolder #container {
	display: block;
	padding: 10px 16px;
	height: 240px;
	overflow: hidden; /*text-align:justify;*/
	width: 178px;
}
#content .projectScrollButtons {
	position: absolute;
	bottom: 8px;
	right: 14px;
	height: 52px;
	width: 26px;
	cursor: pointer;
}
#backButtonHolder {
	position: absolute;
	top: -30px;
	left: 2px;
	width: 250px;
	height: 32px;
}
#backButtonHolder a {
	display: block;
	padding: 10px;
	width: 250px;
	height: 12px;
	color: #7f7f7f;
	text-transform: uppercase;
	font-size: 10px;
}

#contentHolder #backButtonHolder {
	position: absolute;
	top: 12px;
	right: 0;
	width: 168px;
	height: 32px;
}
#contentHolder #backButtonHolder a {
	display: block;
	padding: 10px;
	width: 48px;
	height: 12px;
}


#projectHeader .title{
	background: transparent url('../images/top-blue-lines.png') no-repeat scroll top;
    color: #444;
    display: block;
    float: left;
    width: 274px;
    padding-top: 2px; /* sliding doors padding */
    text-decoration: none;
}

#projectHeader .title h2 
{
	color: #021440;
    background: transparent url('../images/bottom-blue-lines.png') no-repeat bottom;
    display: block;
    padding: 2px 0px 2px 23px; font-size: 14px;  /* Editted 12/6/2010    */
} 
#projectHeader .desc
{
	padding-left: 24px;
}

.higher #projectHeader{
	height: 90px;
	top: -110px;
}

#projectDesc
{
	left: 0;
	position: absolute;
	top: 70px;
	width: 272px;
	height: 30px; font-size:10px;
}

.project-Learnmore {  right: 20px;
	position: absolute;
	top: 35px;
	width: 70px;
 font-size:10px;   }



/*----------------------
   Footer
-----------------------*/
#footer {
	text-transform:uppercase;
	letter-spacing: 1.5px;
	padding: 15px 0;
	position: relative;
}
#footer .partnerLogos {
	display: inline;
}
#footer .partnerLogos img {
	padding-left: 5px;
}
#footer .subnav {
	color: #7f7f7f;
	font-size: 11px;
	text-decoration: none;
	text-align:right;
	position: relative;
	display: block;
}
#footer .subnav ul li {
	float: left;
}
#footer .subnav ul li a {
	color: #7f7f7f;
	text-decoration: none;
}
#footer .subnav ul li a:hover {
	color:  #00247d;
}
#footer .subnav ul .active {
	color:  #00247d;
	font-weight: bold;

}

#footer #address{
	margin-top: 20px;
	font-weight:bold;
	font-size:9px;
}

#footerSubNav
{
	top: 16px;
	right: 190px;
	position: absolute;
	height: 16px;
	width: 220px;
}

#studiosSubNav
{
	top: 16px;
	right: 36px;
	position: absolute;
	height: 16px;
	width: 400px;
}

#studiosSubNav ul, #footerSubNav ul
{
	top: 0;
	right: 0;
	position:absolute;
}

#footer .hide {
	display: none;
}

#subnav #inTheNewsSubMenu
{
	float: left;
}

/*----------------------
   Image Slider
-----------------------*/
#slider {
	/* You MUST specify the width and height */  
       width: 900px;
	height: 428px;
	position: relative;
	overflow: hidden;
	padding-top: 6px;
}
#mask-gallery {
	overflow: hidden;
	display: inline-block;
}
#gallery {
	/* Clear the list style */  
    list-style: none;
	margin: 0;
	padding: 0;
	z-index: 0; /* width = total items multiply with #mask gallery width */
	width: 900px;
	overflow: hidden;
}
#gallery li {
	/* float left, so that the items are arrangged horizontally */  
      float: left;
}


.size-12 {
	color: #0b204d;
	font-size:12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

.size-12-Normal {
	color: #0b204d;
	font-size: 12px;
	font-weight: bold;
	
}

.btn_submit
{
	background: transparent url('../images/button-submit.gif') no-repeat scroll top;
	border: 0;
	height: 27px;
	width: 74px;
}