/*  

Theme Name: Your Web Designer

Theme URI: http://www.your-web-designer.co.uk

Description: Dark WP theme with 2-3 column layout, dropdown categories menu, multiple widget-ready placement and feedburner email form integrated, easy to customize. Enjoy!

Author: Martin

Author URI: http://www.your-web-designer.co.uk

Version: 0.1
*/
#indexImageText { text-shadow:0px 1px 0px rgba(82,82,82,0.4) } 

.magic {
width:950px;
overflow:hidden;
margin:0 auto;
}

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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
vertical-align:baseline;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
margin:0;
padding:0;
}

body {
line-height:1.4;
font-size:85%;
font-family:Arial, Helvetica, sans-serif;
color:#000;
background:#fff;
text-align:left;
margin:0;
padding:0;
}

#header {
background:#57676c url('/wp-content/themes/ywdV4/images/header_01.jpg') repeat-x top center;
height:156px;
}

#headerLeft {
float:left;
width:300px;
height:136px;
}

#headerRight {
float:right;
width:600px;
position:relative;
left:0;
top:100px;
padding-right:20px;
z-index:3000;
}

#header .magic {
overflow:visible;
}

#logo {
float:left;
height:47px;
margin:10px 0 0;
}

#slideArea .widgettitle{
display:none;
}
#slideArea {
float:left;
height:260px;
width:430px;
position:absolute;
list-style:none;
background:url('/wp-content/themes/ywdV4/images/slideshowBg.png') no-repeat top left;
margin:18px 0 0;
padding:12px 0 0 12px;
}

#body {
background:#fff url('/wp-content/themes/ywdV4/images/contentBg.gif');
background-position:bottom;
background-repeat: repeat-x;
min-height:350px;
padding:0 0 17px;
}

#contentColumnOuter {
float:left;
width:900px;
min-height:350px;
display:block;
margin:0 0 20px;
padding:20px;
font-size:14px;
color:#555;
}

.homeColumnContent{
height:220px;
}

.contentColumn1,
.contentColumn2,
.contentColumn3 {
float:left;
width:235px;
background:url('http://www.your-web-designer.co.uk/wp-content/themes/ywdV4/images/columnBgWeb.png') top center no-repeat;
min-height:350px;
margin:0 10px 20px;
padding:5px 20px 0;
}

.contentColumn2 {
background:url('http://www.your-web-designer.co.uk/wp-content/themes/ywdV4/images/columnBgEmail.png') top center no-repeat;
}

.contentColumn3 {
background:url('http://www.your-web-designer.co.uk/wp-content/themes/ywdV4/images/columnBgDesign.png') top center no-repeat;
}

#contentColumnOuter li {
color:#2bafdb;
font-size:14px;
font-weight:700;
line-height:20px;
}

#contentColumnOuter h2,#contentColumnOuter h2 a {
font-weight:700;
color:#2bafdb;
width:170px;
}

#indexImageOuter {
background:#2badd9 url('http://www.your-web-designer.co.uk/wp-content/themes/ywdV4/images/pageBg_02.png') repeat-x top center;
height:325px;
color:#fff;
font-size:128.57%;
z-index:1;
}

#indexImagePortfolio {
background:#2badd9 url('http://www.your-web-designer.co.uk/wp-content/themes/ywdV4/images/pageBg_02.jpg') repeat-x top center;
height:230px;
color:#fff;
font-size:128.57%; 
}

#indexImageText {
color:#fff;
font-size:128.57%;
width:450px;
height:200px;
position:relative;
padding:40px 0 30px 480px;
}

#indexImageTestimonials {
color:#fff;
width:940px;
height:200px;
position:relative;
padding:20px 10px 0px 10px;
}

#indexImageTestimonials p,
#indexImageTestimonials a{
font-size:16px;
color:#fff;
}

#indexImageText strong {
display:block;
color:#00ABF9;
font-size:1.1em;
}

#indexImageText .aims {
font-weight:700;
font-size:18px;
letter-spacing:-.8px;
color:#d3d724;
}

