@charset "utf-8";
/*  
Theme Name: Durrani_v2
Version: 2.0
Author: Durrani Design
Author URI: http://www.durranidesign.com
*/

/* CSS Document */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
*{margin:0;padding:0;line-height:normal}
p{
margin: 1em 0}
ul, ol {
	list-style:none;
}

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1, h3, h4, h5, h6, pre{
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
}
h2 {font-size:16px; font-weight:bold;}

/* Remove inconsistent (among browsers) default padding or margin */
ol, h1, h2, h3, h4, h5, h6, pre, form, body, html, fieldset, input, div, dd, dt, dl, label{
	margin:0;
	padding:0;
}
/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset {
	border:none;
}

blockquote {margin: 10px 0; padding: 0 50px; background: transparent url(images/blockquote.gif) no-repeat 0 0; color: #61666F; /*#7D838F; */}

h1{text-transform:uppercase;font-size:3.8em;padding-bottom:10px;margin-bottom:30px;}
h1.tag{/*background:url(images/headline.jpg) 0 56px no-repeat;*/ width:auto; margin-bottom:10px;}
h1.tag2{/*background:url(images/headline-2.jpg) 0 56px no-repeat;*/ width:auto;margin-bottom:10px;padding-bottom:20px}
h1.tag3{/*background:url(images/headline-3.jpg) 0 56px no-repeat;*/ width:auto; margin-bottom:5px;padding-bottom:0px}
h1 span{color:#919f01;font-size:.75em;text-transform:lowercase;margin-left:.5em;}
a, a:hover, a:visited{color:#8b5040}
body{background:url(images/background-v2.jpg) top center no-repeat black;color:#8b5040;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.subtitle {font-size:18px; padding:0 10px 20px 0; font-weight:bold; line-height:25px; font-family:Arial, Helvetica, sans-serif; border-bottom:2px solid black;}
.subsubtitle {font-size:14px; padding:0 0 8px 0; margin-bottom:10px; font-weight:bold; line-height:25px; font-family:Arial, Helvetica, sans-serif; border-bottom:2px solid black;}
	
/* ================================= */
/*          Global Elements          */
/* ================================= */	

#container{width:975px;margin:0 auto;}
#header{height:225px;}
ul#top-nav{float:right;width:580px;margin-top:134px;background:url(images/nav-bg.jpg) black;padding-right:1em;}
ul#top-nav li{height:60px;float:left;}
ul#top-nav li span.line1{display:block;font-size:16px;font-weight:bold;color:white;text-transform:uppercase;text-align:right;padding-top:.5em;}
ul#top-nav li span.line2{display:block;font-size:14px;font-weight:bold;color:#cbda2d;text-transform:lowercase;text-align:right;}
ul#top-nav li a{text-decoration:none;}
ul#top-nav li span a{text-decoration:none;}
ul#top-nav li a:hover span.line2{text-decoration:underline;}

		#header ul li#about-us{width:120px;}
		#header ul li#our-work{width:110px;}
		#header ul li#services{width:124px;}
		#header ul li#blog{width:96px;}
		#header ul li#contact-us{width:120px;}
		
/*		#header ul li a{display:block;width:100%;height:100%;}
		#header ul li a:hover span.line1{}
		#header ul li#about-us a:hover span.line2{margin-right:45px;}
		#header ul li#our-work a:hover span.line2{margin-right:34px;}
		#header ul li#services a:hover span.line2{margin-right:44px;}
		#header ul li#blog a:hover span.line2{margin-right:45px;}
		#header ul li#contact-us a:hover span.line2{margin-right:24px;}*/

    #logo{}
        #about-us{}
        #our-work{}
        #services{}
		#blog{}
        #contact-us{}
#logo{float:left;width:380px;height:100%;}
a #logo, #logo a{color:#FFFFFF; font-size:20px; letter-spacing:1px; text-decoration:none; cursor:pointer;}
#body{background-color:#f1f2f4;padding:1.5em;color:black;min-height:600px;}
#body p{line-height:1.6em;}
	.services{}
#blog-content{background-color:#fff;padding:1em 0 0 1em;float:left;width:620px;font: 62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;font-size: 1.1em;color:#050D24;}
#blog-content a{text-decoration:none;color:#2F63B3}
#blog-content a:hover{text-decoration:underline;}
	.headline{}
	.content-sec{padding-top:1em;}
		.content-sec .left{padding-top:30px;width:51%;float:left;/*background:url(images/home-latestbp.jpg) 0 -22px no-repeat;*/}
		.content-sec .right{padding-top:30px;width:47%;float:right;/*background:url(images/home-featmedia.jpg) 0 -22px  no-repeat;*/text-align:left; line-height:1.7em;}
	.content-sec p{}
	.content-sec a {color:#2f63b3;}
	.content-sec h2 {font-size:16px;}
			
	div.button{display:block;color:black; font-weight:bold; font-size:14px;border-bottom:2px solid black;}
	div.button a{width:23px;height:15px;background:url(images/button.jpg);display:inline-block;border:0;vertical-align:top;margin-left:.5em;}
		
	h2.img-head{background:no-repeat;height:20px;margin:1em 0;}
	h2.img-head span{display:none;}
		h2#whatsnew{background-image:url(images/h2-whatsnew.jpg)}

#subnav {width:430px; float:right; text-align:right; margin-bottom:10px;}
#subnav a {color:#919f01; font-size:12px; padding:0 7px 0 7px;}
		
.page-title h2.page-title-border {
	font-size: 1.6em;
	margin-bottom:30px;
	/*line-height: 48px; */
	color: #cbda2d; /*#CBDB2A; #104177; */
	}

.post {
	padding: 10px 0px;
	}
	
.posttitle {font-size:16px;}

.postmeta,
.postmeta a {
	margin: 5px 0 ;
	font-size: 1em;
	color: #2f63b3;
	}
.post-date {
	padding: 0 0 0 20px;
	background: url(images/icon_date.gif) no-repeat 0 0;
	}
.post-comment {
	padding: 0 0 0 20px;
	background: url(images/icon_comments.gif) no-repeat 0 0;
	}
.post-filed {
	padding: 0 0 0 20px;
	background: url(images/icon_filed.gif) no-repeat 0 0;
	}
.postentry ul {list-style-type:disc; margin-left:25px;}
.postentry ul li {padding:5px;}
.post ul {list-style-type:disc; margin-left:25px;}
.post ul li {padding:2px;line-height:1.6em;}

#commentlist li {
	padding: 10px 25px 0 0;
	border-bottom: 1px solid #dce6ff;
	background-color: #DEE8BF; 
/*	background: #DEE8BF url(images/comment_bg.gif) repeat-y 0 0; */
	}
.alt {
	background-color: #F7F9EE !important;
	background-image: none !important;
	}	
	
/**********************
*   About Us and Services Classes  *
***********************/	

.column1{width:450px;float:left;}
.column1 p{margin:1em;line-height:1.7em;}

.column2{width:450px;float:left;margin-left:2em;}
.column2 p{margin:1em;line-height:1.7em;}

.about-container .column1 h2.joe-mcdonald{background:url(images/about-joe-mcdonald.png) no-repeat;height:70px;}
.about-container h2 span{display:none;}
.about-container .column2 h2.matt-harding{background:url(images/about-matt-harding.png) no-repeat;height:70px;}
.about-container h2.the-team{background:url(images/about-the-team.png) no-repeat;height:70px;}

.about-container .column1{background:url(images/about-joe-coffee.png) 0 0px no-repeat;}
.about-container .column2{background:url(images/about-matt-coffee.png) 0 380px no-repeat;}


#portfolio{}
#portfolio ul{max-width:180px;margin-right:2em;min-height:400px;float:left;overflow:hidden;}
#portfolio ul li{font-size:12px;min-height:20px;}
#portfolio ul li h3{font-size:14px;text-transform:uppercase;padding:10px 0 ;}
#portfolio h2{font-size:14px;text-transform:uppercase;padding:10px 0 ;}
#portfolio button{width:23px;height:15px;background:url(images/button.jpg);display:inline;border:0;vertical-align:top;margin-left:.5em;}

#websites div {width:300px;height:200px;float:left;margin:.5em;font-weight:bold;}
#websites div span{display:block;}
#websites div img{margin-bottom:4px;border-top:1px solid #c6c7c8;border-left:1px solid #c6c7c8;border-bottom:1px solid #c6c7c8;border-right:1px solid #c4c5c5;}

span.client-name{padding-left:6px;float:left;}
span.live-site{float:right;}
span.live-site a{text-decoration:none;color:black;font-weight:normal;}

#dyn-content{float:left;width:524px;}
#dyn-content img{max-width:522px;}
#dyn-content p{line-height:1.7em;}

a.button{width:23px;height:15px;background:url(images/button.jpg);display:inline-block;border:0;vertical-align:top;margin-left:.5em;}

#services-container *{line-height:1.7em;}
#services-container h2{color:#919f01;font-size:5.5em;text-transform:uppercase;border-bottom:2px solid #b8b8b9;}
#services-container div{border-bottom:2px solid #b8b8b9;}
#services-container p{width:500px;float:left;margin-top:70px;padding-bottom:0em;}
#services-container p.rule{margin-top:10px;}
#services-container div ul{width:300px;float:right;font-weight:bold; padding-bottom:0em;}
#services-container div ul li{}

#services-container div.services-div1{background:url(images/services-div1.jpg) 0 24px no-repeat;}
#services-container div.services-div1 ul{margin-top:55px;}

#services-container div.services-div2{background:url(images/services-div2.jpg) 0 24px  no-repeat;}
#services-container div.services-div2 ul{margin-top:75px;}

#services-container div.services-div3{background:url(images/services-div3.jpg) 0 24px  no-repeat;}
#services-container div.services-div3 ul{margin-top:35px;}

#services-container div.services-div4{background:url(images/services-div4.jpg) 0 24px  no-repeat;}
#services-container div.services-div4 ul{margin-top:30px;}

#services-container div.services-div5{background:url(images/services-div5.jpg) 0 24px  no-repeat;}
#services-container div.services-div5 ul{margin-top:65px;}


.contact-line1{background:url(images/contact-page-line1.jpg) no-repeat -6px 0 ;height:31px;}
.contact address{font-style:normal;display:block;font-weight:bold;margin:1.5em 0 2em 5.5em;}
.contact address strong{font-size:2em;}
.contact-line2{background:url(images/contact-page-line2.jpg) no-repeat -6px 0 ;height:31px;}

.contact form{margin-left:2em;color:#000000;font-family:Verdana, Arial, Helvetica, sans-serif;}
.contact input, .contact textarea{padding:3px;}
.contact input[type="submit"]{background:url(images/submit-btn.jpg) left top no-repeat;width:114px;height:31px;color:transparent; border:none; text-indent:-9999px; text-transform: capitalize; cursor:pointer;overflow: hidden;font-size: 0;display:block;line-height: 0; }
 
.contact h2{display:none;}

/**********************
*   First Footer            *
***********************/

#footer{color:white;padding:1em;}
#footer a{color:#cbdb2a;text-decoration:none;}
	#footer .level-1 h3{font-size:18px;font-weight:bold;color:white;text-transform:capitalize;margin-bottom:.5em;}
	#footer .level-2 h3{font-size:18px;font-weight:bold;color:white;text-transform:capitalize;}

    #footer .level-1{margin-top:1em;min-height:160px;}
    #footer .level-1 img{margin-right:4px;}
	
		#footer .level-1 .footer-links{width:150px;float:left;margin-right:2em;}
		#footer .level-1 .footer-links ul{font-size:16px;margin-left:1em;}
		#footer .level-1 .footer-links ul li{border-bottom:1px solid #494f0f;}
		
		#footer .level-1 .footer-portfolio{width:150px;float:left;margin-right:4em;}
		#footer .level-1 .footer-portfolio ul{font-size:16px;margin-left:1em;}
		#footer .level-1 .footer-portfolio ul li{border-bottom:1px solid #494f0f;}
		
		#footer .level-1 .footer-connections{height:130px;float:left;border-bottom:1px solid #494f0f;}

    #footer .level-2{min-height:130px;}
    #footer .level-2 img{}
    #footer .level-3{}

.footer-sep{background-color:#cbdb2a;height:3px;margin-bottom:.5em;}

/**********************
*   Bottom            *
***********************/

#bottom {clear: both;float: left !important;float:none;width:950px;height: 100%;background-color:#2F2F2F;font: 62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;font-size: 1em;}

#bottom-left,#bottom-mid,#bottom-right {width: 30%;padding: 20px 0 20px 20px;float: left;}
#bottom h2 {margin: 0 0 10px 0;padding: 0 8px;font-size: 1.6em;color: #fff;}
#bottom h2 span {color:#CBDB2A;width:10000px;}
#bottom ul {list-style-type: none;border-top: 1px solid #606060;}
#bottom ul li {border-bottom: 1px solid #606060;}
#bottom ul li a {padding-left:8px;display: block;height:100%;width:auto;color: #fff;text-decoration: none;line-height:26px;}
#bottom ul li a:hover {background:#585858;}
#bottom ul li:hover {}
#bottom small {display:block;padding-bottom:4px;color:#CBDB2A; font-size:11px; padding-left:10px; font-weight:lighter;}

/**********************
*   Last Footer            *
***********************/

#footer2{height: 74px;clear: both;border-top: 1px solid #000;color: #fff;}
#footer2 .validate{background: url(images/icon_valid.gif) no-repeat 0 0;padding: 0 5px 0 20px;}
#footer2 .credits{float: right;margin: 0;padding: 0;border: none;}
#footer2 p{padding: 0 25px;font-size: 0.9em;line-height:26px;}
#footer2 p a:link,#footer p a:visited{color: #FFFFFF;}
#footer2 p a:hover{color: #fff;}
#footer2 p a:active{color: #9ad202;}
	
#sidebar {
	font: 62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;font-size: 1em;
	float: right;
	width: 270px;
	height: 100%;
	margin: 0;
	padding: 0 0 0 25px;
	background-color:#fff;
	}
#sidebar a:link {color:#050D24;text-decoration:none;}
#sidebar a:hover {text-decoration:underline;}

#sidebar .rssfeeds {
		margin: 0;
		padding: 0;
		text-align:right;
/*		background: transparent url(images/feeds.gif) no-repeat right bottom; */
		}
#sidebar h2.feed-title {
		margin: 0;
		padding: 16px 0 0 3px;
		background: none !important;
		font-size: 1.4em;
		}
	.rssfeeds a.rss  {
		padding: 0 0 0 25px;
		background: transparent url(images/icon_rss.gif) no-repeat 5px 0;
		}

#sidebar h2 {
	display: block;
	margin: 16px 0 6px 0;
	padding: 0 0 10px 3px;
/*	background: url(images/separator_green.gif) repeat-x center bottom; */
	font-size: 1.4em;
	color:black;
	}

#sidebar ul {
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#sidebar ul li {
	clear: both;
	color: #bbb;
	}
#sidebar ul.no-splitted li {
	padding: 0 5px;
	}
