/*
Theme Name: DaKoo Media V2
Theme URI: http://kewba.co.uk
Description: DaKoo's company theme designed by Kewba 
Version: Wordpress 3.0
Author: Kewba
Author URI: http://kewba.co.uk
Tags: DaKoo, WebServices, Development
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

/*
  Colours:-
  ------------------------
   dark blue = #04234D
	pale blue = #F1F3F3
	navy blue = #06336F
	Light Blue = #DCE3E9
	 

*/ 


/*
   Reset
*/
* { border: 0; margin: 0;  }
body {font-family:"Courier New", Courier, monospace;}


/*
   Utility
*/
.floatLeft  {float:left;}
.floatRight  {float:right;}
.clear  {clear:both;}

/*
   Page Structure
*/

#header { background-color:#04234D;}
#headerInner {width:960px; height:68px; margin:0 auto;}
#serviceBox {background:url(images/subTitleRepX.png) repeat-x ;}
#serviceBoxInner {width:960px; height:40px; margin:0 auto;}
#serviceSlogBox {background:url(images/sub2TitleRepX.png) repeat-x ;}
#serviceSlogBoxInner {width:960px; height:68px; margin:0 auto;}
#advertBox {}
#advertBoxInner {width:960px; height:260px; margin:0 auto; }
#subAdvertBox {background:url(images/advertRepX.png) repeat-x ;}
#subAdvertBoxInner {width:960px; height:166px; margin:0 auto;}
#coreMain { background-color:#F1F3F3;}
#coreMainInner {width:960px; min-height:500px; margin:0 auto;}
#mainTop { height:40px; background:url(images/mainContTop.png);}
#mainBot { height:39px; background:url(images/mainContBot.png);}
#mainContent {float:left; width: 640px;}
#sideBar {float:right; width: 320px;}
#footerAd { background-color:#06336F; border-bottom:thin solid #FFFFFF;}
#footerAdInner {width:960px; height:75px; margin:0 auto;}
#footer { background-color:#04234D;}
#footerInner {width:960px; min-height:150px; margin:0 auto;}
.footbox{width:200px; padding-left:5px; padding-top:20px; float:left; font-size:14px;}
.footBoxTitle{color:#666666; font-weight:bold; font-size:16px; padding-bottom:5px;}
.footbox ul li a { display: block;  text-decoration: none; color:#666666;}
.footbox a:hover {color:#DCE3E9;}
.logoBot{padding-top:25px; padding-left:30px;}
#copyRightFoot{ background-color:#04234D;}
#copyRightFootInner {width:960px; height:30px; margin:0 auto; font-size:10px; color:#DCE3E9; }
/*
Header
*/
#socialBox { width:230px; float:right; padding-right:10px; padding-left:10px; padding-top:10px;}
#navigate {width:470px;padding-top:30px; padding-right:15px; float:right;}
.menu {width:460px;}
#navigate ul{float: right;font-weight: bold; }
#navigate ul li{display: inline;}
#navigate ul li a{font-size:18px; color: #F4F4F4;text-decoration: none; padding-right:5px; padding-left:5px;  }
#navigate ul li a:hover{font-size:18px;color: #04234D;background-color: #F1F3F3;border-bottom: 4px solid #0066CC;padding-bottom: 0; padding-right:5px; padding-left:5px;}
.logopad {padding-top:22px; padding-left:10px;}
.colWhite{color:#FFFFFF;}

/*
Index Banner
*/
.servTxtHold{width:310px; height:41px; color:ffffff; text-align:center; float:left; padding-left:9px;}
.servTitleTxt{font-size:24px; padding-top:8px; color:#FFFFFF;}
.btnPort{float:right; padding-right:10px; padding-top:10px;}
.whatWeDoTxt{width:630px; padding-left:10px; padding-right:10px; padding-top:10px; color:#FFFFFF;}
.featServSpace{width:640px; height:10px;}
#devServBox {width:320px; height:151px; background-image:url(images/featServBg.png); float:right;}
#desServBox {width:320px; height:151px; background-image:url(images/featServBg.png); float:right; }
#seoServBox {width:320px; height:151px; background-image:url(images/featServBg.png); float:right; }
.subSerTitleBox{width:300px; padding-left:10px; padding-top:10px; text-align:center; height:34px;}
.subSerTitleBoxTxt{color:#FFFFFF; font-size:20px;}
.subServLineBox{width:300px; height:6px;background:url(images/featLine.png) bottom; padding-left:15px; background-repeat:no-repeat;}
.subServDescTxt{width:280px; height:90px; padding-left:15px; padding-right:10px; padding-top:5px; color:#04234D; font-size:10px;}


#mainSideTop{width:320px; float:right; padding-top:20px; }
.mainContTitleTxt{color:#000066; padding-left:15px;}
.latestWorkLine{width:603px; height:4px; margin-left:10px; background-image:url(images/mainContLine.png); background-repeat:no-repeat;}
.sideWorkLine{width:270px; height:4px; margin-left:10px; background-image:url(images/sideBarLineHori.png); background-repeat:no-repeat;}
.hmeSideBarTxt{width:280px; padding-left:20px; padding-right:10px; padding-top:10px; font-size:11px; color:#000066;}
.entryBox{padding-top:10px;}
.dateBox{ width:40px; float:left; background-color:#04234D; margin-left:15px; }
.dateTxtDay{ background-color:#DCE3E9; color:#04234D; text-align:center; font-size:12px;}
.dateTxtMonth{color:#FFFFFF; text-align:center;}
.entryBoxTitle{color:#000066; padding-top:20px; padding-bottom:10px; font-size:20px;}
.entryBoxExcerTxt{width:280px; float:right; padding-right:30px; font-size:14px; color:#000066;}
.pageContHold{width:600px; float:left; padding-right:10px; padding-left:20px; font-size:14px; color:#000066; min-height:650px}
.postImg{width:285px; height:186px; margin-left:20px;}
.readMoreTxt{background-color:#04234D; color:#DCE3E9; font-size:12px; padding:10px; text-decoration:none; border:thin #DCE3E9; margin-left:150px; font-weight:bold; }
.readMoreTxt a:visited, a:link, a:hover, a:active {color:#DCE3E9;}
#smallSocioBox{width:300px; float:right; padding-top:20px;}
.formBG {background-color:#DCE3E9;}
.formBGSub {color:#DCE3E9; background-color:#04234D; border:thin solid #DCE3E9; padding-right:5px; padding-left:5px; }
#getInTouchBox {width:630px; text-align:center; padding-top:30px;}
#getInTouchBox a {color:#CCCCCC;}
#getInTouchBox a:hover {color:#FFFFFF; text-decoration:underline;}


#slideshow {position:absolute;height:260px;}
#slideshow DIV { position:absolute; top:0;left:0; z-index:8; opacity:0.0; height: 260px;}
#slideshow DIV.active { z-index:10;opacity:1.0;}
#slideshow DIV.last-active {z-index:9;}
#slideshow DIV IMG {height: 260px; display: block; border: 0; margin-bottom: 10px;}
.adBgBurg { background-color:#5b1815;}
.adBgGrey { background-color:#565656;}
.adBgBrn { background-color:#bab55d;}
.adBgBlk { background-color:#000000;}
.adBgWht { background-color:#eff4d9;}
.adBgGrn { background-color:#006600;}



#bluSideBoxTop{width:320px; height:13px; background-image:url(images/sideBoxBgTop.png); background-repeat:no-repeat;}
#bluSideBoxBot{width:320px; height:13px; background-image:url(images/sideBoxBgBot.png); background-repeat:no-repeat;}
#bluSideBoxMain{width:320px;  background-image:url(images/sideBoxBgRepY.png); background-repeat:repeat-y;}

#mainContentSingle{width:640px;}