/*  
Name: DCS Group
Theme URL: http://dcsuk.com
Version: 1.0
Author: Flame Multimedia
Author URL: http://flamemultimedia.com
Copyright: 2008
*/

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

h1{
font: 19px "myriad Pro",Arial, Helvetica, sans-serif;
background: url(../images/dot.gif) bottom repeat-x;
}

h1{
padding-bottom:3px;
margin-bottom:10px;
height:24px;
}

h2{
visibility:hidden;
}

h3{
margin-top:10px;
color:#297b9d;
font: bold 16px "myriad Pro",Arial, Helvetica, sans-serif;
}

#underev{
height:119px;
width:250px;
position:absolute;
top:590px;
left:510px;
z-index:999;
}
h5,h6{
text-align:right;
font:  11px Arial, Helvetica, sans-serif;
background:url(../images/arrow.gif) right bottom no-repeat;
}

h5{
border-top: 1px  dotted #4b4d52;
padding:8px 8px 0 0;
margin-top:15px;
}

h6{
padding:2px 8px 2px 2px;
margin-top:2px;
}

A:visited {text-decoration:underline;}


.jobs  A{ color:#FFFFFF; cursor:pointer;}
.jobs  A:link {text-decoration:none;}
.jobs  A:visited {text-decoration:none;}
.jobs  A:link:hover {background:none; color:#aee0f8;text-decoration:none;}
.jobs  A:visited:hover {background:none; color:#aee0f8;text-decoration:none;}


body  A{ color:#FFFFFF;}
body  A:link {text-decoration:underline;}
body  A:visited {text-decoration:underline;}
body  A:link:hover {background:none; color:#6699FF;text-decoration:underline;}
body  A:visited:hover {background:none; color:#6699FF;text-decoration:underline;}

.footer A{font:  10px Arial, Helvetica, sans-serif;color:#000000;}
.footer A:link {text-decoration:none;}
.footer A:visited {background:none; color:#000000;text-decoration:none;}
.footer A:link:hover {background:none; color:#000000;text-decoration:none;}
.footer A:visited:hover {background:none; color:#000000;text-decoration:none;}

.newsTitle A{font:16px "myriad Pro",Arial, Helvetica, sans-serif; color:#CCCCCC;}
.newsTitle A:link {text-decoration:none;}
.newsTitle A:visited {background:none; color:#CCCCCC;text-decoration:none;}
.newsTitle A:link:hover {background:none; color:#FFFFFF;text-decoration:none;}
.newsTitle A:visited:hover {background:none; color:#FFFFFF;text-decoration:none;}


body{
color:#FFFFFF;
font-family:  Arial, Helvetica, sans-serif;
font-size: 11px;
background:#8cb8d3 url(../images/main_bg.jpg) no-repeat;
background-position:0 150px;

}

.siteWrap{
border-right:solid #313538 2px;
border-left:solid #313538 2px;
margin:0 auto;
background:#424344;
width:800px;
position:relative;
}

.topBar { width:800px; margin:0 auto;}
.menuWrap{}
.topBarWrap{ width:100%; margin:0 auto; background:#d7e7f3;}

.topBar,.topBarRight{
background:#d7e7f3;
height:88px;
}

.logo{
float:left;
}

.topBarRight{
width:370px;
float:right;
}

.topBarRight A{
color:#297b9d;
}

.welcome, .flamemail{
float:left;
margin-top:10px;
height:70px;
}

.welcome{
margin-right:5px;
padding-right:10px;
width:140px;
background: url(../images/dotv.gif) right repeat-y;
text-align:right;
font-size:11px;
}

.welcomeDiv{ width: 400px;  height:168px; margin-bottom:10px;}
.welcomeDiv a { color:#FFFFFF;}
.welcomeDiv2 { width: 400px; height:82px; margin-top:10px; background:url(../images/missionState.jpg) no-repeat;}

#servicePanel { width:750px; height:200px;  }
#rightButton { width:30px; height:30px; cursor:pointer; background:url(../images/rightBtnBG.png) no-repeat;  position:absolute; top:876px; left:744px; }
#leftButton {
	width:30px;
	height:30px;
	cursor:pointer;
	background:url(../images/leftBtnBG.png) no-repeat;
	position:absolute;
	top:876px;
	left: 26px;
}

.flamemail{
width:205px;
text-align:left;
}

.menu{
background:#106b92;
height:63px;
margin-bottom:15px;
}

.articleTitle{
font:23px "myriad Pro",Arial, Helvetica, sans-serif; color:#CCCCCC;
padding-bottom:3px;
}

#main-nav{
width:770px;
height:58px;
margin:0 auto;
background:#106e95 url(../images/menu-bg.jpg) no-repeat; 				
}

#main-nav ul{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
clear: left;
}

#main-nav ul li{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#main-nav ul li a span{
display:none;
}

#main-nav ul li a{
width:110px;
height:58px;
margin:0px;
padding:0px;
display: block;

}

#main-nav ul li a.home:hover{
background: url(../images/menu-bg.jpg) 0px -58px;
}

#main-nav ul li a.company:hover{
background: url(../images/menu-bg.jpg) -110px -58px;
}

#main-nav ul li a.services:hover{
background: url(../images/menu-bg.jpg) -220px -58px;
}	
		
#main-nav ul li a.mydcs:hover{
background: url(../images/menu-bg.jpg) -330px -58px;
}	

#main-nav ul li a.news:hover{
background: url(../images/menu-bg.jpg) -440px -58px;
}	

#main-nav ul li a.portfolio:hover{
background: url(../images/menu-bg.jpg) -550px -58px;
}	

#main-nav ul li a.contact:hover{
background: url(../images/menu-bg.jpg) -660px -58px;
}	

.flash { padding-top: 0; height: auto; }

.pageHeader{
background:#424344;
height:155px;
font-size:11px;
}

.homePageTopPanel {background:#333438; width:751px; height:240px; margin-bottom:20px; padding:10px;}

.topLeftPanel li{
margin-bottom:2px;
font:  12px Arial, Helvetica, sans-serif;
list-style-type: none;
}

.subLiTop, .subLiTop:link:hover, .subLiTop:visited, .subLiTop:visited:hover, .subLi, .subLiOn{
text-decoration:underline;
margin-left:5px;
padding-left:12px;
}

.subLiTop, .subLiOn, .subLi {
background:url(../images/arrow.gif) left bottom no-repeat;
}

.subLiTop:link:hover, .subLi:link:hover {
background:none; 
color:#aee0f8;
background:url(../images/arrow.gif) left bottom no-repeat;
}

.subLiTop:visited, .subLi:visited {
text-decoration:underline;
background:none; 
color:#FFFFFF;
background:url(../images/arrow.gif) left bottom no-repeat;
}

.subLiTop:visited:hover, .subLi:visited:hover {
text-decoration:underline;
background:none; 
color:#aee0f8;
background:url(../images/arrow.gif) left bottom no-repeat;
}

.subLi, .subLiOn{
margin-left:25px;
padding-left:12px;
}

.subList a, .subList a:link:hover, .subList a:visited, .subList a:visited:hover{
color:#CCCCCC;
font: 11px Arial, Helvetica, sans-serif;
text-decoration:underline;
background: url(../images/arrow.gif) left bottom no-repeat;
margin-left: 48px;
padding-left: 12px;
}

.liArrow, .liArrow:link:hover, .liArrow:visited, .liArrow:visited:hover, .liEnd {
text-decoration:underline;
margin-right:5px;
padding:0 10px 0 2px;
}

.liArrow{
background:url(../images/arrow.gif) right bottom no-repeat;
}

.liArrow:link:hover {
background:none; 
color:#aee0f8;
background:url(../images/arrow.gif) right bottom no-repeat;
}

.liArrow:visited {
background:none; 
color:#FFFFFF;
background:url(../images/arrow.gif) right bottom no-repeat;
}

.liArrow:visited:hover {
background:none; 
color:#aee0f8;
background:url(../images/arrow.gif) right bottom no-repeat;
}

.liEnd, .subLiOn{
color:#aee0f8;
}

.crumbs li{
list-style-type: none;
float:left;
}

.crumbs{
padding-top:3px;
margin-left:13px;
height:17px;
background:none;
}

.headerLeft{
float:left;
width:800px;
height:165px;
}

.headerRight{
float:right;
padding-top:85px;
width:290px;
height:50px;
}

.mainCont{
margin-top:30px;
background:#424344;
padding-bottom:10px;
}

.panelWrap{
width:770px;
margin:25px auto 0 auto;
}

.topLeftPanel,.topRightPanel,.botLeftPanel,.botRightPanel{
padding:5px 10px 10px 10px;
background:#333438;
}


.topLeftPanel{
float:left;
margin-right:8px;
width:315px;
}

.topRightPanel{
float:right;
width:400px;
}



.botLeftPanel,.botRightPanel{
margin-bottom:25px;

height:335px;
}

.botLeftPanel{
width:315px;
float:left;
margin-right:8px;
}

.botRightPanel{
float:right;
width:400px;
}

.servBox{
margin:0 auto;
width:400px;
height:155px;
}

.caseBox{
margin:0 auto 7px auto;
background:#888484;
width:390px;
padding-bottom:5px;
}

.newsPost, .flameMail{
background:#888484;
width:305px;
padding-top:5px;
}

.flameMail{
margin:0 auto;
height:81px;
}
#formItems, #mailformTxt{
text-align:center;
}
#flameMailForm{
color:#333333;
padding:3px;
background:#CCCCCC;
margin:0 auto;
width:290px;
}

#mailformTxt{
padding:3px;
}
#fmbutton{
margin-right:3px;
padding-top:4px;
text-align:right;
}
#flamemailLogo{
width:305px;
margin:0 auto;
text-align:right;
}