#sidebar ul.no-splitted ul li {
	margin: 0 -5px;
	}
#sidebar ul.blc {
	padding: 0 5px;
	}

#sidebar li#sidebar-splitted {
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
	}
#sidebar-splitted .splitted-left {
	float: left;
	width: 140px;
	}
#sidebar-splitted .splitted-right {
	float: right;
	width: 145px;
	}

ul.splittedlists li {
	background: transparent url(images/dot.gif) no-repeat 5px 5px;
	padding: 0 0 0 23px;
	}
/*
ul.splittedlists ul li {
	margin: 0 0 0 -23px;
	}
*/

ul.children ul li {
	margin: 0 0 0 23px;
	}

ul.splittedlists li a:link,
ul.splittedlists li a:visited {
	color: #353d50;
	text-decoration:none;
	}
ul.splittedlists li a:hover,
ul.splittedlists li a:active {
	color: #2c76bb;
	}
	
	
/*slideviewer*/

/*preload classes*/ 
.svw {width: auto; height: 300px; background:url(images/loader.gif) center center no-repeat #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
margin: 0 0 1px 0; 
width:100%;
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left;
cursor:pointer;
} 

.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1em 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: black; 
color: #fff;
text-decoration: none; 
display: block; 
color:#CBDB2A;
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: black; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}


/*Form Spring Style
    Why the !importants you ask? Because FormSpring hates you*/
.fsForm .fsSectionHeading {font-weight:bold !important;}
.fsFieldRow input[type=text], .fsForm textarea {
	border:#999 solid thin !important;
    background-color:#fff;
    color:#333;
	margin-top:2px !important;
	padding:2px !important;
    font-size:11px !important;
    line-height:13px !important;
	font-weight:normal !important;
}
.fsFieldFocused {
	background:url(images/brief-form-backgrounds.jpg) repeat !important;
}
.fsLabel {font-weight:normal !important;}
.fsFieldRow td {padding-bottom:5px !important;}
body#FSLocal {margin:0 !important;}
body#FSLocal.fsFree {margin:0 !important;}
.fsFieldRow input {height:13px !important;}
.fsSectionRow td.fsRowBody {padding-bottom:0 !important; padding-top:0 !important;}