/* Reset
----------------------------------------------------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,label,select,option,blockquote,fieldset,input { margin: 0; padding: 0; }

ul, ol {
	list-style:none;
}

img {
	border:none;
}

:focus {
	outline: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before,q:after {
	content:'';
}


.floatleft {
	float:left;
	padding:0px;
	margin:0px 10px 10px 0px;
}

.clear {
	clear:both;
}


.clearfix {
    content: ".";
    display: inline;
    height: 0;
    clear: both;
    visibility: hidden;
 }


.floatright {
	float:right;
	padding:0px;
	margin:0px 0px 10px 15px;

}

hr {
	display:block;
	height:1px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #eaeaea;
	padding:0px 0px 0px 0px;
	margin:-5px 0px 8px 0px;
	overflow:hidden;
}


.divider {
	border-bottom:1px solid #535f74;
	display:block;
	height:1px;
	overflow:hidden;
	margin:0px 0px 13px 0px;
	text-align:center;
}


/* END Reset
----------------------------------------------------------------------------------------*/






/* START GLOBAL STYLES
----------------------------------------------------------------------------------------*/



body {
	background:url(../images/body_bg.gif) repeat-x 0 0 #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#808080;
}


a {
	color:#808080;
	text-decoration:none;
	
}

a:hover, a:active {
	
	text-decoration:underline;
}

p {
	line-height:18px;
	padding:0 0 15px 0;
}

/* Headings */



h3 {
	font-size:16px;
	color:#1f292f;
	line-height:20px;
	margin:0 0 8px 0;
	font-weight:bold;
}


h4 {
	font-size:14px;
	color:#000000;
	line-height:16px;
	margin:0 0 4px 0;
	font-weight:bold;
}


/* Wrappers */


#outer-wrapper {
	width:100%;
	margin:0;
	padding:10px 0 0 0;
	text-align:left;

}




/* END GLOBAL STYLES
----------------------------------------------------------------------------------------*/
















/* START HEADER STYLES
----------------------------------------------------------------------------------------*/


#header {
	width:701px;
	height:109px;
	margin:0 auto;
	padding:0;
	text-align:left;
	overflow:hidden;
}

.map {
	background:url(../images/map.png) no-repeat 0 0;
	width:109px;
	height:55px;
	display:block;
	float:left;
	margin:9px 1px 0 0;
	position: relative;
}

#pointer {
	background: url(../images/pointer.png) no-repeat 0 0;
	height: 10px;
	width: 10px;
	position: absolute;
	left: 68px;
	top: 26px;
}

.logo {
	width:310px;
	height:14px;
	float:left;
	margin:32px 0 0 0;
}


.top-nav {
	float:right;
	font-size:10px;
	margin:4px -5px 0 0;
}

.top-nav a {
	margin:0 5px 0 5px;
}

.top-nav a:hover {
	text-decoration:none;
	color:#F2A328;
}

.top-nav a.selected {
	text-decoration:none;
	color:#F2A328;
}

.top-nav span {
	position:relative;
	top:-2px;
}



/* Navigation */


#nav {
	width:701px;
	overflow:hidden;
	margin:10px 0 0 0;
}

#nav ul li {
	float:left;
}

#nav ul li.nav-home a {
	background:url(../images/nav.gif) no-repeat 0 0;
	width:70px;
	height:0;
	padding-top:25px;
	display:block;
	overflow:hidden;
	cursor:pointer;
	margin:0 8px 0 0;
}

#nav ul li.nav-company a {
	background:url(../images/nav.gif) no-repeat -70px 0;
	width:107px;
	height:0;
	padding-top:25px;
	display:block;
	overflow:hidden;
	cursor:pointer;
	margin:0 8px 0 0;
}

#nav ul li.nav-vision a {
	background:url(../images/nav.gif) no-repeat -177px 0;
	width:138px;
	height:0;
	padding-top:25px;
	display:block;
	overflow:hidden;
	cursor:pointer;
	margin:0 8px 0 0;
}

#nav ul li.nav-business a {
	background:url(../images/nav.gif) no-repeat -315px 0;
	width:184px;
	height:0;
	padding-top:25px;
	display:block;
	overflow:hidden;
	cursor:pointer;
	margin:0 9px 0 0;
}


#nav ul li.nav-services a {
	background:url(../images/nav.gif) no-repeat -499px 0;
	width:80px;
	height:0;
	padding-top:25px;
	display:block;
	overflow:hidden;
	cursor:pointer;
	margin:0 9px 0 0;
}

#nav ul li.nav-contact a {
	background:url(../images/nav.gif) no-repeat -579px 0;
	width:80px;
	height:0;
	padding-top:25px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}


/* hover */

#nav ul li.nav-home a:hover, #nav ul li.nav-home a.selected {
	background:url(../images/nav.gif) no-repeat 0 -25px;
}