#indexImageText .tel {
display:block;
color:#fff;
font-size:30px;
letter-spacing:-1px;
}

#indexImageText p {
width:430px;
margin-bottom:1em;
margin-top:1em;
font-size:16px;
color:#ddd;
}

#indexImageText .magic {
width:450px;
height:200px;
position:relative;
padding:40px 0 30px 480px;
}

a {
outline:0;
}

a img {
border:0;
text-decoration:none;
}

a:link,a:visited {
color:#00A5F8;
text-decoration:none;
}

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



#main {
clear:both;
width:930px;
padding-bottom:5px;
margin:5px 15px 0;
}

#contentwrapper .pageTitle,#contentwrapper2 .pageTitle {
font-size:14pt;
letter-spacing:-1px;
color:#eee;
font-weight:400;
background:url(/wp-content/themes/ywdV4/images/bg-trans.png) repeat;
margin:15px 0 10px;
padding:5px;
}



#nextprevious {
margin:10px 0 5px;
width:100%;
display:block;
float:left;
}

#nextprevious a {
color:#fff;
text-transform:lowercase;
text-decoration:underline;
background:#2182a3;
padding:10px 10px 10px 10px;
margin-top:20px;
}

#nextprevious a:hover {
color:#fff;
}

h2 {
font-size:160%;
border-bottom:1px solid #2bafdb;
padding-bottom:.4em;
margin-bottom:.9em;
}

h3 {
font-size:130%;
margin-bottom:.6em;

}

h4 {
font-size:110%;
}

h5 {
font-size:24px;
line-height:5px;
margin: 10px 0px 20px 0px;
color:#5697ae;
}

h6 {
font-size:70%;
}

p {
margin-bottom:1.2em;
line-height:1.4;
}

strong,b {
font-weight:700;
}

em,i {
font-style:italic;
}

hr {
border:0;
color:#2bafdb;
background-color:#2bafdb;
height:1px;
margin:2em 0;
}

.img {
display:block;
margin-bottom:1.5em;
}

.highlight {
color:#fff;
font-style:italic;
background:#05AFF4;
line-height:1;
font-size:1.1em;
padding:.1em;
}

.highlight:link,.highlight:visited {
color:#fff;
padding:0 .5em;
}

.our-clients {
display:block;
height:30px;
width:105px;
line-height:2;
}

blockquote {
font-family:georgia, times, serif;
font-style:italic;
}

blockquote p {
margin-bottom:.5em;
}

blockquote .highlight {
line-height:1.35;
}

div.quote.right,blockquote.quote {
width:320px;
background:url('images/quote-bot.gif');
background-position:bottom;
background-repeat:no-repeat;
margin:0 0 20px 20px;
padding:0 0 5px;
}

div.quote blockquote {
background: url('/wp-content/themes/ywdV4/images/quote-top.gif');
background-repeat: no-repeat;
background-position: top;
margin-bottom:15px;
padding:15px 15px 1px;
}

div.quote cite {
padding-left:5px;
color:#2bafdb;
}

ul {
line-height:1.4;
list-style:none;
margin:1em 0 1.3em;
}

ul li {
padding:0 0 0 12px;
}

ol {
line-height:1.4;
list-style:outside decimal;
margin:1em 0 1.5em 1.5em;
}

ul.topless {
margin-top:0;
}

.topPost h2.topTitle a {
font-size:30px;
font-weight:700;
color:#555;
}

.topPost div.topContent {
font-size:14px;
color:#555;
margin:8px 0;
}

.footerContainer {
margin:0;
padding:0;
}

.morefoot {
background:#38768f url(/wp-content/themes/ywdV4/images/bgGrad.jpg) top center repeat-x;
color:#fff;
padding:15px 0 10px;
min-height:164px;
}

.morefoot p {
margin:5px 0;
padding:5px 0;
}

.morefoot ul {
list-style-type:none;
margin-top:5px;
}

.morefoot ul li,.morefoot p {
font-size:9pt;
}

