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

body {
	margin: 0;
	padding: 0;
	background: url(../img/bodybg.jpg) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/* links */

a {
	color: #0060be;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
	outline: none;
}

/* layout */

#container {
	margin: 0 auto;
	background: url(../img/headerbg.jpg) no-repeat top center;
	width: 100%;
	float: left;
}
#wrap {
	margin: 0 auto;
	padding: 0;
	width: 900px;
}
#head {
	height: 130px;
}
#content {
	width: 100%;
}
#sidebar {
	float: left;
	width: 236px;
}

/* header */

#header {
	color: #fff;
	font-weight: bold;
	height: 104px;
}
#logo {
	float: left;
	width: 300px;
}

/* navigation */

#nav {
	float: right;
	width: 600px;
}
#nav ul {
	float: right;
	text-align: right;
	margin: 58px 0 0 0;
}
#nav ul li {
	float: left;
	list-style-type: none;
	font-size: 0.95em;
	text-align: center;
   *width: 100px;
}
#nav ul li a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	height: 24px;
	padding: 0 1.6em;
	margin-top: 10px;
	outline: none;
}
#nav ul li a:hover {
	color: #70ace6;
	outline: none;
}
#nav ul li.active {
	background: url(../img/navbutton.png) no-repeat center center;
}
#nav ul li.short {
	background: url(../img/navbutton-short.png) no-repeat center center;
}

/* sub navigation */

ul#sidenav {
	margin: 40px 0;
	padding: 0;
}
ul#sidenav li {
	margin: 0;
	padding: 0;
	font-size: 1em;
	height: 42px;
	list-style-type: none;
	background: url(../img/sidenavbg.jpg) no-repeat top left;
}
ul#sidenav li.first {
	background: url(../img/sidenavbg-first.jpg) no-repeat top left;
}
ul#sidenav a {
	display: block;
	padding: 11px;
	color: #636b75;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
   *height: 20px;
	outline: none;
}
ul#sidenav a:hover, ul#sidenav a.active {
	color: #fff;
	background: url(../img/sidenavbutton.png) no-repeat top left;
	height: 42px;
   *height: 20px;
	outline: none;
}

/* content */

#copy {
	float: left;
	width: 466px;
	margin: 40px 25px 40px 15px;
   *padding-bottom: 40px;
}
#copyWide {
	float: left;
	width: 614px;
	margin: 40px 25px 40px 15px;
   *padding-bottom: 40px;
}
#copy h2, #copyWide h2 {
	font-weight: normal;
	font-size: 1.8em;
	margin-top: 0;
}
#copy h3, #copyWide h3 {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #636b75;
}
#copy h4, #copyWide h4 {
	font-size: 1.1em;
	color: #123a93;
	margin-bottom: 0;
	font-weight: normal;
}
#copy p, #copy li, #copyWide p, #copyWide li {
	font-size: 0.9em;
	color: #636b75;
	line-height: 1.4em;
}

/* right sidebar */

#widgets {
	float: left;
	width: 148px;
	margin: 40px 0;
}
#widgets h2 {
	margin: 0;
	padding: 10px 0 0 10px;
	background: url(../img/widget-headerbg.png) no-repeat top left;
	height: 24px;
	font-size: 0.95em;
	color: #636b75;
}
#widgets p {
	padding: 10px;
	margin: 0;
	font-size: 0.75em;
	line-height: 1.4em;
	color: #91979e;
}
#widgets p.bottom {
	background: url(../img/widget-footerbg.png) no-repeat top left;
}
#widgetContact a {
	padding: 0 0 0 5px;
	outline: none;
}
#widgets div.divider {
	width: 90%;
	border-top: 1px solid #cdcdcd;
	margin: 0 0 0 7px;
}
.widgetBox {
	background: url(../img/widget-bodybg.png) repeat-y top left;
}

/* sidebar testimonial */

#testimonial {
	width: 200px;
	margin: 20px 0;
}
#testimonial p.quote, p.quote {
	color: #7d9ec9;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.3em;
	padding: 10px 10px 10px 25px;
	background: url(../img/quote-greybg.png) no-repeat 2px 10px;
}
#testimonial p.author, #testimonial p.company {
	color: #b1b5ba;
	margin: 0 0 0 25px;
	padding: 0;
	font-size: 0.8em;
}
#copy p.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1em;
	padding: 10px 10px 0 25px;
	background: url(../img/quote-greybg.png) no-repeat 2px 10px;
}
#copy p.author, #copy p.company {
	color: #91979e;
	margin: 0 0 0 25px;
	padding: 0;
	font-size: 0.8em;
}

/* widget links */

ul.links, ul.linksPDF {
	padding: 5px 0;
	margin: 5px 10px;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #91979e;
}
#widgets ul.links li {
	padding: 0 0 5px 15px;
	list-style-type: none;
	background: url(../img/icon-doc.png) no-repeat left 4px;
}
#widgets ul.links li a, #widgets ul.linksPDF li a {
	padding: 0;
	outline: none;
}
#widgets ul.linksPDF li {
	padding: 0 0 5px 15px;
	list-style-type: none;
	background: url(../img/icon-pdf.png) no-repeat left 4px;
}

/* landing layout */

body#landing {
	margin: 0;
	padding: 0;
	background: url(../img/landing-bodybg.jpg) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#containerLanding {
	margin: 0 auto;
	background: url(../img/landing-headerbg.jpg) no-repeat top center;
	width: 100%;
	float: left;
}
#ad {
	height: 381px;
}
#series {
	height: 287px;
}
#series > div {
	display: none;
}
#series > div.default {
	display: block;
}
.hover {
	cursor: pointer;
}

