/*
Theme Name: Summer 2009
Theme URI: http://www.mediasurgery.co.uk
Description: Custom designed by Media Surgery
Version: 1.0
Author: Media Surgery 
Author URI: http://www.mediasurgery.co.uk
Tags: Lightweight Flash, branding, Grid

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body 			{ font-family: sans-serif, Verdana, Arial; line-height: 1; }
ol, ul 			{ list-style: none; }
blockquote, q   { quotes: none; }
:focus 			{ outline: 0; }
ins 			{ text-decoration: none; }
del 			{ text-decoration: line-through; }
table 			{ border-collapse: collapse; border-spacing: 0; }


/*...................... Media Surgery ............................
COLOURS:
Dark Green : #5c6f3a
Light Blue : #029bd9
Dark Blue :  #005fae
*/

body				{ font-size: 75%; font-family: Tahoma, Arial, Helvetica, sans-serif; 
					  background:#fff url(images/bk-body.png) 50% 0 no-repeat ;}
#wrapper			{ width:960px; margin:0 auto; background:url(images/content-grad.jpg) 0 281px repeat-x;  }
#top-wrapper		{ position:relative; left: .5px; }
#top				{ background:#9B9B9B url(images/windfarm.jpg); height:210px; margin:20px 0 0 0; }
#logo				{ position:absolute; top:0; left:62px; }
#top-spiel			{ position:absolute; top:5px; left:318px; }
#main				{ background:url(images/bk-main.gif) 0 150px; margin:150px 0 0 0; border-top:1px solid #EFEFEF;}
#main:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

a:link				{ color:#005fae; }
a:hover				{ color:#029bd9; }
/*....... Nav .........*/
ul#nav				{ margin:0 0 0 ; width:960px; background:#fff url(images/nav-drop.gif) 0 200px no-repeat; }
ul#nav li			{ display:inline;  }

ul#nav li a			{ width:160px;  display:block;  height:73px; text-indent:-9999px; padding:0; border:none; !important }
ul#nav li a.selected{ background-position:-160px 0; cursor:default;}
ul#nav li a:hover	{ background-position:-160px 0;}
ul#nav #n-home		{ background-image:url(images/nav-home.gif);}
ul#nav #n-services	{ background-image:url(images/nav-services.gif);}
ul#nav #n-previous	{ background-image:url(images/nav-previous.gif);}
ul#nav #n-faq		{ background-image:url(images/nav-faq.gif);}
ul#nav #n-other		{ background-image:url(images/nav-other.gif);}
ul#nav #n-contact	{ background-image:url(images/nav-contact.gif);}

ul#nav li #n-services:hover	{ background-position:0;}
ul#nav li #n-other:hover	{ background-position:0;}

#nav, #nav ul		{ list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:1002;  }
#nav ul li a		{ display:block; padding:5px 0; border-bottom:1px solid #4F97D2; color:#333; text-decoration:none; 
				  	  background-color:#0067B3; text-align:center;}
ul#nav ul li a:hover,				  
#nav ul ul a:hover	{ background-color:#00182A; color:#0099FF; background-position: 0 0;}
#nav li				{ float:left; position:relative; }
#nav li ul 			{ position:absolute; display:none; width:160px; top:73px; }
#nav li ul a		{ width:160px; height:auto; float:left; text-indent:0; color:#fff;
					  background:#fff url(images/nav-drop.gif) 0 0; height:22px; }
#nav li ul a#nav-3rd{ background-position:-160px 0; }
#nav ul ul			{ top:auto; }	
#nav li ul ul 		{ left:160px; }
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul	{ display:none; }
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul	{ display:block; }

/*...................... Testimonials ..................................*/
#sidebar-page			{ float:left; width:240px; margin:-32px 0 90px 0; }
#sidebar-page h2		{ margin:3px 0 0 0; font-size:1.5em; color:#45C0EF; }
#testimonials			{ margin:0 0 0 0; }

#testimonials blockquote{ background:url(images/tests-back.gif) no-repeat ;margin:24px 0 0 0; color:#6da0c1; padding:35px 0 0 20px;
						  font: italic 1.3em/1.4em  Georgia, "Times New Roman", Times, serif;  height:135px; }
#testimonials .tests-span{ display:block; padding:13px 0 12px 0; margin-top:28px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; color:#667746;}
#next					{ clear:both; margin-top:285px; display:block; text-indent:-9999px; 
						  background-image:url(images/tests-next.gif); width:107px; height:34px; float:right; }

/*......................... SideBar blog..................................*/
.sidebar h3					{ font-size:1.2em; color:#54AAD6; }
#sidebar-blog				{ float:left; width:240px; margin:-32px 0 90px 0;  }
#sidebar-blog h2			{ margin:3px 0 44px 0; font-size:2em; color:#45C0EF; }
#sidebar-blog h3			{ margin:3px 0 20px 0; border-bottom:1px solid #999; height:15px; }
#sidebar-blog h3#h3-subject	{ padding-top:4px;  }
#sidebar-blog ul			{ padding:0; margin-bottom:20px;}
#sidebar-blog li			{ padding:3px 0 4px 0; border-bottom:1px solid #eee;}
#sidebar-blog a				{ color:#333; text-decoration:none; }

/*....................... Content ......................................*/
#content				{ width:560px; margin:-32px 0 25px 160px; padding: 0 0 60px 0; float:left;  }
#content:after 			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content #sphome		{ display:block; float:left; width:65px; height:30px; font-size:1.5em; margin-bottom:15px; color:#666;        				  border-bottom:1px solid #CCC; }
#content h1#fpage-h1	{ float:left; margin-bottom:15px; height:30px; width:475px; font-size:1.5em; color:#45C0EF; 
 						  border-bottom:1px solid #CCC;}
#content h1#page-h1,
#main360 h1#page-h1		{  margin-bottom:20px; height:30px; font-size:1.5em; color:#45C0EF;  border-bottom:1px solid #CCC;}
#content h2#topper		{ border-bottom:1px solid #bab7b7; margin-bottom:15px; padding:0 0 20px 0; color:#006600; font-size:1.3em;  						  line-height:1.7em;}
#content #post-1 h1		{ font-size:1.3em;}
#content #post-13 h1	{ font-size:1.9em;}
#content .entry			{ margin-top:5px; clear:both; }
#content h2				{ padding:5px 0 0 0; margin:15px 0 8px 0 ; font-size:1.3em; color:#45C0EF; }
#content p				{ color:#666; line-height:1.6em; font-size:1.1em; background-color:#fff; margin:0 0 0 -20px; padding:0 0 10px 20px; }
#content ul				{ padding:0 0 10px 0; }
#content dl dt			{ font-size: 1.3em; color: #448acf; margin: 25px 0 10px 0;}
#content dl dd			{ background-color: #fff; color: #666; line-height: 1.6em; }


p.edit-page				{ display:block; clear:both; }

/*.......................... Content Blog ..................................*/
#content .navigation	{ clear:both; padding-bottom:5px; }
#content .post			{ margin-bottom:20px; }
#content h1.blog-h1		{ margin-bottom:20px; height:30px; font-size:1.3em; color:#45C0EF; }
#content .postmetadata	{ margin-top:15px; }
#content li				{ padding:5px 0 5px 25px; background:#fff url(images/background-li.gif) 0 8px no-repeat; color:#666; line-height:1.5em;}
.entry pre,
code					{ display:block; background-color:#EEE; padding:20px; line-height:1.8em; font-size:1.2em; }
#content blockquote		{ margin:20px 0 5px 30px; border-left:3px solid #ccc; padding:5px 0 5px 20px; }

/*...................Portfolio ..........................*/
#main360				{ clear:both; padding:30px 0 0 0; }
#main360 h1				{ margin:30px 0; border-bottom:1px solid #ccc; }
#client-list			{ margin-bottom:60px; }

/*.................. Client List .........................*/
#client-list		{ padding:0 0 30px 0; }
#client-list:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#client-list li		{ display:block; float:left; width:202px; padding:3px 0 7px 0; margin:5px 50px 5px 0; border-bottom:1px solid #eee; color:#666;}

/*........................ Contact Section......................................*/
#contact-outer			{ background: url(images/bk-form-vert.gif) ; border-top:5px solid #0f71ac;}
#contact-main			{ background: url(images/bk-contact-main.gif); width:960px; margin:0 auto; position:relative; }
#contact-details		{ float:left; width:238px; color:#FFF; padding:20px 0 50px 2px; }
#contact-main:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#what-next				{ position:absolute; background-image:url(images/what-next.gif); width:198px; height:72px; top:-77px; left:218px; }
#contact-details .spleft{ display:block; float:left; width:78px; clear:both; font-size:0.9em; padding:10px 0 0 0; }
#contact-details span	{ display:block; float:right; }
#contact-details a		{ color:#ffffff; }
#contact-details p		{ display:block; width:160px; text-align:right; float:right; padding:7px 0 0 0; font-size:1.2em; line-height:1.4em; }
#ctn-email				{ padding:10px 0 0 0; clear:both; }
#ctn-address			{ padding:12px 0 0 0; clear:both; }

#contact-main form		{ float:left; width:560px; margin:0 0 25px 160px; padding:15px 0; } 
#contact-main form div	{ float:left; width:245px; }
#contact-main #d-email	{ margin:0 0 0 70px;}
	
#contact-main form label		{ display:block; color:#FFF; font-weight:bold; font-size:1.2em; padding:11px 0 3px 0; clear:both; }
#contact-main form input		{ background-image:url(images/form-input-dots.gif); width:240px; height:25px; padding:6px 0 0 3px; 				 								  border:0; margin:6px 0 8px 0;}
#contact-main form textarea		{ background-image:url(images/form-textarea-dots.gif); height:150px; padding:4px 0 0 4px; 
								  width:556px; border:0; margin-bottom:11px; overflow:hidden;}
#contact-main form textarea:focus{ background-image:url(images/form-textarea.gif); }
#contact-main #textarea-container { clear:both;  }
#contact-main form input:focus	{ background-image:url(images/form-input.gif); border:none; }
#contact-main form #textarea-container label	{ margin:2px 0 0 0; padding-bottom:7px; }
#contact-main #textarea-container textarea	{ margin:1px 0 8px 0; }
#contact-main #challenge						{ margin-top:0; }
#contact-main #challenge label				{ margin-top:3px; line-height:1.3em; }
#contact-main form #challenge input			{ margin-top:4px; }
#contact-main #submit-container	{ float:right; clear:both; height:50px; }
#contact-main form .submit-button,
#contact-main form .submit-button:active		{ color: transparent; text-transform: capitalize;width:154px; height:53px; background-image:url(images/send.gif); float:right; text-indent:-9999px; margin-top:37px;}

#contact-main form label.error	{ color:#FF0000; background:#fff url(images/val-error.gif) 0 0 no-repeat; margin:0 2px 16px 2px; padding:2px 0 2px 25px; }
#contact-main form label.success{ color:#009933; background:#fff url(images/val-success.gif) 0 0 no-repeat; width:100px; }

#content .formcontainer p.success{ font-size:2em; color:#259911; margin:30px 0 0 30px; }
#contact-main .formcontainer p.success			{ font-size:2em; color:#259911; background-color:#fff; margin:50px 100px 0 0; display:block; float:right; }

/*........................... Footer .....................................*/
#footer					{ clear:both; background:#fff url(images/bk-footer.gif) repeat-x;  }
#footer	div				{ width:960px; margin:0 auto; padding:10px 0 10px 0; }
#footer ul				{ float:right; width:500px; text-align: right;}
#footer li				{ padding:3px 0 3px 15px; display:inline; }
#footer li a			{ color:#5c6f3a; }
#footer li span			{ color:#CCC; }