.morefoot a {
text-decoration:underline;
color:#fff;
}

.morefoot a:hover {
text-decoration:underline;
color:#d3d724;
}

.morefoot h3 {
font-size:12pt;
font-weight:400;
color:#fff;
letter-spacing:-1px;
border-bottom:1px solid #d3d724;
margin:0;
padding:0 0 2px;
}

.morefoot .column1 {
float:left;
width:380px;
background:url(http://www.your-web-designer.co.uk/wp-content/themes/ywdV4/images/mailIcon.png) bottom right no-repeat;
}

/*.morefoot .column2 {
float:left;
width:250px;
margin:0 25px;
} */

.morefoot .column3 {
float:left;
width:500px;
margin-left:40px;
}

.morefoot li {
padding-left:20px;
margin-bottom:5px;
background:url(/wp-content/themes/ywdV4/images/more.gif) left 2px no-repeat;
line-height:17px;
}

.footer {
background:#57676c url(/wp-content/themes/ywdV4/images/footer_01.jpg) top center repeat-x;
color:#ddd;
border-top:1px solid #697b7f;
font-size:12px;
padding:0;
}

.footerInner {
margin:20px 0 0;
}

.footer a {
color:#d3d724;
text-decoration:none;
}

.footer .leftSide {
width:650px;
float:left;
padding:0;

}

.footer .rightSide {
width:250px;
float:right;
padding:0 10px 0 0;

}

.stray_quote-2 {
padding-top:10px;
font-style:italic;
font-weight:400;
font-size:12px;
}

.clear {
clear:both;
margin:0;
padding:0;
}

#contentColumnOuter a:hover,.footer a:hover {
color:#d3d724;
}

#contentwrapper,#contentwrapper2 {
float:left;
width:900px;
margin:0 0 15px;
padding:0;
}


.alignleft { float: left; }
.alignright { float: right; }
.center { text-align: center; }
img { border:none;}
img.alignleft, img[align="left"] { float: left; margin: 2px 20px 5px 0px; }
img.alignright, img[align="right"] { float: right; margin: 2px 0px 5px 10px; }
img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; }

#servicesTop{
height:230px;
float:left;
width:950px;
margin-bottom:20px;
}

#webTypes{
height:135px;
width:950px;
}

.sectionLineBlue{
height:0px;
 border-top:  1px solid #2bafdb;
 padding-top: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
}

.sectionLineGrey{
height:0px;
 border-top:  1px solid #f1f1f1;
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
}

/* Begin NAVIGATION */
#nav{
font-size:14px;
margin:10px 0px 0px 130px;
float:left;
border:solid 0px
}
#nav, #nav ul {
list-style: none;
line-height: 0;
}
#nav a, #nav a:hover {
display: block;
height:0px;
}

#nav li {
float: left;
list-style:none;
}

#nav a, #nav a:visited {
display:block;
font-weight:bold;
color: #eeeeee;
padding:14px 8px;
}
#nav a:active, .current_page_item a, #home .on {
color:#eee;
text-decoration:none;
}

#nav li a:hover{
color:#fff;
text-decoration:none;
background: ;
}
#nav li ul a:hover{
color:#fff;
text-decoration:none;
background: none;
}
#nav li ul {
font-size:12px;
position: absolute;
left: -9999px;
width: 224px;
padding:0px 0px 30px 0px;
margin:0px 0px 0px -20px;
background: url('/wp-content/themes/ywdV4/images/menuDrop.png') no-repeat bottom;
}

#nav li li {
line-height: 14px;
height: 100%;
width: 185px;
text-align:left;
padding:0px 0px 0px 25px;
margin:0px 0px 0px 0px;

}
#nav li li a, #nav li li a:visited {
font-weight:bold;
color:#357082;
}

#nav li li a:hover, #nav li li a:active {
color:#fff;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}

a.main:hover {
background:none;
}

.entry p a {
	color: #3a5fbf;
	}
	
