/* ----------------------------------------------------------
File: screen.css
Site: www.cyberware.co.uk/services/webdesign
Description: All site styles
Author: Grant Sykes
Version: 1.0
--------------------------------------------------------------

/* Imports -------------------------------------------------*/ 
@import url(resets.css);

/* body ----------------------------------------------------*/ 

body 
{
	background:#fff;
	text-align:left;
	font:62.5% Helvetica, Arial, Verdana, sans-serif;
	color:#222;
}

/* headings ------------------------------------------------*/ 

h1
{
	font-size:4.8em;
	line-height:140%;
	margin-bottom:24px;
	color:#333;
}

h2
{
	font-size:3.2em;
	line-height:140%;
	margin-bottom:16px;
	color:#333;
}

h3
{
	font-size:2.8em;
	line-height:140%;
	margin-bottom:22px;
	color:#0d527b;
}

h4
{
	font-size:2.2em;
	line-height:140%;
	margin-bottom:15px;
}

/* paragraphs ------------------*/ 

p
{
	font-size:1.3em;
	line-height:1.8em;
	margin-bottom:18px;
	color:#222;
}

p.date-posted
{
	font-size:1.0em;
	line-height:1.5em;
	font-style:italic;
	color:#555;
	position:relative;
	bottom:10px;
}

cite
{
	font-size:1.3em;
	line-height:1.8em;
	color:#222;
}

/* list items ------------------*/ 

li
{
	font-size:1.3em;
	line-height:140%;
	color:#222;
}

label
{
	font-size:1.3em;
	line-height:140%;
	color:#222;
}

/* links ------------------*/ 

a
{
	color:#0d527b;
	text-decoration:underline;
}

a:hover, a:focus
{
	background-color:#0d527b;
	color:#fff;
	text-decoration:none;
}

a.white
{
	color:#fff;
}

a.menu
{
	color:#555;
	text-shadow:#fff 0 1px 1px;
	text-decoration:none;
	background:none;
	padding-top:5px;
	padding-bottom:5px;
}

a.menu:hover, a.menu:focus
{
	color:#0d527b;
	text-decoration:underline;
	background:none;
}

a.menu-current
{
	color:#000;
	text-shadow:#fff 0 1px 1px;
	text-decoration:none;
	background:none;
	padding-top:5px;
	padding-bottom:5px;
}

a.contact-us
{
	background:url(../images/contact-us.png) no-repeat left top;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	width:200px;
	height:40px;
	margin-bottom:13px;
	-moz-border-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}

a.contact-us:hover
{
	background:url(../images/contact-us.png) no-repeat left bottom;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	width:200px;
	height:40px;
	margin-bottom:13px;
	-moz-border-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}

a.get-a-quote
{
	background:url(../images/get-a-quote.png) no-repeat left top;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	width:150px;
	height:30px;
	margin-bottom:13px;
	-moz-border-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}

a.get-a-quote:hover
{
	background:url(../images/get-a-quote.png) no-repeat left bottom;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	width:150px;
	height:30px;
	margin-bottom:13px;
	-moz-border-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}

a.back-to-top
{
	background:url(../images/back-to-top.png) no-repeat left top;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	width:150px;
	height:30px;
	margin-bottom:13px;
	-moz-border-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}

a.back-to-top:hover
{
	background:url(../images/back-to-top.png) no-repeat left bottom;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	width:150px;
	height:30px;
	margin-bottom:13px;
	-moz-border-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}


/* MAIN SECTIONS ----------------------------------------------------*/

#contact
{
	width:100%;
	background:#1a79bd url(../..images/footer-gradient.png) left top repeat-x;
	border-bottom:0px solid #efece6;
	height:30px;
	padding-bottom:15px;
}

#contact-content
{
	width:930px;
	margin:0 auto;
	padding:15px;
	height:30px;
}

#contact-content span
{
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
}

#nav
{
	width:100%;
	background:#cecece url(../images/nav-gradient.png) repeat-x;
	height:200px;
	border-top:1px solid #629dbc;
}