.newsPost{
margin:0 auto 15px auto;
height:39px;
}
	
.footer{
background:#8cb8d3;
height:214px;
clear:both;
color:#000000;
line-height:20px;
text-align:center;
}

.footerCont,.footerTxt{
margin:0 auto;
width:800px;
text-align:center;
}

.footerCont{
height:214px;
}

.sponsers{
padding-top:15px;
width:800px;
margin:0 auto;
}

.footerTxt{
padding-top:5px;
text-align:center;
height:70px;
}


.readMore{
width:70px;
height:12px;
float:right;
}

.caseBoxImg{
width:141px;
float:left;
margin-top:15px;
}

.caseBoxDetails{
width:224px;
float:left;
margin-top:5px;
margin-left:5px;
}

.caseBoxDetails2{
margin:13px auto 0 auto;
width:368px;
padding:6px;
background:#746e6e;
float:left;
}

.thumb{
margin-left:4px;
width:35px;
float:left;
}

.newsSnip{
font-size:12px;
width:230px;
float:left;
margin-left:5px;
height:35px;
}

.newsTitle{
margin-bottom:3px;
}

.newsWrap{
width:295px;
height:38px;

}

.caseBoxDetails2 h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

.caseBoxWrap{
padding:5px;
width:380px;
}


.fm{
text-align:center;
}