#nav ul li.nav-company a:hover, #nav ul li.nav-company a.selected {
	background:url(../images/nav.gif) no-repeat -70px -25px;

}

#nav ul li.nav-vision a:hover, #nav ul li.nav-vision a.selected {
	background:url(../images/nav.gif) no-repeat -177px -25px;
}

#nav ul li.nav-business a:hover, #nav ul li.nav-business a.selected {
	background:url(../images/nav.gif) no-repeat -315px -25px;

}

#nav ul li.nav-services a:hover, #nav ul li.nav-services a.selected {
	background:url(../images/nav.gif) no-repeat -499px -25px;
}

#nav ul li.nav-contact a:hover, #nav ul li.nav-contact a.selected {
	background:url(../images/nav.gif) no-repeat -579px -25px;
}


/* END HEADER STYLES
----------------------------------------------------------------------------------------*/















/* START MAINBODY STYLES
----------------------------------------------------------------------------------------*/

#mainbody {
	background:url(../images/grad_bg.gif) repeat-x 0 0 #ffffff;
	width:100%;
	height:auto !important;
	min-height:304px;
	height:304px;
	padding:0 0 0px 0;
}

#mainbody h3 {
	display:block;
	margin:0 0 12px 0;
}

#main-content {
	width:701px;
	margin:0 auto;
	padding:0 0 0px 0;
	text-align:left;
}

#main-banner {
	width:701px;
	height:251px;
	position:relative;
	margin:0 0 25px 0;
}

#main-banner span {
	width:701px;
	height:251px;
	position:relative;
	z-index:1;
	display:block;
	overflow:hidden;
}

#main-banner em {
	background:url(../images/ribbon.png) no-repeat 0 0;
	width:187px;
	height:0px;
	padding-top:67px;
	overflow:hidden;
	position:absolute;
	left:-17px;
	top:26px;
	z-index:2;
	display:block;
	
}



/* Content */


#content {
	width:701px;
	overflow:hidden;
}

.features {
	width:701px;
	overflow:hidden;
	margin:0 0 25px 0;
}

.features .vision {
	width:210px;
	float:left;
	padding:0 15px 0 0px;
	border-right:1px solid #d9d9d9;
}

.features .opportunity {
	width:211px;
	float:left;
	padding:0 12px 0 15px;
	border-right:1px solid #d9d9d9;
}

.features .services {
	width:220px;
	float:left;
	padding:0 0px 0 15px;
}





/* button -global */


.btn a {
	background:url(../images/button.png) no-repeat 0 0;
	width:107px;
	height:20px;
	display:block;
	color:#ffffff;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	padding:5px 0 0 0;
	text-transform:uppercase;
	
}

.btn a:hover {
	background:url(../images/button.png) no-repeat 0 -25px;
	text-decoration:none;
	color:#000000;
}



/* Content - The Company */


#company-content {
	width:701px;
	overflow:hidden;
	background:url(../images/company_contentbg.gif) repeat-y 0 0;
	position:relative;
}

#company-content .left-content {
	width:470px;
	float:left;
	padding:0 20px 66px 0;
}

#company-content .right-content {
	width:197px;
	float:right;
	border-left:1px solid #d9d9d9;
	padding:0 0 190px 13px;
	position:relative;
	z-index:2;
}

#company-content .filler {
	background:url(../images/banners/filler.jpg) no-repeat 0 0;
	width:172px;
	height:199px;
	position:absolute;
	right:38px;
	bottom:0;
	display:block;
	z-index:1;
}





/* Content - Vision and Mission */


.content-vision {
	width:325px;
	padding:0 25px 0 0px;
	float:left;
	border-right:1px solid #d9d9d9;
}

.content-mission {
	width:325px;
	float:right;
	padding:0 0 0 25px;
}


#vision-mission-map {
	width:704px;
	margin:-25px 0 0 -3px;
	position:relative;
	z-index:2;
	height:348px;
	background:url(../images/banners/vision_mission.gif) no-repeat 0 0;
}



.list-content ul li {
	background:url(../images/bullet.gif) no-repeat 0 9px;
	padding:0 0 0 8px;
	line-height:20px;
	font-weight:bold;
}


.geographical {
	position:absolute;
	width:130px;
	left: 19px;
	top: 11px;
}

.clients {
	position:absolute;
	width:130px;
	left: 96px;
	top: 190px;
}

.products {
	position:absolute;
	width:200px;
	left: 505px;
	top: 52px;
}


/* Content - Business..... */


#business-content {
	width:701px;
	overflow:hidden;
}

.intro {
	width:519px;
	float:left;
}


.business-box {
	background:url(../images/business_box.png) no-repeat 0 0;
	width:140px;
	height:140px;
	display:block;
	float:left;
	padding:20px 0px 0 20px;
	margin:0 0 15px 20px;
	display:inline;
}