#nav-content
{
	width:930px;
	margin:0 auto;
	padding:15px;
	height:80px;
}

#logo
{
	float:left;
	margin-top:16px;
}

#nav-content ul
{
	float:right;
	margin-top:16px;
	background:url(../images/nav-menu-background.png) left center repeat-x;
	border:1px solid #ddd;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:16px;
	padding-right:16px;
	-moz-border-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}

#nav-content ul li
{
	display:inline;
	font-size:1.4em;
	padding:2px;
	padding-left:10px;
	padding-right:10px;
	background:url(../images/nav-divider.png) left center no-repeat;
}

#nav-content ul li.first
{
	background:none;
}

#banner
{
	width:100%;
	background:#0d527b url(../images/footer-gradient.png) repeat-x;
	padding-top:30px;
	border-bottom:0px solid #555;
	text-shadow: #444 0 1px 1px;
	color:#111;
	overflow:auto;
}

h1.main
{
	font-size:4.8em;
	line-height:100%;
	margin-bottom:16px;
	text-shadow: #444 0 1px 1px;
	color:#fff;
}

#banner-content
{
	width:930px;
	margin:0 auto;
	padding-left:15px;
	padding-right:15px;
}

#banner-content-left
{
	width:665px;
	float:left;
}

#banner-content-left p
{
	
}

#banner-content-right
{
	width:265px;
	float:right;
}

#banner-content-right a
{
	position:relative;
	top:12px;
	left:65px;
}

#banner-content-right img
{
	float:right;
}

#we-do
{
	width:100%;
	background:#fff;
	padding-top:0px;
	padding-bottom:30px;
	margin-top:15px;
}

#we-do-content
{
	width:960px;
	margin:0 auto;
	padding:15px;
	padding-top:0px;
	height:420px;
}

#promo
{
	height:130px;
	margin-bottom:15px;
	margin-right
}

#promo h2
{
	position:relative;
	top:85px;
	float:left;
}

#promo-free
{
	float:right;
	position:relative;
}

#promo-free img
{
	float:left;
}

#promo-free p
{
	float:right;
	width:185px;
	margin-left:15px;
	position:relative;
	top:42px;
}

#we-do-content h2
{
	margin-left:15px;
}

.we-do-content-section-first
{
	width:270px;
	padding:15px;
	margin-left:0px;
	float:left;
	height:360px;
	background:#f5f5f5 url(../..images/gradient-short.png) repeat-x;
	border:1px solid #dae3e6;
	-moz-border-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-box-shadow:#ddd 2px 2px 2px;
	-webkit-box-shadow:#ddd 2px 2px 2px;
}

.we-do-content-section-first img
{
	float:left;
}

.we-do-content-section-first h3
{
	float:left;
	margin-top:8px;
	margin-left:8px;
}

.we-do-content-section-first p
{
	clear:both;
	padding-top:8px;
}


.we-do-content-section
{
	width:270px;
	padding:15px;
	margin-left:25px;
	float:left;
	height:360px;
	background:#f5f5f5 url(../..images/gradient-short.png) repeat-x;
	border:1px solid #dae3e6;
	-moz-border-radius:8px;
	-moz-box-shadow:#ddd 2px 2px 2px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-box-shadow:#ddd 2px 2px 2px;
}

.we-do-content-section img
{
	float:left;
}

.we-do-content-section h3
{
	float:left;
	margin-top:8px;
	margin-left:8px;
}

.we-do-content-section p
{
	clear:both;
	padding-top:8px;
}

#our-work
{
	width:100%;
	background:#fff;
	overflow:auto;
	padding-top:30px;
	clear:both;
}

#our-work-content
{
	width:960px;
	margin:0 auto;
}

#our-work-content h2
{
	margin-left:15px;
}


