/* CSS Document */



* {

	margin:0; 

	padding:0;

	font-size:100%;

}



body{

	background:#ccc url(images/bg.jpg) repeat top center;

	text-align:center;}





img {vertical-align:top;}

a img { border:0;}



ul { list-style:none;}



.left { float:left;}

.right {float:right;}

.clear  { clear:both;}





html, input, textarea

	{
	color:#333333;
	font-size:14px;
	line-height:16px;
	
	}

html, body {height:100%}
html{ overflow-y:scroll; }


input, select { vertical-align:middle; font-weight:normal;}



a {color:#0000CC; outline:none; text-decoration:underline;}

a:hover{text-decoration:none;}

p {padding-bottom:20px;}

p span {color:#000;}



h1 {

	font-size:16px; 

	color:#c00000;

	font-family:Tahoma, Arial;

	padding:3px 0 5px;}

h2 {font-size:10px; color:#000; font-weight:normal;}

/* ============================= main layout ====================== */

.bg_tail {background:url(images/bg_tail.jpg) repeat-x top center;

	min-height:100%;

	height:auto !important; 

	height:100%;

	margin:0 0 -28px;}

#main {

	background:url(images/bg_main.jpg) no-repeat top center; 

	padding:37px 0 0;

}

.row {padding-bottom:5px;}

.push {height:2px;}

.imgindent {margin:0 20px 0 0; float:left;}

.fright {text-align:right;}

/* ============================= header ====================== */

.menu_content {padding:75px 0 0; margin:0 245px; width:490px; text-align:center;

	position:relative;}

#header .menu {background:url(images/menu_bg.jpg) no-repeat top left; padding-bottom:40px;}

* html #header .menu {margin-top:-50px;}

#header .menu a {

	display:inline-block; 

	width:121px; 

	height:121px;

	margin:0 1px 1px 0;

}

#header .menu li {float:left; height:122px;}

* html #header .menu li {float:left; height:121px; width:121px; } 



a.company:hover {background:url(images/menu_bg_hover.jpg) no-repeat 0 0;}

a.services:hover {background:url(images/menu_bg_hover.jpg) no-repeat -122px 0;}

a.strategies:hover {background:url(images/menu_bg_hover.jpg) no-repeat -244px 0;}

a.solutions:hover {background:url(images/menu_bg_hover.jpg) no-repeat -366px 0;}

a.highlights:hover {background:url(images/menu_bg_hover.jpg) no-repeat  0 -122px;}

a.projects:hover {background:url(images/menu_bg_hover.jpg) no-repeat -122px -122px;}

a.clients:hover {background:url(images/menu_bg_hover.jpg) no-repeat -244px -122px;}

a.contacts:hover {background:url(images/menu_bg_hover.jpg) no-repeat -366px  -122px;}



.menu a span {display:none;}

.menu a:hover span { /*position hover text*/

	position:absolute; 

	top:420px; 

	left:0px;

	color:#fff;

	width:100%;

	display:block;

	text-align:center;

	z-index:100;

}

* html .menu a:hover span {

	top:445px;} 

.hover_menu {

	background:url(images/btn.gif) no-repeat top center; 

	height:42px; 

	width:192px;

	margin:0 auto;
	
	position:relative;
	
	top:-25px;

	z-index:1;

}

.btn {

	padding:80px 0 0;}

.btn a {

	background:url(images/btn.png) no-repeat top right; 

	text-align:center;

	height:22px; 

	width:192px;

	display:inline-block;

	padding:10px 0;

	color:#fff;

	text-decoration:none;

}

.btn a:hover {background:url(images/btn.png) no-repeat bottom right; color:#070707;}

/* ============================= content ====================== */

#content {padding:25px 29px 200px; font-family:Tahoma, Arial; font-size:13px;}

#page2 #content {background:url(images/bg1.jpg) no-repeat center top;}

#page3 #content {background:url(images/bg2.jpg) no-repeat center top;}

#page4 #content {background:url(images/bg3.jpg) no-repeat center top;}

#page5 #content {background:url(images/bg4.jpg) no-repeat center top;}

#page6 #content {background:url(images/bg5.jpg) no-repeat center top;}

#page7 #content {background:url(images/bg6.jpg) no-repeat center top;}

#page8 #content {background:url(images/bg7.jpg) no-repeat center top;}

#page9 #content {background:url(images/bg8.jpg) no-repeat center top;}

#page10 #content {background:url(images/bg9.jpg) no-repeat center top;}



.content {width:630px;}
.content2 {width:700px;}

.content ul {padding-bottom:20px;}

.content li, .content_new li {background:url(images/marker.jpg) no-repeat center left; padding-left:10px;}
.content-more li {padding-left:10px;};


.fcenter {text-align:center; padding-bottom:15px;}

.link a {

	background:url(images/link.jpg) no-repeat left center; 

	padding-left: 18px;

	color: #0000CC;

	}



/*phone*/

.phone span {display:inline-block; width:80px; font-weight:normal; color:#808080;}



#page10 .content a {color:#0000CC;}

.first {padding-top:8px;}

/* ============================= footer ====================== */

#footer {background:url(images/footer_bg_tail.jpg) repeat-x bottom left; position:relative; top:-140px;}

.footer {height:28px; width:980px; margin:0 auto; position:relative; font-size:10px;}

#footer p {padding:5px 0 0; color:#fff;text-align:left;}

#footer a {color:#fff; text-decoration:none;}

#footer a:hover,#footer a.active {color:#fdbd1b;}

#footer a.active {cursor:default;}



#footer .menu { padding-top:5px;}

#footer .menu li {display:inline;}

#footer .menu a {margin:0 10px;}





/* ============================= forms ============================= */



#ContactForm {padding-top:5px;}

textarea {

	width:266px;

	border:1px solid #6b6a68;

	padding:4px 5px;

	font-size:10px;

	color:#8c8c8c;

	background:#ececec;

	/*text-transform:uppercase;*/

	line-height:14px;

}

textarea {overflow:auto;}

#ContactForm a {margin:0 8px 0 12px;}

h3 {font-size:16px; font-weight:normal;}

.content-more {
	width: 630px;
	height: 290px;
	overflow: auto;
}

.menu_right {	
	float:right;
	font-size:12px;
	text-transform:capitalize;}
	
.title2 {
	color:#FF6600;
}

.list {
	padding-left:30px;
	}
	
.readmorelink {
	color:#FF0000;
}

.booklink { color:#ffc000; }

.indextitle {font-size:21px; font-family:Copperplate Gothic Light, Tahoma, Arial; color:#FFFFFF; text-decoration:none;}

.back { float:right; margin-right:150px; color:#FFFFFF;	text-decoration:none; }

.name { width:212px;
	height:12px;
	margin-left:5px; 
	border:1px solid #6b6a68; 
	padding:4px 5px; 
	font-size:10px;
	color:#8c8c8c;
	background:#ececec;
	/*text-transform:uppercase;*/
	line-height:14px;
}
.mail { width:212px; 
	height:12px;
	margin-left:7px; 
	border:1px solid #6b6a68; 
	padding:4px 5px; 
	font-size:10px;
	color:#8c8c8c;
	background:#ececec;
	/*text-transform:uppercase;*/
	line-height:14px;}
	
.message { width:255px; height:100px;}
.send { width:125px; height:25px;border:0; background:none; color:#0000CC;}
.clear { width:125px; height:25px;border:0; background:none; color:#0000CC;}
.formtext { width:100px; }

.menutext { color: #FFCC00; font-size:16px; }
.update { margin-top:5px;}
.checkbox { position:relative; top:-3px;}

.homepagetitle { font-size:19px; font-family:Copperplate Gothic Light, Tahoma, Arial; color:#FFFFFF; text-decoration:none;}
.header { position:relative; top:5px;}
.logoimg { position:relative; top:5px;}