body {margin:0; padding:0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#505050; background-color: #c2daff;}
body * {margin:0; padding:0;}
.clear {clear: both; height: 0;}

/* Overall */
p.small-button {padding-top: 9px;}
p.small-button strong {padding:4px 3px 6px 0; background: url(../images/small-btn-corners-right.png) right no-repeat; font-weight: normal;}
p.small-button em {padding:4px 6px 6px 16px; background:#072654 url(../images/small-btn-arrow.png) left no-repeat; font-style: normal;}
p.small-button a {padding:4px 0 6px 3px; background: url(../images/small-btn-corners-left.png) left no-repeat; text-decoration: none; color:#c2deff;}
p.small-button a:hover {color:white;} 

p.error {color: #cc0000;}

/* Logo and Menu Container */
#logo-menu-bg {background:white url(../images/top-bg.png) top repeat-x;}
#logo-menu {width: 920px; height: 47px; margin-left: auto; margin-right: auto; padding: 26px 20px 0 20px; text-align: left;}

/* Logo */
#logo-menu a.logo {display: block; float: left;}
#logo-menu a.logo img {border: none;}

/* Menu */
#menu {display: block; float: right; width: 679px; padding-top: 1px;}
#menu li {display: block; float: left; height: 38px; padding-left: 1px;}
#menu li a {display: block; height: 38px;}
#menu li a strong {display: none;}
#menu li a.home {width: 72px; background: url(../images/menu-btn-home.png) top left no-repeat;}
#menu li a.about-us {width: 98px; background: url(../images/menu-btn-about-us.png) top left no-repeat;}
#menu li a.our-approach {width: 132px; background: url(../images/menu-btn-our-approach.png) top left no-repeat;}
#menu li a.our-services {width: 97px; background: url(../images/menu-btn-our-services.png) top left no-repeat;}
#menu li a.customers {width: 112px; background: url(../images/menu-btn-customers.png) top left no-repeat;}
#menu li a.contact-us {width: 94px; background: url(../images/menu-btn-contact-us.png) top left no-repeat;}
#menu li a.jobs {width: 67px; background: url(../images/menu-btn-jobs.png) top left no-repeat;}
#menu li a:hover, #menu li a.active {background-position: right;}

/* Header */
#header-bg {background-color: white; padding-top: 18px;}
#header {display: block; width: 960px; height: 306px; margin-left: auto; margin-right: auto; background: url(../images/header-bg.jpg) no-repeat; text-align: left;}
#header h1 {display: block; width: 436px; height: 107px; margin-left: 30px; background: url(../images/home-title.png) bottom left no-repeat; font-size: 36px;}
#header h1 strong {display: none;}
#header p {width:600px; padding: 17px 0 9px 0; margin-left: 30px; line-height: 18px; color: white;}
#header p.small-button {padding-top: 9px;}

#header-bg div.subpage {height: 172px; background-image: url(../images/header-subpage-bg.jpg);}
#header-bg div.subpage h1 {height: 76px;}
#header-bg div.subpage h1.about-us {background-image: url(../images/about-us-title.png);}
#header-bg div.subpage h1.our-approach {background-image: url(../images/our-approach-title.png);}
#header-bg div.subpage h1.our-services {background-image: url(../images/our-services-title.png);}
#header-bg div.subpage h1.customers {background-image: url(../images/customers-title.png);}
#header-bg div.subpage h1.contact-us {background-image: url(../images/contact-us-title.png);}
#header-bg div.subpage h1.jobs {background-image: url(../images/jobs-title.png);}

/* Content */
#content-bg {background-color: white;}
#content {width: 960px; margin-left: auto; margin-right: auto; padding-top: 0px; text-align: left;}
#content h2 {font-weight: normal; margin-top:28px; margin-bottom: -2px; padding: 1px 0 7px 0; line-height: 1em; font-size: 22px; background: url(../images/h2-underline.png) bottom repeat-x;}
#content h3 {font-size:14px; line-height: 18px; margin: 16px 0 14px 0;}
#content p {line-height: 18px; margin: 9px 0 9px 0;}

#main-content {display: block; float: left; width: 580px; margin-left: 20px;}
#main-content a {text-decoration: none; border-bottom: 1px dashed #a8a8a8; color: #0052cc;}
#main-content a:hover {color: #00317a;}
#main-content ul {list-style: none; margin: 9px 0 9px 0;}
#main-content ul li {padding-left: 20px; background: url(../images/list-arrow.png) top left no-repeat; line-height: 18px; margin-top: 6px;}

#main-content div.staff {margin-bottom: 18px;}
#main-content div.staff img {float: left; margin-top: 16px;}
#main-content div.staff h3 {float: right; width: 380px;}
#main-content div.staff p {float: right; width: 380px;}
#main-content div.staff p.connect span {display: block; float: left; height: 18px;}
#main-content div.staff p.connect a {display: block; float: left; border:none;}
#main-content div.staff p.connect a img {border: none; margin: 1px 0 0 5px;}

#main-content div.customer  {margin-bottom: 18px; padding-top: 6px;}
#main-content div.customer img {float: left; margin-top: 10px;}
#main-content div.customer a img { border: none;}
#main-content div.customer p {float: right; width: 380px;}
#main-content div.customer p.testimonial {padding: 0 42px 0 18px; width: 320px; font-style: italic;}
#main-content div.customer p.testimonial span.author {display: block; font-style: normal; color:#78848f; margin-top: 12px;}

/* Side Section */
#side-section {display: block; float: right; width: 280px; min-height: 345px; padding: 0 20px 0 30px; background: url(../images/side-section-delimiter.png) top left no-repeat;}
#side-section ul {list-style: none; margin: 9px 0 9px 0;}
#side-section ul li {padding-left: 20px; background: url(../images/list-arrow.png) top left no-repeat; line-height: 18px; margin-top: 6px; margin-left: 6px;}

/* Forms */
#contact-form {}
#contact-form label, #sendphone label {display:block; float:left; line-height:24px; width:133px; padding-left:12px; margin-top: 12px;}
#contact-form input, #sendphone input {display:block; float:left; height:19px; width:295px; padding:3px 0 0 5px; border:1px solid #8d9ba8; background: url(../images/form-items-shadow.gif) top repeat-x; margin-top: 12px;}

#contact-form select {display:block; float:left; height:24px; width:302px; padding:2px 0 0 2px; border:1px solid #8d9ba8; background-color:white; margin-top: 12px;}
#contact-form select option {background-color: white; padding:0 0 2px 5px;}

#contact-form textarea, #contact-error textarea {display:block; float:left; height:185px; width:295px; padding:3px 0 0 5px; border:1px solid #8d9ba8; background: url(../images/form-items-shadow.gif) top repeat-x; margin-top: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

#contact-form input.button, #sendphone input.button, #contact-error input.button {clear:both; background-color:transparent; background-image:url(../images/form-button.png); border:0; width:110px; height:24px; padding:0 0 2px 0; font-size:13px; color:#c2deff;}
#contact-form input.button:hover, #sendphone input.button:hover {cursor:pointer; color:white;}

#sendphone label {width: 70px;}
#sendphone input {width: 190px;}
#sendphone input.button {}

div#hide-show {position: absolute; top: 275px; left:57%; width: 280px; padding: 21px 30px 30px 30px; background-color: white; border:1px solid gray;}
div#hide-show.hide {display: none;}
div#hide-show.show { display: block;}


/* Footer */
#footer-bg {background:white url(../images/footer-bg.png) bottom repeat-x; height: 110px;}
#footer {width: 920px; padding: 52px 20px 0 20px; margin-left: auto; margin-right: auto; line-height: 18px; text-align: left;}
#footer div.fleft {display: inline-block; float: left; font-size: 14px; color: #9aaab8;}
#footer div.fleft a {text-decoration: none; border-bottom: 1px dashed #a9b3c2; color: #505050; font-size: 12px; font-weight: normal;}
#footer div.fleft a:hover {color: black;}
#footer div.fright {display: inline-block; float: right; padding-top: 2px; text-align: right; color: #78848f;}

/* Locale switcher */
#locale-wrapper {	
	display: block;
	width: 960px;
	left: auto;
	right: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 0;
}
#locale-selector a:link {
	color:white;
	text-decoration:none;
	font-weight: normal;
}
#locale-selector a:visited {
	color:white;
	text-decoration:none;
	font-weight: normal;
}
#locale-selector a.en {
	color:white;
	text-decoration:none;
	font-weight: bold;
}