*{margin:0; padding:0; outline:none;}

body { background:url("images/bg.gif"); color:#666; font: normal 12px/18px Georgia, serif;}

img, img a{ border:none;}

ul { list-style:none inside;}

a { color: #29bbf2; text-decoration:none;}
a:hover { color: #004488; text-decoration:underline;}

.floatR { float:right;}
.floatL { float:left;}
.clear { clear:both;}

#wrapper {background:#fff; height:auto; margin:0px auto; overflow:hidden; width:960px;}

/******************************************** header*/

#header{height:auto; overflow:hidden;}
#logo {float:left; height:81px; padding-top:36px; width:293px;}
p#headerInfo{border-top:#29bbf2 solid 3px; color:#444; float:right; font:normal 12px/18px Georgia, serif; padding-right: 36px;}

/******************************************** menu*/
#headerImg { clear: both; float:left;}

ul#rightMenu { float:right; height:228px; width:312px;}

#rightMenu li{ display:block; height:57px;}

ul#mainMenu { background:#fff; border-top:6px solid #29bbf2; clear:both; height:24px; padding-left:12px; text-transform: uppercase;}

ul#mainMenu li{	display: block; float: left;}

ul#mainMenu li a{ 
	background: url('images/navi_arrow.gif') no-repeat right center;
	font:bold 10px/28px Arial, sans-serif;
	padding: 8px 24px 9px 12px;
	text-decoration: none;
}

ul#mainMenu li a:hover{ background-color:#ccffff; color:#004488;}

/**************************************************************************************** content */

#content { border-top:1px solid #73d6f7; clear:both; height:auto; overflow:hidden; position:relative;}

.leftCol { float:left; overflow:hidden; padding:24px; width:612px;}

.rightCol {	float:right; overflow:hidden; padding:24px 24px 12px 0px;}

.leftCol_narrow { float:left; overflow:hidden; padding:24px 24px 12px 24px; width:207px;}

.rightCol_wide { float:right; overflow:hidden; padding:24px; width:612px;}

#content strong{ color:#444;}

#content em{ color:#004488;}

#content h1.main{border-top:6px solid #004488; color:#004488; font:bold 32px/48px Arial, sans-serif; margin-bottom:24px; padding:2px 0;}
#content h1.right{border-left:8px solid #004488;  color:#004488; font:bold 28px/30px Arial, sans-serif; margin-bottom:24px; padding:0px 8px;}

#content h2 { color: #004488; font-size:18px; font-style:italic; line-height:32px; margin-bottom:24px;}

#content li {
	background: url('images/bullets1.png') no-repeat 0em .4em;
	font-size:14px;
	line-height:120%;
	margin-bottom:24px;
	padding-left:32px;
}

#content p {
	font-size:14px;
	line-height:24px;
	margin-bottom:24px;
}

/*********************************************************************************************************************** rightmenu */

#services h2, #performing h2, #contact h2 {color:#004488; font:bold 18px/32px Arial, sans-serif;}

/**************************************************************************************** services */

#services h2{ padding:12px 0 0;}

#services p, #training p { margin:18px 0;}

#services ul li, #training ul li {
	font-size:14px;
	line-height:24px;
}

/**************************************************************************************** training */
#training ul {padding-top:12px;}
#training strong {color:#004488;}
#training ul li ul {padding:24px 0 6px 12px;}
#training ul li ul li{
	background: url('images/bullets.gif') no-repeat 0em .15em;
	font-size:14px;
	line-height:100%;
	padding-left:12px;
}

/**************************************************************************************** performing */

#performing { padding:24px}

#performing h2 { 
	border-left:none; 
	border-bottom:solid 1px #004488;
	margin-bottom:18px;
	width:531px;
}

#performing p {
	padding:0 12px 0 0 ;
	margin:0 0 8px;
}

#performing strong{
	color:#777;
	font-weight:normal;
}

div.performing1, div.performing2, div.performing3 {
	border-bottom:2px dotted #ddd;
	border-top:6px solid #ddd;
	height:auto;
	margin:24px 0;
	padding:12px 48px 18px 32px;
	width:532px;
}

div.performing1{ background-color:#fff; margin-top:36px;}
div.performing2{ background-color:#fff;}
div.performing3{ background-color:#fff;}
/**************************************************************************************** contact */

#contact h2 { border-left:none; margin:0 0 12px;}
#contact li {
	background: none;
	display:block;
	font-size:14px;
	line-height:18px;
	margin:0 0 2px 0;
	padding-left:0px;
}

/*********************************************************************************************************************** mainmenu */

#news li, #ourstory li{
	background: url('images/bullets2.gif') no-repeat 0em .32em;
	font-size:14px;
	line-height:150%;
	margin-bottom:24px;
	padding-left:24px;
}


/**************************************************************************************** home */

#home p {
	font-size:18px;
	line-height:32px;
	margin-bottom:24px;
	width:555px;
}

#home li {
	font-size:18px;
}

/**************************************************************************************** news */

#news h2.content {
	font-size:18px;
	font-style:italic;
	font-weight:normal;
	line-height:24px;
	margin:24px 0;
}

/**************************************************************************************** main characters */

.leftCol_mainCha { 
	float:left; 
	margin-left:74px;
	overflow:hidden; 
	padding:118px 0px 0 24px; 
	width:150px;
}
#mainCha h1.name{
	background:none;
	border:none;
	color:#004488; 
	font:bold 18px/36px Arial, sans-serif;
	margin-top:12px;
	padding:24px 0;
}