/* service lines */

#services {
	height: 94px;
	color: #fff;
}
#serviceBox1 a {
	color: #a0bce0;
	outline: none;
}
#serviceBox2 a {
	color: #a5c7f2;
	outline: none;
}
#serviceBox3 a {
	color: #bddaff;
	outline: none;
}
#serviceBox1, #serviceBox2, #serviceBox3 {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
	background: #03237c;
}
#serviceBox1 h2, #serviceBox2 h2, #serviceBox3 h2 {
	font-size: 1.1em;
	margin: 18px 20px 0 20px;
}
#serviceBox1 h2 a, #serviceBox2 h2 a, #serviceBox3 h2 a {
	color: #fff;
	outline: none;
}
#serviceBox1 p, #serviceBox2 p, #serviceBox3 p {
	font-size: 0.8em;
	margin: 10px 20px 12px 20px;
}
#serviceBox1 {
	background: #03237c;
}
#serviceBox2 {
	background: #123a93;
}
#serviceBox3 {
	background: #214497;
}
#serviceBox1 p {
	color: #a0bce0;
}
#serviceBox2 p {
	color: #a5c7f2;
}
#serviceBox3 p {
	color: #bddaff;
}

/* manage your costs, global presence, the arising group */

#features {
	margin-top: 5px;
   *margin-top: 15px;
	height: 200px;
}
#features h3 {
	text-transform: uppercase;
	color: #bbbfc3;
	font-size: 1em;
	border-bottom: 4px solid #d7dae3;
	padding: 0 0 3px 0;
	text-indent: 5px;
}
#features p {
	font-size: 0.8em;
	color: #636b75;
	margin: 10px 5px;
	width: 260px;
}
#featureBox1, #featureBox2, #featureBox3 {
	float: left;
	width: 286px;
   *width: 280px;
	margin: 0 7px;
	padding: 0;
}

/* what clients are saying, success stories */

#clients {
	height: 320px;
   *margin-top: 15px;
}
#clientBox1 {
	float: left;
	width: 586px;
   *width: 575px;
	margin: 0 7px;
	padding: 0;
}
#clientBox2 {
	float: left;
	width: 286px;
	margin: 0 7px;
	padding: 0;
}
#clientBox1 h3, #clientBox2 h3 {
	text-transform: uppercase;
	color: #bbbfc3;
	font-size: 1em;
	border-bottom: 4px solid #d7dae3;
	padding: 0 0 3px 0;
	text-indent: 5px;
}
#clientBox1 p, #clientBox2 p {
	font-size: 0.8em;
	color: #636b75;
	margin: 10px;
}
#clientBox1 p.quote {
	color: #7d9ec9;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.3em;
	padding: 10px 10px 10px 30px;
	background: url(../img/quote-whitebg.png) no-repeat 2px 10px;
}
#clientBox1 span.author {
	background: #6296c9;
	color: #fff;
	padding: 5px 10px;
	text-align: right;
}

/* footer styles */

#bottom {
	float: left;
	background: url(../img/bottombg.png) repeat-x center top;
	height: 201px;
	width: 100%;
}
#footer {
	margin: 0 auto;
   *margin-top: 10px;
	padding: 0;
	width: 900px;
}
#footerBox1, #footerBox2, #footerBox3 {
	float: left;
	width: 160px;
	font-size: 0.8em;
	margin: 10px 20px;
}
#footerBox1 a, #footerBox2 a, #footerBox3 a {
	color: #91979e;
	text-decoration: none;
	outline: none;
}
#footerBox1 a:hover, #footerBox2 a:hover, #footerBox3 a:hover {
	text-decoration: underline;
	outline: none;
}
#footerBox1 ul, #footerBox2 ul, #footerBox3 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footerBox1 li, #footerBox2 li, #footerBox3 li {
	padding: 2px 0;
}
#footerBox4 {
	float: right;
	width: 220px;
	font-size: 0.8em;
	color: #91979e;
	margin: 10px 20px;
	text-align: right;
}
#footerBox4 p {
	padding: 0;
	margin-bottom: 0;
}
#footerBox4 p.phone {
	font-size: 2em;
	padding: 0;
	margin: 0;
}
#footerBox4 p.copyright {
	font-size: 0.8em;
	padding-top: 18px;
}
#footerBox4 a {
	color: #91979e;
	text-decoration: none;
	outline: none;
}
#footerBox4 a:hover {
	text-decoration: underline;
	outline: none;
}

/* image styles */

.imgWrap {
	padding-right: 10px;
}
#portfolio img {
	border: 1px solid #ccc;
}

/* form styles */

fieldset {
	border: 1px solid #ccc;
	padding: 0 0 0 20px;
}
legend {
	font-size: 1em;
	color: #123a93;
	padding: 0 5px;
}
label {
	width: 450px;
	padding: 10px 0 2px 0;
	float: left;
}
input[type=submit] {
	background: #0060be;
	border: 1px solid #b7c9e1;
	padding: 4px 8px;
	margin: 20px 0;
	color: #fff;
	float: left;
}
label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #ed1c24;
	display: inline;
	width: 100%;
	font-size: 0.8em;
	font-style: italic;
	padding: 0;
}
div.error {
	display: none;
}
input[type=text], input[type=password] {
	border: 1px solid #bacae2;
	width: 400px;
	float: left;
	color: #656e7a;
}
select, textarea {
	border: 1px solid #bacae2;
	width: 400px;
	float: left;
	color: #656e7a;
}
textarea {
	height: 100px;
	font-size: 1.1em;
}
input.error, textarea.error {
	border: 1px solid #ed1c24;
}
form.cmxform .gray * {
	color: gray;
}