/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Summer Development Ltd
Author : Darren Lynch / darren.lynch@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet Summer Development Ltd site

Created : 28/11/06
Modified : 28/11/06

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:70%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff url(../../images/layup/bodyBg.gif) repeat-x; color:#000000; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
html>body { font-size:11px; }
td, textarea, input, select { font:100% verdana, arial, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */


/* ----- IDS ----- */
#container { width:760px; margin:0 auto; text-align:left; background:#FFFFFF; }   
#header { padding:0px 0 6px 0px; margin-left:10px; background:url(../../images/layup/headerBg.gif) top left no-repeat;}
#mainImage {padding:0px 0px 0px 10px;}
#services {padding:6px 0px 0px 8px;}
#jumpPoints {float:right; width:380px; margin-top:5px; padding-left:10px; }
#content { width:734px; padding:17px 8px 15px 17px; }
#footer {background:url(../../images/layup/footer.gif) top repeat-x; width:730px; color:#b9b9b9; padding:8px 0px 4px 8px; margin:0 10px; }
#footer a {color:#b9b9b9; font-weight:bold;}
#internalCol1 {float:left; width:146px; padding:7px 0 0 10px;}
#internalCol2 {float:left; width:570px; padding:18px 0 0 20px; margin-bottom:10px;}
#freeQuote { float:left;}
#customersSay { float:left;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.relative { position:relative; }
.serviceBox {float:left; padding-right:1px;}
.imageBox {float:left; padding-right:1px; margin-bottom:10px; width:148px; height:115px; background:url(../../images/layup/imageSurround.gif) top left no-repeat;}
.internalImageRight {float:right; padding:5px 0 2px 10px;}
.faqs a {color:#515151;}
.faqs ul {margin:0; padding:5px 0 0 0;}
.faqs ul li {list-style:none; padding:2px 0px;}
.faqs ul li ul {padding:3px 10px 10px 10px;}
.faqs ul li ul li {list-style:none;}
.news {clear:both; padding-bottom:10px; }
.newsDescription {float:left; width:450px; padding:0 0 0 12px;}
.newsDescription p {padding:2px 0 0 0;}
.galleryImage {float:left; width:180px; padding:10px 0;}
.galleryImage img {border: 1px solid #CCCCCC;}
.noBorder {border:none; padding:0; margin:0; width:15px;}
.radioCheckLabelFix {position:relative; top:-2px; left:5px; padding-right:20px;}
.oneLineText { width:120px; margin:0 auto; padding-top:5px;}
.oneLineImage { width:88px; margin:0 auto; padding-top:10px;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { position:absolute; top:0px; left:-10000px; }
h2 { position:absolute; top:0px; left:-10000px; }
h3 { font-size:100%; font-weight:bold; padding-bottom:5px; }
h4 { font-size:100%; color:#062cb3; font-weight:bold; padding-top:15px;}
h5 { font-size:100%; color:#062cb3; font-weight:bold;}
h5 a {color:#1587b2;}
h6 {}

/* ----- NAVIGATION ----- */
#topNav {background:url(../../images/layup/topNav.gif) no-repeat; padding-top:7px; height:30px; width:741px; margin-left:10px; text-transform:uppercase;}
#topNav a {color:#FFFFFF;}
#topNav a:hover, #topNav .active a {text-decoration:none; color:#01a0e4;}
#topNav ul {margin:0; padding:0;}
#topNav ul li {display:inline; list-style:none; margin:0px; padding:0px 33px; background:url(../../images/layup/topNavDivider.gif) center right no-repeat;}
#topNav ul li a {padding:10px 0 10px 0;}
#topNav ul li span {padding:26px;}
#topNav ul li a:hover , #topNav .active a {background:url(../../images/layup/topNavRight.gif) center right no-repeat; padding:10px 0 10px 0; }
#topNav ul li a:hover span, #topNav .active span {background:url(../../images/layup/topNavLeft.gif) center left no-repeat; padding:26px;}
#topNavLast {background:none !important;}

#leftNavTop {}
#leftNavBottom {margin-bottom:10px;}
#leftNavMiddle {background:#00add2; width:134px; height:320px; }
#leftNavMiddle ul {margin:0; padding:0px 10px; }
#leftNavMiddle ul li {list-style:none; padding:5px 0px; background:url(../../images/layup/leftNavDivider.gif) bottom left repeat-x;}
#leftNavMiddle a {color:#FFFFFF; font-weight:bold;}
#leftNavMiddle a:hover, #leftNavMiddle .active a {color:#333333; text-decoration:none;}


/* ----- SITE MAP ----- */
#sitemap {padding-left:18px;}
#sitemap ul { margin:0; padding:0px;}
#sitemap ul li{ list-style:circle; padding:1px;}
#sitemap ul li ul li {margin-left:25px;}


/* ----- BREADCRUMBS ----- */


/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:12px 0 0 0; margin:0; line-height:15px;}

/* ----- LINKS ----- */
a { color:#515151; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
label { display:block; float:left; width:180px; }
.required {color:#01a0e4;}
input {width:200px;}
textarea {width:200px;}
select {width:204px;}
#submit {width:50px; height:17px;}
.contactAddress {text-align:right; padding:0px 5px 0 0; }
.contactAddress p {padding:0px;}
.franchiseAddress {text-align:left; padding:15px 5px 0 0; }
.franchiseAddress p {padding:0px;}

/* ----- TABLES ----- */
table{ border-collapse:collapse; }

/* ----------- Lightbox Gallery -------------*/

#lightbox{position: absolute;top: 40px;left: 0;	width: 100%;z-index: 100;text-align: center;line-height: 0;	}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;	width: 250px;height: 250px;	margin: 0 auto;	}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;	text-align: center;	line-height: 0;	}
#hoverNav{	position: absolute;	top: 0;	left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;	height: 100%;	background: transparent url(../../images/layup/blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;	}
#prevLink {background: url(../../images/layup/prevlabel.gif) left 15% no-repeat; left: 0; float: left;}
#nextLink {background: url(../../images/layup/nextlabel.gif) right 15% no-repeat; right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/layup/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/layup/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	}
#imageData{	padding:0 10px;	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{	position: absolute;	top: 0;	left: 0;z-index: 90;width: 100%;height: 500px;	background-color: #000;	filter:alpha(opacity=60);-moz-opacity: 0.6;	opacity: 0.6;}
.clearfix:after {content: "."; 	display: block; height: 0; 	clear: both; visibility: hidden;}
* html>body .clearfix {	display: inline-block; 	width: 100%;}
* html .clearfix {	/* Hides from IE-mac \*/	height: 1%;	/* End hide from IE-mac */	}