.our-work-content-item
{
	clear:both;
	padding-top:15px;
	padding-bottom:15px;
	overflow:auto;
	width:958px;
	background:#f5f5f5 url(../..images/gradient-short.png) repeat-x;
	border:1px solid #dae3e6;
	-moz-border-radius:8px;
	-moz-box-shadow:#ddd 2px 2px 2px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-box-shadow:#ddd 2px 2px 2px;
	margin-bottom:32px;
}

.our-work-content-left
{
	width:220px;
	padding-left:15px;
	margin-right:60px;
	float:left;
}

.our-work-content-right
{
	width:615px;
	float:right;
}

.our-work-content-right img
{
	border:2px solid #eee;
	-moz-border-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}

#why-us
{
	width:100%;
	background:#fff;
	padding-top:30px;
	padding-bottom:80px;
	overflow:auto;
}

#why-us-content
{
	width:930px;
	margin:0 auto;
}

#why-us-content-left
{
	width:435px;
	float:left;
}

#why-us-content-left ul
{
	margin-top:30px;
}

#why-us-content-left ul li
{
	padding:10px;
	padding-left:42px;
	background:url(../images/tick.png) left center no-repeat;
}

#footer
{
	width:100%;
	background:#0d527b url(../images/footer-gradient.png) repeat-x;
	border-top:1px solid #555;
	padding-top:15px;
	padding-bottom:15px;
	color:#fff;
	overflow:auto;
}

#footer-content
{
	width:930px;
	margin:0 auto;
}

.footer-content-section
{
	width:310px;
	float:left;
}

.footer-content-section ul li, .footer-content-section a
{
	color:#fff;
}

#footer-content-copyright
{
	margin-top:32px;
	width:930px;
	float:left;
	clear:left;
}

#our-customers-say
{
	width:100%;
	background:#fff;
	overflow:auto;
	padding-top:30px;
}

#our-customers-say-content
{
	width:930px;
	margin:0 auto;
	overflow:auto;
}

.testimonial
{
	width:465px;
	overflow:auto;
	background:#fff;
	margin-bottom:30px;
	-moz-border-radius:32px;
	-webkit-border-top-left-radius:32px;
	-webkit-border-top-right-radius:32px;
	-webkit-border-bottom-left-radius:32px;
	-webkit-border-bottom-right-radius:32px;
}

.testimonial p
{
	margin-top:16px;
}

#contact-details
{
	width:100%;
	background:#f5f6f7;
	padding-top:30px;
	padding-bottom:30px;
}

#contact-details-content
{
	width:930px;
	margin:0 auto;
	padding:15px;
	overflow:auto;
}

.contact-details-content-row
{
	float:left;
	clear:both;
}

.contact-details-content-left
{
	width:450px;
	float:left;
	margin-bottom:32px;
}

.contact-details-content-right
{
	width:450px;
	float:right;
	margin-bottom:32px;
}

ul.contact
{
	float:left;
	width:325px;
	position:relative;
	bottom:16px;
}

ul.address
{
	float:left;
	width:125px;
}

ul.contact li
{
	padding:24px;
	padding-left:80px;
	background:url(../images/phone.png) no-repeat left center;
}


ul.contact li.mail
{
	padding:24px;
	padding-left:80px;
	background:url(../images/mail.png) no-repeat left center;
}

#send-message input
{
	margin-bottom:16px;
}


#send-message input[type="submit"]
{
	margin-top:15px;
}

span.orange
{
	color:#af6d12;
	font-size:1.4em;
}

#site-analysis
{
	width:100%;
	background:#fff;
	padding-top:30px;
	padding-bottom:30px;
	overflow:auto;
}

#site-analysis-content
{
	width:960px;
	margin:0 auto;
	padding:15px;
	overflow:auto;
}

#site-analysis-content h2
{
	margin-left:16px;
}

.site-analysis-content-section
{
	clear:both;
	overflow:auto;
	padding:15px;
	overflow:auto;
	width:600px;
	background:#f5f5f5 url(../..images/gradient-short.png) repeat-x;
	border:1px solid #dae3e6;
	-moz-border-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-box-shadow:#ddd 2px 2px 2px;
	-webkit-box-shadow:#ddd 2px 2px 2px;
	margin-bottom:32px;
}	

