/*
	Theme Name: Clarke:Desai Theme
	Theme URI: http://www.clarkedesai.co.uk/
	Description: Clarke:Desai theme styled by <a href="http://www.d-vise.co.uk"D:Vise</a>. Based on Magatheme by <a href="http://bryanhelmig.com/magatheme-cool-minimal-wordpress-theme/">Bryan Helmig</a>.
	Version: 1.0.0
	Author: Greg Morris, D:Vise
	Author URI: http://www.d-vise.co.uk
	Tags:light,white,silver,three-columns,right-sidebar

*/

/* Aardvark Reset Thingy http://aardvark.fecklessmind.com/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, nav, section, article, aside, footer
 {border:0;margin:0;outline:0;padding:0;vertical-align:baseline;}

blockquote, q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}

header, nav, section, article, aside, footer {display:block;}

/* Basic styles */
body {background:#ffffff!important;color:#666666;font-size:0.75em; font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;height:auto;}
/* Was font:.75em/1.6em Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; */

html>body {font-size:12px;}

img {display:inline-block;vertical-align:bottom;}

h1,h2,h3,h4,h5,h6,strong,b,dt,th {font-weight:700;}
address,cite,em,i,caption,dfn,var {font-style:italic;}

h1 {margin:0 0 0.75em;font-size:2em;}
h2 {margin:0 0 1em}
h3 {margin:0 0 1.286em;font-size:1.267em;}
h4 {margin:0 0 1.5em;font-size:1em;}
h5 {margin:0 0 1.8em;font-size:.834em;}
h6 {margin:0 0 2em;font-size:.75em;}

p,ul,ol,dl,blockquote,pre {margin:0 0 1.5em;color:#666666;}

li ul,li ol {margin:0;}
ul {list-style:outside disc;}
ol {list-style:outside decimal;}
li {margin:0 0 0 2em;}
dd {padding-left:1.5em;}
blockquote {padding:0 1.5em;}

a {text-decoration:underline;color:#B9B9B9;font-weight:normal;}
a:hover {text-decoration:underline;color:#151515;}
abbr,acronym {border-bottom:1px dotted;cursor:help;}
del {text-decoration:line-through;}
ins {text-decoration:overline;}
sub {font-size:.6em;line-height:1em;vertical-align:sub;}
sup {font-size:.6em;line-height:1em;vertical-align:super;}

tt,code,kbd,samp,pre {font-size:1em;font-family:"Courier New", Courier, monospace;}

/* Table styles */
table {border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;}
caption {text-align:left;}
th, td {padding:.25em .5em;}
tbody td, tbody th {border:1px solid #363642;text-align:center;}
tfoot {font-style:italic;}

/* Form styles */
fieldset {clear:both;}
legend {padding:0 0 1.286em;font-size:1.167em;font-weight:700;}
fieldset fieldset legend {padding:0 0 1.5em;font-size:1em;}
* html legend {margin-left:-7px;}
*+html legend {margin-left:-7px;}

form .field, form .buttons {clear:both;margin:0 0 1.5em;}
form .field label {display:block;}
form ul.fields li {list-style-type:none;margin:0;}
form ul.inline li, form ul.inline label {display:inline;}
form ul.inline li {padding:0 .75em 0 0;}

input.radio, input.checkbox {vertical-align:top;}
label, button, input.submit, input.image {cursor:pointer;}
* html input.radio, * html input.checkbox {vertical-align:middle;}
*+html input.radio, *+html input.checkbox {vertical-align:middle;}

textarea {overflow:auto;}
input.text, input.password, textarea, select {margin:0;font:1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;vertical-align:bottom;}
input.text, input.password, textarea {border:1px solid #7F9DB9;padding:2px;}

* html button {margin:0 .34em 0 0;}
*+html button {margin:0 .34em 0 0;}

form.horizontal .field {padding-left:150px;}
form.horizontal .field label {display:inline;float:left;width:140px;margin-left:-150px;}

/* Useful classes */
img.left {display:inline;float:left;margin:0 1.5em .75em 0;}
img.right {display:inline;float:right;margin:0 0 .75em .75em;}
.left {float:left !important;display:inline;}
.right {float:right !important;display:inline;}
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}

.clr {clear:both;}
.wrapper {width:896px;margin:0 auto;}
.marginleft {margin-left:18px !important;}
.marginright {margin-right:18px !important;}
.margintop {margin-top:18px !important;}
.marginbottom {margin-bottom:18px !important;}
.nomargin {margin:0 !important;}

/* header classes */
.header {color:#4F4F5F; position:relative;height:125px;margin: 0 0 10px; padding:0;z-index:100;}
.header ul {list-style-type:none;}
.header a {color:#4F4F5F;}

.bottomnav {font-size:17px;height:28px;background:#ffffff;padding-left:9px;margin:0 0 18px;overflow:hidden;}
.bottomnav li {float:left;height:28px;overflow:hidden;margin:0;}
.bottomnav a {color:#8b949a;font-weight:normal;padding:5px 9px;display:block;text-transform:lowercase;}
.bottomnav a:hover {color:#ffffff;background:#8b949a;text-decoration:none;}
.bottomnav .searchbox {float:right;padding:3px 18px;}

.search-text{font-size:10px;}


/* footer classes */
.footer {margin:18px 18px 9px;padding:18px 0 0;/* border-top:1px #C6C6CD solid; */}
.footerleft {width:302px;float:left;}
.footermid {width:302px;float:left;margin:0 18px;}
.footerright {width:302px;float:left;}
.basement {border-top:1px #C6C6CD solid;text-align:center;font-size:0.8em;padding:9px 0;}
.basement a {text-decoration:underline;font-weight:normal;}
.basement p {margin:0.3em 0;}

/* sidebar classes */
.sidebar2 { width:336px; padding:0 0 0 18px;float:left;margin:5px 0;}
.sidebar3 {width:160px;padding:0 0 0 18px;float:left;}
.boxedin {color:#2C2C35;font-weight:normal;background-color:#F7F7FC;border:1px #C6C6CD solid;border-width:1px 0 1px 0;padding:3px 0 3px 8px;}
.sidebars {float: right; width: 356px;  /* overflow:hidden; */}
.sidebars h3 {margin:0 0 12px 0;}
.sidebars ul {list-style-type:none;border-bottom:1px solid #EDEDF3;}
.sidebars li {margin:0;padding-left:4px;border-top:1px solid #EDEDF3;}
.sidebars li a {margin:0;padding-left:8px;background:transparent url(img/bulletlight.gif) no-repeat scroll 1px 53%;/*display:block;*/}
.sidebars .children {border:0;}
.sidebars #wp-calendar {width:62%;margin:0 auto;}

/* post classes */

/* content classes */
.main {width:100%;padding:0;overflow:hidden;height:auto;}
.middlebox {width:100%;height:255px;overflow:hidden;}
.article{float:right;height:200px;margin:41px 60px 0 0;overflow:auto;width:310px;text-align:left;line-height:1.4em;font-size:11px;height:145px}
.article h1 {line-height:1.2em;}
.article h2 a {color:#8B949A; } 
.article h2 a:hover {color:#fc732a;}
/* .article a {color:#4F4F5F;} */
.solidline {border-bottom:1px #C6C6CD solid;height:1%;clear:both;margin-bottom:18px;}
.dottedline {border-bottom:1px #C6C6CD dotted;height:1%;clear:both;margin-bottom:18px;}
.tags {color:#727288;font-weight:600;background-color:#F7F7FC;border:1px #C6C6CD solid;border-width:1px 0;padding-left:8px;}
.tags a {color:#5A5A6C;}
.extendspost {color:#727288;float:right;text-align:center;list-style-type:none;margin:0 0 0 6px;border-top:1px #EDEDF3 solid;max-width:230px;min-width:180px;}
.extendspost li {border-bottom:1px #EDEDF3 solid;margin:0;}
/* .extendspost a {color:#434351;} */
.extendspost strong {color:#434351;}
.dropcap {float:left;color:#66667A;font:normal 60pt/0.8em Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;margin-right:3px;}

/* comments */
.commentlist {margin:0 0 18px 18px;list-style-type:none;}
.commentauthor {float:left;text-align:center;margin:0 18px 18px 0;}
.commentauthor a {text-decoration:underline;font-weight:normal;}
.commentlist li {border-bottom:1px #C6C6CD solid;margin:0;padding:18px 0 0 6px;background-color:#F7F7FC;}
.commentlist .alt {background-color:#fff;}
.commentlist .authorcomment {background-image:url(img/stripeauthor.gif);background-repeat:repeat;}
.commentlist .altauthorcomment {background-image:url(img/stripeoddauthor.gif);background-repeat:repeat;}
.avatar {margin:0 auto;}

.hide { margin-right: -9999px; display: none; }

.georgemast img {margin-bottom: 20px; }

.georgemast h1 { color: #727288;font-weight:bold;background-color:#F7F7FC;border:1px #C6C6CD solid;border-width:1px 0 1px 0;padding:6px 0 3px 8px; font-size: 18px; }

.promotext {font-weight:100; color: color:#4F4F5F;}
.promotext:hover {color:#4F4F5F; text-decoration:underline;}
.promotext img {margin: 0 0 10px 0;}



.clarkestrap {text-transform:lowercase; color:#d6d5d4; margin: 7px 0 0 0; font-size:17px; }

.twitter-tools { margin: 15px 0; border: 1px solid #C6C6CD; }

.twitter-tools .aktt_tweets ul { padding: 0; margin: 0;}

.twitter-tools .aktt_tweets ul li { font-size: 15px; padding: 12px; word-wrap:break-word;}

.twitter-tools .aktt_tweets ul li.aktt_more_updates { font-size:12px; padding: 4px; }

.twittoolsstatus { font-size:12px; margin: 0 15px 0 0; }

.twitter-tools .boxedin { margin: 0; color:#727288; font-size:18px; font-weight:bold; padding:6px 0 6px 8px; }

.widget_gallery h3 { line-height: 0; display: none; font-size:0; }

.georgemast .widget_text { margin:13px 0 0; }

.article h2 {margin: 0 0 7px; font-size:12px;}

.archive-boxed {background-color:#F7F7FC;border-color:#C6C6CD;border-style:solid;border-width:1px 0;color:#727288;font-size:18px;font-weight:bold;padding:6px 0 3px 8px; }

.box {
background:  url(img/clarkedesailogo.gif) bottom right no-repeat #fff;
background-position: 750px 537px;
height:600px;
margin:60px 0;
padding:0;
text-align:left;
width:896px;
position:relative;
/* border:1px solid #999999;
overflow:hidden;
}

.cdlogo {float: left; margin: 0 0 0 18px; position:absolute; bottom:0px; }

.straplinewords {position: absolute; bottom: 3px; right: 10px;margin:0 53px 0 0; padding: 0; font-size: 16px;color:#707070;font-weight:normal;}

.straplinewords span {margin: 0 7px;}

.sidenavi {float: left;padding:0; margin:10px 0 0 0;}



#suckerfishnav {font-size:17px;background:#ffffff;margin:27px 0 0 18px !important;overflow:hidden;}
#suckerfishnav li {height:23px;overflow:hidden;margin:0;}
#suckerfishnav a {color:#8b949a;font-weight:normal;padding:5px 9px;display:block;text-transform:lowercase;}
#suckerfishnav a:hover {color:#2C2C35;text-decoration:none;}

#suckerfishnav {
	font-family:Helvetica, Arial, Verdana, sans-serif;
    background:#fff repeat-x;
    font-size:14px;
	padding:0px;
    line-height:23px;
    }

#suckerfishnav, #suckerfishnav ul {
    list-style:none;
    border:none;
    }

ul#suckerfishnav {
	width:auto;
	border-bottom:none;
}

#suckerfishnav a {
    display:block;
    color:#8b949a;
    text-decoration:none;
    padding:0 9px;
	height:22px;
    }
#suckerfishnav li {
    padding:0;
	width:auto;
	/* border-bottom:1px solid #666666; */
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
	width:auto;
    font-weight:normal;
	margin:0;
    border:0;
	z-index: 10;
    }
#suckerfishnav li li {
  /*  border-right:1px solid #666666;
	border-left: none;
	border-bottom: none;
	border-top: none; */
	padding: 0;
	float:left;
    width:auto;
    }

#suckerfishnav li li a {
    padding:5px 9px;
    width:auto;
    font-size:15px;
    color:#8b949a;
    }

#suckerfishnav a:hover {color:#2C2C35;}
	
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#2C2C35;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#2C2C35;

    }
#suckerfishnav li:hover li a, #suckerfishnav li.sfhover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#8b949a;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  
	{  left:auto;
 	   background:#fff;
	   margin: -27px 0 0 71px;
	   padding:0;
	   
    } 

#suckerfishnav li li:hover ul, #suckerfishnav li li ul 
	{
	left:auto;
	margin: -7px 0 0 9px!important;
	}

#suckerfishnav li li:hover ul li,#suckerfishnav li li ul li
	{
	float:none;
	
	}

/* #suckerfishnav li li:hover ul li, #suckerfishnav li li:hover ul li a, #suckerfishnav li li ul li, #suckerfishnav li li ul li a */
#suckerfishnav li li:hover li, #suckerfishnav li li:hover li a, #suckerfishnav li li li, #suckerfishnav li li li a 
	{
	height:18px!important;
	background:transparent none!important;
	padding:0;
	margin:0;
	line-height:18px;
	}
	
#suckerfishnav li li a {
font-size: 12px;
text-transform:none;
}	
	
#suckerfishnav .searchbox:hover, #suckerfishnav .searchbox:active { background-color: #fff; }

#slideshow {width:896px;height:255px;overflow:hidden;}
#slideshowleft {width:470px;height:465px;overflow:hidden;}

 
/*.topnav {height:25px;border-bottom:1px solid #C6C6CD;margin:0 0 18px;}
.topnav li {margin:0;float:left;}
.topnav a {color:#5A5A6C;float:left;margin:0 0 0 18px;display:block;}
.topnav a:hover {color:#fc732a;}
.topnav .searchbox {float:right;padding:0 18px;} */
 
.navi {	
	font-size:12px;
	list-style-type:none;
	float: left;
    margin: 8px 0 0 12px;
	letter-spacing:-1px;
	line-height:16px;
	text-transform:capitalize;
	position:relative;
		}


.navi ul {
font-weight:normal;
height:115px;
line-height:1;
margin:0;
position:absolute;
/*width:145px;*/
top: 0px;
}

.navi ul{
display:none;
}

.navi ul.navi-sublevel-1 {
margin:0 0 0 188px;	
}

.navi ul.navi-sublevel-2 {
margin:0 0 0 282px;	
}


.navi ul.navi-sublevel-3 {
margin:0 0 0 275px;	
}

.navi ul.navi-sublevel-3 li {
	height:90px;
	width:125px;
	overflow:hidden;
	background:#fff;
	margin:0;
	/*display:none;
	left:-999em; */
}

.navi ul.navi-sublevel-3 li img {
filter:alpha(opacity=50);
	opacity:.50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	
}

.navi ul.navi-sublevel-2 li.current_page_item ul.navi-sublevel-3 {
	display:block!important;
	z-index:2;
}

.navi ul.navi-sublevel-2 li.current_page_item ul.navi-sublevel-3 li {
	display:block!important;
	z-index:3;
}

.navi .current_item_parent ul.navi-sublevel-2 {
     display: block; 
	 width: 410px; 
	 opacity: 100; 
	 margin-left: 282px; 
	 margin-top: 0px; 
	 height: 115px;
}

.navi ul.navi-sublevel-2 li:hover ul.navi-sublevel-3, .navi ul.navi-sublevel-2 li:hover ul.navi-sublevel-3 li {
	display:block!important;
	z-index:4;
}
	
.navi a, .navi h3 {
	color:#b9b9b9;
	text-decoration:none;
	font-size:12px;
	}
	
.navi a {
	font-weight:normal;
	width:220px;
}

.is_home .navi a {color:#b9b9b9!important;}

.navi a:hover, .is_home .hometab a {color:#151515!important;}

.navi a:hover, .navi h3:hover {
color:#151515;	
}

.navi li.item_parent a, 
.navi li.item_parent ul li.item_parent ul li.current_item_parent a, 
.navi li.item_parent ul li.item_parent a, 
.navi li.item_parent ul li.current_item_parent ul li.current_page_item a, 
.navi li.item_parent ul li.item_parent ul li.current_item_parent ul li.current_page_item a, .navi li.item_parent ul li.current_item_parent a {color:#151515;}

.navi li.item_parent ul li a, .navi li.item_parent ul li.item_parent ul li a, .navi li.item_parent ul li.current_item_parent ul li a, .navi li.item_parent ul li.item_parent ul li.current_item_parent ul li a {color:#b9b9b9;}

.navi li {
	margin: 0 0 0 5px;
		line-height:16px;
		width:220px;
		white-space:nowrap;
	}

.navi-sublevel-2{
width:404px !important;
overflow:hidden;
}

ul.msie.navi .navi-sublevel-2 {
left: 249px;
margin:0!important;
}
 

ul.msie.navi .navi-sublevel-1 {
width: 651px!important;
}

ul.msie.navi .navi-sublevel-3 {
left: 279px;
margin:0!important;
}

ul.msie.v6-0.navi .navi-sublevel-3 {
left: 254px;
margin:0!important;
}

ul.msie.v6-0.navi {
width: 820px!important;
}

ul.msie.v6-0.navi .navi-sublevel-2{
width:395px !important;
overflow:hidden;
}

ul.msie.navi, ul.msie.navi ul {
z-index:300;
}

/*



.navi {	
	font-size:12px;
	list-style-type:none;
	float: left;
    margin: 8px 0 0 12px;
	letter-spacing:-1px;
	line-height:16px;
	text-transform:capitalize;
	position:relative;
		}


.navi ul {
font-weight:normal;
height:auto;
line-height:1;
margin:0;
position:absolute;
top: 0px;
}

.navi ul{
display:none;
}

.navi ul.navi-sublevel-1 {
margin:0 0 0 115px;	
}

.navi ul.navi-sublevel-2 {
margin:0 0 0 165px;	
}

.navi ul.navi-sublevel-3 {
margin:0 0 0 185px;	
}

.navi ul.navi-sublevel-3:hover {
height:auto!important;	
z-index:300;
background:#fff;
}

.navi ul.navi-sublevel-4 {
margin:0 0 0 240px;	
}

.navi ul.navi-sublevel-4 li {
	height:90px;
	width:135px;
	overflow:hidden;
	background:#fff;
	margin:0;
}

.navi ul.navi-sublevel-4 li img {
filter:alpha(opacity=50);
	opacity:.50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	
}

.navi ul.navi-sublevel-3 li.current_page_item ul.navi-sublevel-4 {
	display:block!important;
	z-index:2;
}

.navi ul.navi-sublevel-3 li.current_page_item ul.navi-sublevel-4 li {
	display:block!important;
	z-index:3;
}

.navi .current_item_parent ul.navi-sublevel-3 {
     display: block; width: 410px; opacity: 100; margin-left: 185px; margin-top: 0px; height: 115px;
}

.navi ul.navi-sublevel-3 li:hover ul.navi-sublevel-4, .navi ul.navi-sublevel-3 li:hover ul.navi-sublevel-4 li {
	display:block!important;
	z-index:4;
}
	
.navi a, .navi h3 {
	color:#b9b9b9;
	text-decoration:none;
	font-size:12px;
	}

.is_home .navi a {color:#b9b9b9!important;}

.navi a:hover, .is_home .hometab a {color:#151515!important;}

.navi a:hover, .navi h3:hover {
color:#151515;	
}

.navi li.item_parent a, 
.navi li.item_parent ul li.item_parent ul li.current_item_parent a, 
.navi li.item_parent ul li.item_parent a, 
.navi li.item_parent ul li.current_item_parent ul li.current_page_item a, 
.navi li.item_parent ul li.item_parent ul li.current_item_parent ul li.current_page_item a, .navi li.item_parent ul li.current_item_parent a {color:#151515;}

.navi li.item_parent ul li a, .navi li.item_parent ul li.item_parent ul li a, .navi li.item_parent ul li.current_item_parent ul li a, .navi li.item_parent ul li.item_parent ul li.current_item_parent ul li a {color:#b9b9b9;}

.navi li {
	margin: 0 0 0 5px;
		line-height:16px;
		width:auto;
		white-space:nowrap;
	}

*/

#contactinfo {
width:150px;
height:60px;
position:absolute;
bottom:0px;
right: 250px;
font-size:11px;
color:#b9b9b9;
z-index:1;
}

#contactinfo h3 {
color:#151515;
padding:0;
margin:0;
font-size:11px;
}

#contactinfo p {
paddding:0;
margin:0;
color:#b9b9b9;
}

#contactinfo a {
color:#b9b9b9;	
}

#contactinfo a:hover {
color:#151515;	
}

.middleboxleft{width:470px;height:465px;overflow:hidden;position:absolute;bottom:0px; left:0px;}

.middleboxleft #slideshowleft div {top:auto!important;bottom:0;}

.articleright{float:right;
font-size:11px;
height:380px;
line-height:1.4em;
margin:0 50px 0 0;
_margin:0 18px 0 0;
overflow:auto;
text-align:left;
width:350px;
padding:9px 0 0;
}


.articleright h2 {
	margin:0;
	color:#000;
	font-size:16px;
	letter-spacing:-1px;
	line-height:1em;
}

.articleright .projectcaption, .articleright .projectdate, .articleright .client, .articleright .contractvalue { 
		color:#b8b8b8;
		margin:0;
		padding:0;}


.articleright .content {
	width:325px;
	font-size:10px;
	margin: 5px 0 0 0;
}

.middleboxabout {width:100%;height:465px;overflow:hidden;text-align:center;background:#ffffff;}

ul.msie.navi li.residential-uri .navi-sublevel-2:hover {
height:510px!important;	
z-index:300!important;
background:#fff!important;
padding: 0 0 15px 0!important;
}

#topnav ul.msie.v6-0.navi li.residential-uri .navi-sublevel-2:hover {
zoom:1;
}

#topnav ul.msie.v6-0.navi li.navi-sublevel-2:hover .navi-sublevel-3 {
display:inline-block!important;
z-index:15;
}
 
.navi li.residential-uri ul.navi-sublevel-2:hover {
height:510px!important;	
z-index:300!important;
background:#fff;
padding-bottom: 15px;
}

.contact ul {
list-style-type:none;
}

.contact li {
	padding:0;
	margin:0;
}