/*  

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:Geneva, Arial, Helvetica, sans-serif;
color:#000;
background:#fff;
text-align:left;
margin:0;
padding:0;
}

#header {
background:#57676c url('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;
}

#headerSlideshow {
background:url('images/slideshowBg.png') no-repeat top left;
height:260px;
width:430px;
position:relative;
float:left;
margin:20px 0 30px;
}

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

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

#body {
background:#fff url('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;
}

.contentColumn1 {
float:left;
width:235px;
background:url('images/columnBgWeb.png') top center no-repeat;
min-height:350px;
margin:0 10px 20px;
padding:5px 20px 0;
}

.contentColumn2 {
float:left;
width:235px;
background:url('images/columnBgEmail.png') top center no-repeat;
min-height:350px;
margin:0 10px 20px;
padding:5px 20px 0;
}

.contentColumn3 {
float:left;
width:235px;
background:url('images/columnBgDesign.png') top center no-repeat;
min-height:350px;
margin:0 10px 20px;
padding:5px 20px 0;
}

#contentColumnOuter p {
font-size:14px;
color:#555;
}

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

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

#indexImageOuter {
background:#2badd9 url('images/pageBg_02.jpg') repeat-x top center;
height:325px;
color:#fff;
font-size:128.57%;
z-index:1;
}

#indexImagePortfolio {
background:#2badd9 url('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;
}

#homepage-cols {
overflow:hidden;
height:1%;
}

#homepage-cols .col {
width:21%;
float:left;
color:#00A5F8;
padding:0 3.8% 0 0;
}

#homepage-cols h2 {
border-bottom:0;
margin-bottom:0;
padding-bottom:0;
}

#homepage-cols .col p {
font-size:107.14%;
font-weight:700;
margin-bottom:1.2em;
}

#homepage-cols ul {
color:#000;
}

#homepage-cols a.more {
background:url('images/arrow.gif') no-repeat right center;
padding:0 30px 0 0;
}

#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(images/bg-trans.png) repeat;
margin:15px 0 10px;
padding:5px;
}

.topPost {
font-size:9pt;
margin:0;
padding:0;
}

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

.topPost h2.topTitle a:hover {
text-decoration:none;
color:#d3d724;
}

.topPost p.topMeta {
font-size:9pt;
color:#555;
margin:-10px 0 0;
padding:0;
}

.topPost p.topMeta a:hover {
color:#ccc;
}

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

.topPost div.topContent ul,.topPost div.topContent ol {
padding:0 0 0 30px;
}

.topPost div.topContent ul li,.topPost div.topContent ol li {
color:#2bafdb;
font-size:14px;
line-height:20px;
list-style-type:disc;
}

.topPost div.topContent ul li li{
list-style-type:circle;

}

.topPost span.topComments,.topPost span.topMore,.topPost span.topTags {
font-size:9pt;
font-style:italic;
background:url(images/bg-trans.png) repeat;
margin-right:5px;
line-height:27pt;
color:#eee;
border:1px solid #111;
padding:8px 10px;
}

.topPost span.linkpages {
font-size:9pt;
font-style:italic;
color:#eee;
margin-bottom:10px;
display:block;
}

.topPost span.linkpages a:hover {
color:#ddd;
}

.topPost span.topComments:hover,.topPost span.topMore:hover,.topPost span.topTags:hover {
background:#040404;
}

.topPost span.topComments a {
color:#eee;
background:url(images/comments.gif) left no-repeat;
padding-left:20px;
line-height:27pt;
vertical-align:middle;
}

.topPost span.topMore a {
color:#eee;
background:url(images/more.gif) left no-repeat;
padding-left:20px;
line-height:27pt;
vertical-align:middle;
}

.topPost span.topTags em {
background:url(images/tags.gif) left no-repeat;
padding-left:20px;
line-height:27pt;
vertical-align:middle;
color:#0a0a0a;
}

.topPost span.topTags a {
color:#eee;
line-height:27pt;
vertical-align:middle;
}

.topPost span.topComments a:hover,.topPost span.topMore a:hover,.topPost span.topTags a:hover {
color:#eee;
text-decoration:underline;
}

#nextprevious {
margin:10px 0 5px;
}

#nextprevious a {
color:#83adc8;
text-transform:lowercase;
text-decoration:underline;
}

#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('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;
}

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

.morefoot {
background:#38768f url(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(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(images/more.gif) left 2px no-repeat;
line-height:17px;
}

.footer {
background:#57676c url(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;
}

#tcform {
margin-top:10px;
}

#tcform label {
display:block;
float:left;
width:65px;
text-align:right;
padding-bottom:5px;
clear:left;
margin:0 10px 0 0;
}

#tcform input {
display:block;
float:left;
width:200px;
padding-bottom:0;
margin:0;
}

#tcform textarea {
width:200px;
float:left;
height:40px;
padding-bottom:5px;
}

#tcform #contactsubmit {
text-align:left;
width:85px;
float:right;
margin-top:-90px;
}

#tcform #tcf_sender,#tcform #tcf_email,#tcform #tcf_msg {
background:#fff url(images/inputBg.gif) bottom left repeat-x;
border:1px solid #999;
}

.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;
}

.topPost p.topMeta a,.topPost div.topContent a,.topPost div.topContent a:hover {
text-decoration:underline;
color:#888;
}
.portfolioContainer {
   clear: both;
   background:#fff;
   min-height: 135px;
   margin: 1em 0 1em 0;
   padding: 1em 0 1em 0;
}

* html body .portfolioContainer {height:135px;}

.portfolio {
	float: left;
}

.portfolio img {
	border: 0;
padding-left:10px;
padding-right:20px;
}
.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;
}

#addressMap{
float:left;
width:400px;
margin-left:5px;
margin-bottom:60px;
text-align:right
}

#contactForm{
float:left;
width:440px;
margin-right:100px;
}

/* Begin NAVIGATION */
#nav{
font-size:1.2em;
margin:7px 0px 0px 0px;
color:#eeeeee;
float:right;

}
#nav, #nav ul {
list-style: none;
line-height: 0;
z-index:1000;
}
#nav a, #nav a:hover {
display: block;
text-decoration: none;
border:none;
height:0px;
}

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

}
#nav a, #nav a:visited {
display:block;
font-weight:bold;
color: #eeeeee;
padding:14px 12px;
z-index:4000;
}
#nav a:active, .current_page_item a, #home .on {
color:#fff;
text-decoration:none;
background: #d3d724;
}
#nav li a:hover{
color:#fff;
text-decoration:none;
background: #d3d724;
}
#nav li ul a:hover{
color:#fff;
text-decoration:none;
background: none;
}
#nav li ul {
font-size:1.0em;
position: absolute;
left: -999em;
width: 165px;
padding:0px 30px 20px 0px;
margin:0px 0px 0px 0px;
background: #d3d724;
background-position: 0px 10px;
z-index:3000;
}

