/* CSS Document */
/* Key styles for: The Shade Guys NQ*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Katrina Youngman, 15 Dec 2008 */


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

body { background-color: #32528D; font-family: Tahoma; font-size: 12px;  color: #666666;}

/* FONT STYLES */
h1 { font-size: 1.6em; color: #32528D; line-height: 1em; margin: 8px 0;}
h2 { font-size: 1.4em; color: #32528D; line-height: 1em; margin: 8px 0;}
h3 { font-size: 1.2em; color: #E9B42E; line-height: 1em; margin: 8px 0; font-weight: normal;}
h4 { font-size: 1em; color: #32528D; line-height: 1em; margin: 8px 0;}
p { color: #666666; line-height: 1.2em; margin-bottom: 15px; font-size: 1.1em; }
#right p { font-size: .9em; color: #FFF;  }
#right p{ padding: 0 10px 0 10px; width: 158px;}
#right h3 { padding: 5px 7px 0;}
.feature p{ color: #32528D;}
#testimonial { color: #999; font-size: .9em;}
#about { font-weight: bold; font-size: .9em;}
#contact p {font-size: .9em; color: #FFF;}

/* LINK STYLES */
a{ color: #32528D;}
a:link{ color: #32528D;}
a:visited { color: #32528D; }
a:hover { color: #E9B42E;}

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

a div.sideblock { text-decoration: none; border:none; }
div.sideblock p a:visited { color: #FFF; text-decoration: none; }
div.sideblock h3 a:visited { color: #E9B42E; text-decoration: none; }
#contact a:link { color: #E9B42E;  }



/* CONTAINER STYLES */
#wrapper {  margin-left: auto; margin-right: auto; width: 960px; margin-top: 10px; background-color: #FFFFFF;}
#main-content-wrapper {}
#banner { background: url(images/banner.jpg) no-repeat; height: 211px; width: 960px; }
#content { background-color: #FFFFFF; min-height: 530px; overflow: hidden; clear: both;  }
#content .col { position: relative; float: left; padding: 10px; }
#right {  width: 340px;   }
#main {  width: 540px; margin-left: 15px; margin-right: 15px;}
* html #main { margin-left: 5px; margin-bottom: 20px;}
#left { width:250px;}
#full-width {  width: 880px; margin: 0 25px; }
.fp-feature { width: 255px; float: left; position:relative; padding-right: 10px; margin-right: 5px; }
.sideblock { background: url(images/sideblock-gradient.jpg) repeat-x #605e5e; height: 121px; border-bottom: 1px solid #b3b1b1; margin-top: -8px;}
#contact { width: 213px; height: 68px; background-color: #32528D; float: right; margin-right: 50px; margin-top: 20px; padding: 0 10px 10px;}
#footer { padding: 10px; clear: both; background-color: #32528D; }



/* NAVIGATION STYLES */



/* IMAGE STYLES */
#front-slides { width: 528px; height: 270px;}
.side-img { float: right; }


/* MISC STYLES */
.clearfloats { clear: both }
hr {  border: 0; color: #E9b42E; background-color: #E9b42E; height: 2px; margin: 10px 0px;}
#websitedeveloper { font-size: .8em; text-align: left; color: #FFF; }
#websitedeveloper a{ color: #92d050; border-bottom: 1px dashed #92d050; text-decoration:none; }
#websitedeveloper a:hover{  color: #ccc;border-bottom: 1px dashed #ccc; }
.floatleft { float: left;} 
.floatright { float:right;}