#mainCha h2{
	font-size:18px;
	margin:24px 0 6px;
}

#mainCha strong {
	font-size:14px;
	line-height:36px;
}

h3.jobTitle {
	font:normal 14px/20px Georgia, serif; 
	margin:0 0 24px 0;
}

.secoundRaw {
	border-top:1px dotted #777;
	height:auto;
	padding-top:24px;
}
/**************************************************************************************** our story */

#ourstory h2 {
	color: #004488; 
	font:bold 18px/32px Arial, sans-serif;
	margin:24px 0 12px;
}

#ourstory p.ourstory  strong {
	color: #004488; 
	font:bold 18px/32px Arial, sans-serif;
}

#ourstory p.ourstory {
	font-size:18px;
	line-height:32px;
	margin-bottom:24px;
}

#ourstory strong{
	font-size:14px;
	line-height:24px;
	margin-bottom:32px;
}

#ourstory em{ color:#444; font-size:15px;}


#ourstory h3 {
	color:#444;
	font:normal 14px/24px Arial, sans-serif;
	margin-bottom:24px;
}


/**************************************************************************************** books*/

#books {
	padding:24px 14px 24px 24px;
	height:auto;
	}
	
#books p {
	color: #444;
	font-size: 12px;
	line-height: 18px;
	margin:0 0 8px;
	padding: 0 16px 0;
}

#books h3 a { font-family:Arial, sans-serif;}

#books a em{ color: #29bbf2;}


.books_box {
	background: url('books/book_bg.png') bottom;
	padding-bottom: 12px;
	width: 306px;
}

h5.books {
	background: url('books/book_bg.png') top;
	color: #444;
	font-size: 0.1em;
	padding: 0 12px;
}

.img_box { height:231px; padding: 0 0 0 16px; width:81px;}
.img_box img { opacity:1;}
.img_box img:hover { opacity:.5;}
.text_box { height:auto; padding: 0 18px 0 0px;}
.text_box h3 { font-size:14px; line-height:18px; padding-bottom:6px;}
.text_box img { padding-top:12px;}
.fL { float:left;}
.fR { float:right;}
.secondCon {width:614px;}
/**************************************************************************************** testimonials */

#test { padding:24px 24px;}

div.testimonials{background: url('images/q_left.gif') no-repeat top left; height:auto; margin:12px 0 12px; padding:24px 24px 36px 52px; width:555px; }

#test blockquote {background:url('images/q_right.gif') no-repeat right bottom; color:#111; font:italic 18px/32px Georgia, serif; padding:10px 20px 36px;}

#test p {color:#444; font:normal 14px/20px Georgia, serif; padding:0 24px 0px; }

#test cite { color:#004488; font:italic 14px/20px Georgia, serif;}

/**************************************************************************************** tips and tricks */

#clientListL {float:left; overflow:hidden; padding:24px 12px 0 24px; width:612px;}

#clientListR {float:right; overflow:hidden; padding:78px 24px 12px 0px; width:288px;}

#clientListL ul, #clientListR ul {
	padding:24px 0;
}

#clientListL ul li, #clientListR ul li {
	background: url('images/bullets2.gif') no-repeat center left;
	border-top:thin dotted #aaa;
	color:#000;
	font:bold .95em/60px Arial, serif;
	height:auto;
	margin:0;
	padding:0 6px 0 18px;
	width:auto;
}

#clientListL li.cyan, #clientListR li.cyan {
	background-color:#efffff;
}


/**************************************************************************************** articles and stories */

#articles ul {
	padding:24px 0 36px;
}

#articles ul li {
	background:none;
	border-top:thin solid #aaa;
	color:#666;
	display:block;
	font-size:10px;
	font-weight:normal;
	height:auto;
	line-height:500%;
	margin:0;
	padding:0;
	width:auto;
}

#articles img{
	vertical-align:middle;
}
#articles li a img{
	border:3px solid #fff;
	margin-left:4px;
	margin-right:6px;
	padding:2px;
}

#articles li a:hover img{
	border:3px solid #73d6f7;
	padding:2px;
}
#articles li.exlink a{
	background:red;
	padding-right:18px;
}

#articles  p {
	font:italic 14px/24px Georgia, serif;
}

.articleLogo {padding:18px 0;
	height:auto;
	width:260px;
}

.articlePDF {
	padding:18px 0;
}

.rightCol h4 {background:url('images/circle_grad.jpg') no-repeat center; border-left: thin solid #eee; border-right: thin solid #eee; color:#333; font:italic 18px/40px Georgia, serif; margin-top:102px; padding:12px 24px; width:210px; text-align:center;}

/******************************************** footer */

#footer { background-color:#fff; border-top:1px solid #ddd; clear:both; color: #777; margin-top:24px; overflow:hidden; padding: 0 0 24px; text-align:center;}
ul#footerMenu { background-color:#73d6f7; height:21px; width:100%;}
ul#footerMenu li{ border-left:thin dotted #fff; color:#fff; display:inline;}
ul#footerMenu li a{ color: #fff; font-size:10px; line-height:21px; padding:6px 7px 5px;}
ul#footerMenu li a:hover { background-color: #ccffff; color:#004488; text-decoration:none;}
address {font-size:10px; font-style:normal; padding:12px;}