.icon {
	display:block;
	margin:0 0 15px 0;
	height:60px;
}

.business-box p {
	font-weight:bold;
	padding:0;
}


.business-block {
	width:720px;
	overflow:hidden;
	margin:0 0 0 -19px;
}




/* Content - Services */

.collapse-wrapper {
	width:100%;
}

.inner-content {
	width:710px;
	margin:0 auto;
	padding:5px 0 0 0;
	text-align:left;
	overflow:hidden;
}

.collapse-container {
	width:100%;
	background:url(../images/collapse_grad.gif) repeat-x 0 0;
	padding:0 0 30px 0;
	height:auto !important;
	min-height:61px;
	height:61px;
}

.collapse-content1, .collapse-content2, .collapse-content3 {
	width:710px;
	margin:0 auto;
	padding:5px 0 0px 0;
	text-align:left;
	display:none;
}

.inner-content p {
	width:540px;
	float:left;
}

.inner-content .btn {
	float:right;
	margin:10px 0 0 0;
}

.inner-content .btn a {
	text-decoration:none;
}


a.btn-slide:visited {
	text-decoration:none;
}



/* block content */


.block-content {
	width:720px;
	margin:0 -19px 0 0;
	overflow:hidden;
}

.block-col {
	width:196px;
	margin:0 20px 0 0;
	background:url(../images/grad_box.png) no-repeat 0 0;
	height:auto !important;
	min-height:236px;
	height:236px;
	float:left;
	display:inline;
	padding:12px 12px 0 12px;
}

.block-top {
	width:196px;
	overflow:hidden;
	height:68px;
	margin:0 0 15px 0;
}

.block-icon {
	float:left;
	height:68px;
	width:84px;
}

.block-top em {
	float:left;
	margin:20px 0 0 0;
	font-style:normal;
	font-weight:bold;
}


.block-col ul li {
	width:188px;
	background:url(../images/dot.gif) no-repeat 0 9px;
	padding:0 0 0 8px;
	line-height:18px;
	display:block;
}




/* Content - Contact Us */



/* contact left side */


.contact-left {
	width:344px;
	float:left;
	border-right:1px solid #d9d9d9;
	padding:0 20px 0 0;
}

#content form label {
	display:block;
	margin:0 0 2px 0;
}

#content form input.text-box {
	background:url(../images/input_bg.gif) no-repeat 0 0;
	width:315px;
	height:19px;
	display:block;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808080;
	padding:0 3px 0 3px;
	margin:0 0 8px 0;
}

#content form input.text-box1 {
	background:url(../images/input_bg1.gif) no-repeat 0 0;
	width:287px;
	height:19px;
	display:block;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808080;
	padding:0 3px 0 3px;
	margin:0 0 8px 0;
}



/* contact right side */


.contact-right {
	width:293px;
	float:right;
	padding:0 0 0 30px;
}


#content form select {
	width:210px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 0 8px 0;
	color:#808080;
}


#content form textarea {
	background:url(../images/textarea.gif) no-repeat 0 0;
	width:287px;
	height:142px;
	display:block;
	overflow:auto;
	padding:3px;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808080;
	margin:0 0 8px 0;
}


#content form input.submit-btn {
	background:url(../images/button.png) no-repeat 0 0;
	width:107px;
	height:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	padding:0px 0 0 0;
	text-transform:uppercase;
	border:none;
	display:block;
	cursor:pointer;
	float:right;
}

#content form input.submit-btn:hover {
	background:url(../images/button.png) no-repeat 0 -25px;
	color:#000000;
}




/* Content - Contact Us */


#imprint-content a {
	color:#bfbfbf;
}










/*-----------------------*/

/* Sub Content */



#sub-content-wrap {
	background:url(../images/grad_bg.gif) repeat-x 0 0 #ffffff;
	width:100%;
	height:auto !important;
	min-height:52px;
	height:52px;
	padding:25px 0 10px 0;
}


#sub-content {
	width:701px;
	margin:0 auto;
	padding:0 0 0px 0;
	text-align:left;
}

#inner-content-wrap {
	background:url(../images/grad_float.png) repeat-x 0 0;
	width:100%;
	overflow:hidden;
	height:46px;
	padding:20px 0 0px 0;
	margin:-66px 0 0 0;
	position:relative;
	z-index:10;
	float:left;
}

#inner-content-wrap .btn {
	float:left;
	margin:0 22px 0 0;
}


/* END MAINBODY STYLES
----------------------------------------------------------------------------------------*/














/* START FOOTER STYLES
----------------------------------------------------------------------------------------*/

#footer {
	width:701px;
	margin:0 auto;
	padding:7px 0 50px 0;
	text-align:left;
	color:#ffffff;
}

.copyright {
	font-size:10px;
}

/* END FOOTER STYLES
----------------------------------------------------------------------------------------*/