.importantText{
font-size:1em;
margin-bottom:10px;

}
  
/* END NAVIGATION */

.wpcf7-form p{
float:left;
margin:0;}

.wpcf7{
display:table;
float:left;
}

.quiz-903 input{
height:16px;
width:120px;
margin-top:0px;
border:solid 3px #d5d5d5;
background:#f2f2f2;
}

.wpcf7-text{
height:px;
width:280px;
margin-bottom:0px;
border:solid 3px #d5d5d5;
background:#f2f2f2;
}

.wpcf7-form textarea{
height:30px;
width:280px;
margin-bottom:0px;
border:solid 3px #d5d5d5;
background:#f2f2f2;
}

.wpcf7-submit{
float:right;
text-indent:-5000px;
height:38px;
width:110px;
margin-top:10px;
margin-left:0px;
border:0px;
background: url('/wp-content/themes/ywdV4/images/btnSend.png') no-repeat;
color:#fff;
font-size: 0;}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
float:left;
width:250px;
}
.contactOuter{
float:left;
display:block;
width:900px;
border:solid 1px #ddd;
padding:20px;
margin-top:20px;
background:#f2f2f2;
}
.contactLeft{
float:left;
display:block;
width:360px;
border:solid 0px #fff;
padding:0px 20px 20px 20px;
color:#555;
}

.contactLeft .pageTitle{
font-size:20px;
margin:0px;
font-weight:bold;
color:#555;
}
.contactRight{
float:left;
display:block;
width:400px;
border:solid 1px #d5d5d5;
padding:20px;
margin-left:50px;
color:#555;
}

.contactLeft .wpcf7-text{
height:20px;
width:350px;
margin-bottom:0px;
border:solid 1px #d5d5d5;
background:#fff;
}
.contactLeft .antiSpam input{
height:20px;
width:120px;
margin-bottom:0px;
border:solid 1px #d5d5d5;
background:#fff;
}
.contactLeft textarea{
height:60px;
width:350px;
margin-bottom:0px;
border:solid 1px #d5d5d5;
background:#fff;
}
.contactLeft .wpcf7-submit{
float:right;
text-indent:-5000px;
height:38px;
width:110px;
margin-top:10px;
margin-left:60px;
border:0px;
background: url('/wp-content/themes/ywdV4/images/btnSend.png') no-repeat;
color:#fff;
font-size: 0;}

.contactRightTop{
float:left;
display:block;
border:solid 1px #d5d5d5;
background:#fff;
width:380px;
height:90px;
margin-bottom:20px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:10px;
text-align:center;
color:#888;
}

.contactRightTop .heading{
font-size:20px;
margin:0px;
font-weight:bold;
color:#555;
}
.contactRightTop img{
margin-top:-12px;
}

.contactRightBottom{
float:left;
display:block;
border:solid 1px #d5d5d5;
background:#fff;
width:380px;
height:100px;
padding:10px;
color:#888;
-moz-border-radius: 5px;
border-radius: 5px;
}
.contactRightBottomAddress{
float:left;
display:block;
width:180px;
height:80px;
margin-top:-10px;
}

.contactRightBottomAddress p,
.contactRightBottomContacts p{
font-size:12px;
color:#555;}

.contactRightBottomContacts{
float:right;
display:block;
text-align:right;
margin-top:-10px;
}
.contactRightBottomContacts .tel{
font-weight:bold;
margin-top:-10px;
}
#onlineQuestions{
float:left;
display:block;
padding:20px;
}

#onlineQuestions p{

}
.questionsColumns{
width:427px;
float:left;
}

.wpcf7-text{
height:px;
width:280px;
margin-bottom:0px;
border:solid 3px #d5d5d5;
background:#f2f2f2;
}