#recruitment{
width:500px;
margin:0 auto;
padding-left:10px;
padding-right:10px;
}

.overviewText{
width:285px;
float:left;
}

.caseStudyLogo{
width:80px;
float:left;
margin-top:3px;

}

.mapList{
margin-left:20px;
list-style-type:disc;
font-size:14px;
font-weight:bold;

}

.mapSubList{
margin-left:60px;
list-style-type:circle;
font-size:12px;
font-weight:bold;
}

.mapSubSubList{
margin-left:90px;
list-style-type:circle;
font-weight:bold;
}



.mapList  A{ color:#FFFFFF; cursor:pointer;}
.mapList A:link {text-decoration:none;}
.mapList  A:visited {text-decoration:none;}
.mapList A:link:hover {background:none; color:#aee0f8;text-decoration:none;}
.mapList  A:visited:hover {background:none; color:#aee0f8;text-decoration:none;}

.mapSubList  A{ color:#FFFFFF; cursor:pointer;}
.mapSubList A:link {text-decoration:none;}
.mapSubList  A:visited {text-decoration:none;}
.mapSubList A:link:hover {background:none; color:#aee0f8;text-decoration:none;}
.mapSubList  A:visited:hover {background:none; color:#aee0f8;text-decoration:none;}

.mapSubSubList A{ color:#FFFFFF; cursor:pointer;}
.mapSubSubList A:link {text-decoration:none;}
.mapSubSubList  A:visited {text-decoration:none;}
.mapSubSubList A:link:hover {background:none; color:#aee0f8;text-decoration:none;}
.mapSubSubList A:visited:hover {background:none; color:#aee0f8;text-decoration:none;}


#fmbutton a{ float:left; margin-left:7px; color:#000000; margin-top:2px;}
#fmbutton a:hover{ color:#3C3C3C;}

<!-- slider --!>
#myController span{
color:#FFF;

margin-right:10px;
cursor:pointer;
}

#jFlowSlide{
border:none;
}

#myController span.jFlowSelected {

}


.jFlowPrev:hover, .jFlowNext:hover{
cursor:pointer;
}

#myController2 span{
color:#FFF;

margin-right:10px;
cursor:pointer;
}

#jFlowSlide2{
border:10px solid #0F0;
}

#myController2 span.jFlowSelected2 {

}

.jFlowPrev2, .jFlowNext2{
cursor:pointer;
}


#myController3 span{
color:#FFF;

margin-right:10px;
cursor:pointer;
}

#jFlowSlide3{
border:10px solid #00F;
}

#myController3 span.jFlowSelected3 {

}

.jFlowPrev3, .jFlowNext3{
cursor:pointer;
}
#prevBut, #nextBut{
width:70px;
}

#nextBut{
float:right;
}

#prevBut{
float:left;
}

#slide1, #slide2, #slide3, #slide4{
width:750px;
height:200px;
}