.site-analysis-content-left
{
	float:left;
	width:400px;
	height:180px;
}

.site-analysis-content-left ul li
{
	float:left;
	display:inline;
	margin-right:16px;
}

.site-analysis-content-right
{
	float:left;
	width:128px;
	height:180px;
	margin-left:70px;
}

.web-design-content-section
{
	clear:both;
	overflow:auto;
	padding:15px;
	overflow:auto;
	width:928px;
	background:#f5f5f5 url(../..images/gradient-short.png) repeat-x;
	border:1px solid #dae3e6;
	-moz-border-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-box-shadow:#ddd 2px 2px 2px;
	-webkit-box-shadow:#ddd 2px 2px 2px;
	margin-bottom:32px;
}	

.web-design-content-left
{
	float:left;
	width:419px;
	margin-right:60px;
}

.web-design-content-left ul li
{
	float:left;
	display:inline;
	margin-right:16px;
}

.web-design-content-left p
{
	margin-top:16px;
}


.web-design-content-left a
{
	margin-top:16px;
}

.web-design-content-left img
{
	border:1px solid #ccc;
}

.web-design-content-right
{
	float:left;
	width:419px;
}

.web-design-content-right li
{
	padding-top:8px;
	padding-bottom:8px;
	padding-left:42px;
	background:url(../images/tick.png) left 50px no-repeat;
}

.web-design-content-right li.first
{
	margin-top:-10px;
	padding-bottom:8px;
	padding-left:42px;
	background:url(../images/tick.png) left 50px no-repeat;
}

.web-design-content-right h4
{
	margin-bottom:4px;
	font-size:1.6em;
	color:#000;
}


.web-design-content-right p
{
	margin-bottom:4px;
	font-size:1.0em;
	color:#000;
}

.send-form
{
	overflow:hidden;
	text-indent:-9999em;
	background:url(../images/send-enquiry.png) no-repeat top left;
	width:150px;
	height:30px;
	border:none;
	cursor:pointer;
	-moz-border-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}

.send-form:hover
{
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/send-enquiry.png) no-repeat bottom left;
	width:150px;
	height:30px;
	border:none;
	cursor:pointer;
	-moz-border-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}

#portfolio
{
	width:100%;
	background:#fff;
	padding-top:30px;
	padding-bottom:30px;
	overflow:auto;
}

#portfolio-content
{
	width:960px;
	margin:0 auto;
	padding:15px;
}

#portfolio-content h2
{
	margin-left:15px;
}

#portfolio-items ul li
{
	display:inline;
	float:left;
	width:25%;
	height:240px;
}

#portfolio-items h3
{
	font-size:1.4em;
	margin-bottom:0px;
	margin-left:15px;
	margin-top:15px;
}

#portfolio-items ul li img
{
	margin-left:16px;
	margin-top:20px;
	border:1px solid #ccc;
	-moz-box-shadow:#ccc 4px 4px 4px;
	-webkit-box-shadow:#ccc 4px 4px 4px;
}

#portfolio-after
{
	width:930px;
	margin:0 auto;
	padding:15px;
	clear:left;
	margin-top:15px;
}

#google-map
{
	margin-top:30px;
	width:390px;
	height:360px;
	border:1px solid #aaa;
}

.wordpress-post
{
	overflow:auto;
	padding:15px;
	overflow:auto;
	width:610px;
	background:#f5f5f5 url(../..images/gradient-short.png) repeat-x;
	border:1px solid #dae3e6;
	-moz-border-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-box-shadow:#ddd 2px 2px 2px;
	-webkit-box-shadow:#ddd 2px 2px 2px;
	margin-bottom:40px;
}

.wordpress-post h4
{
	margin-top:40px;
}		

.lead-image
{
	border:1px solid #bfcbcf;
}