#onlineQuestions .your-name input,
#onlineQuestions .your-email input,
#onlineQuestions .YourTelephone input,
#onlineQuestions .YourBusinessName input,
#onlineQuestions .Timeframe input,
#onlineQuestions .Budget input{
height:20px;
width:390px;
margin-bottom:0px;
border:solid 1px #d5d5d5;
background:#fff;
margin-bottom:10px;
}
#onlineQuestions .OrganisationInfo textarea,
#onlineQuestions .LikedURLs textarea{
height:60px;
width:390px;
margin-bottom:0px;
border:solid 1px #d5d5d5;
background:#fff;
margin-bottom:10px;
}

#onlineQuestions .WhichServices,
#onlineQuestions .WebsiteType{
display:block;
float:left;
border:solid 1px #d5d5d5;
width:380px;
background:#fff;
padding:5px;
margin-bottom:10px;
}

.wpcf7-list-item{
display:block;}

.questionsColumns .infoArea{
float:left;
display:block;
border:solid 1px #d5d5d5;
width:370px;
padding:10px;
margin-bottom:20px;
background:#fff;
}
.questionsColumns p.heading{
font-size:20px;
font-weight:bold;
color:#444;
width:350px;
}
.questionsColumns p.blurb{
font-size:12px;
color:#444;
}

#onlineQuestions .antiSpam input{
height:20px;
width:120px;
margin-bottom:0px;
border:solid 1px #d5d5d5;
background:#fff;
}

#onlineQuestions .wpcf7-submit{
display:block;
float:right;
text-indent:-5000px;
height:38px;
width:110px;
margin-top:-35px;
margin-left:265px;
background: url('/wp-content/themes/ywdV4/images/btnSend.png') no-repeat;
color:#fff;
font-size: 0;
}

.individualPost{
display:block;
float:left;
border-bottom:dotted 1px #c4c4c4;
margin-top:20px;
}
.pfImage{
width:250px;
height:136px;
display:block;
float:left;
background: url('/wp-content/themes/ywdV4/images/portfolioImgBg.png') no-repeat;
padding:12px 0px 0px 11px;
margin:0px 10px 10px 0px;
}

.newsImage{
display:block;
float:left;
background:#fff;
padding:0px 0px 0px 0px;
margin:0px 10px 10px 0px;
border-right:solid 1px #eee;
border-bottom:solid 1px #eee;
}
.newsImage img{
border:solid 10px #fff;
}

.ngg_slideshow {
    overflow:hidden;
    position: relative;
}

.ngg-slideshow * {
    vertical-align:middle;
}

/* See also : http://www.brunildo.org/test/img_center.html */
.ngg-slideshow-loader{
    display: table-cell;
    text-align: center;
    vertical-align:middle;
}

.ngg-slideshow-loader img{
    background: none !important; 
    border: 0 none !important;
    margin:auto !important; 
}

.readMore{display: block;width: 112px;height: 38px;background: url('/wp-content/themes/ywdV4/images/btnReadMore.png') no-repeat 0 0;}
.readMore:hover{background-position: 0 -38px;}
.readMore span{display: none;}

.buttonArea{
display:block;
float:left;
margin:0px 0px 0px 0px;
}

.fadeLine{
width:950px;
height:44px;
clear:both;
margin:0 auto;
padding:0;
background: url('/wp-content/themes/ywdV4/images/fadeLine.png') no-repeat center;
}

.bottomBlocks{
float:left;
width:410px;
margin:0 20px;
color:#555;
text-align:justify;
text-shadow:0px 1px 0px rgba(236,236,236,0.8); 
}
.bottomBlocks img{
padding-bottom:20px;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
        
.formTest{
background:#fff;
border:solid 10px #ddd;
padding:20px 80px 0px 80px;
-moz-border-radius: 35px;
border-radius: 35px;
-moz-box-shadow: 0 0 5px #ddd;
-webkit-box-shadow: 0 0 5px#ddd;
box-shadow: 0 0 5px #ddd;
margin-left:10px;}

.formTest .gfield_label{
color:#00A5F8;
}

.formTest .ginput_left input,
.formTest .ginput_container input{
border:solid 1px #ddd;
height:20px;
}
.formTest .gf_step_active{
color:#00A5F8;
font-weight:bold;
}