#nav li li {
line-height: 100%;
height: 100%;
width: 165px;
text-align:left;
padding-bottom:25px;
}
#nav li li a, #nav li li a:visited {
font-weight:bold;
font-size:1em;
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 */

form .fieldset {
	width:300px; }
form .fieldwrap label {
	text-align:right;
	width:70px;
	float:left;
	padding:0.2em;
	margin:0;
	margin-top:0.1em;
  color:#fff; }
form .fieldwrap .nobr {
	display:none; }  
form .fieldwrap #fm_name,
form .fieldwrap #fm_telephone,
form .fieldwrap #fm_email,
form .fieldwrap #fm_subject,
form .fieldwrap #fm_enquiry
 {
margin:3px;
	height:22px;
	width:200px;
	border:solid 0 #fff;
	background: transparent url("images/textfield_bg.gif") no-repeat 1px 3px; 
  
  }
	
form .fieldwrap #fm_verify{
margin:3px;
	height:20px;
	width:120px;
	border:solid 0 #fff;
	background: transparent url("images/textfield_bgSmall.gif") no-repeat 1px 3px; 
  }
	
form .fieldwrap #fm_message {
	margin:3px;
	height:165px;
	width:200px;
  border:solid 0 #fff;
	background: transparent url("images/textfield_bgBig.gif") no-repeat;  
  }

form .submit{
	width:168px;
}