/********************************************************************************
*                                                                               *
*  Author    :  Geoff Moore                                         	        *
*  Web       :  http://www.phase8.com		                                 	*
*  E-mail    :  studio ( at ) phase8 ( dot ) ( com )			        		*
*  Modified  :  1st-Nov-2007                                                    *
*                                                                               *
*  Copyright (c) 2007 Geoff Moore. All Rights Reserved.                         *
*  Use of this code is not permitted without permission!                        *
*                                                                               *
********************************************************************************/

/*
--------------------------------------------------------------------------------
LAYOUT STYLE SHEET - PUTS THE SITE TOGETHER
--------------------------------------------------------------------------------
*/

/* MAINLAYOUT
=============================================================================== */
body {background:#f2f2f2 url(../img/bg.gif) repeat-y center top;}
#wrapper {width:760px;margin:20px auto;height:1%;position:relative;}
#branding {position:relative;width:760px;height:116px;margin:46px 0 0;padding:0;background:#FFFFFF;border-top:1px solid #CCC;border-bottom:1px solid #CCC;}
#branding #logo { float: left; width: 500px; }
#branding #freephone { float: right; clear: both; width: 250px; position: absolute; top: 0px; right : 3px; }

#content-container {width:100%;margin:10px 0 0;padding:5px 0 0 0 0px;position:relative;}
.main-content {top:15px;width:425px;padding:0 10px 0 10px;margin:0 160px;min-height:500px;background: #EEE url(../img/main-content.png) repeat-x left top;border-left:1px solid #CCC;border-right:1px solid #CCC;border-top:1px solid #CCC;border-bottom:1px solid #CCC;}
.left-navigation {position:absolute;top:5px;left:0;width:145px;margin:0;height:1%;}
.extra {position:absolute;top:5px;right:0;width:140px;margin:0;}

.footer {width:760px;margin:10px auto;padding:10px 0 0;text-align:center;border-top:1px solid #ccc;}


/* SITE NAVIGATION STYLING
=============================================================================== */



/* -- TOP NAVIGATION -- */
.top-navigation {position:absolute;top:-40px;left:0;width:760px;background-color: #286EA0;margin:0 !important;padding:3px 0 3px 0;width:100%;text-align:right; height:20px;border-bottom:1px solid #333;border-top:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;}

.top-navigation dt {display:none;margin:0;padding:0;}
.top-navigation dd {float:left;padding-right:0px; padding-left:0px;margin:0 0 0 0;}
.top-navigation dd + dd { border-left: 1px #FFF solid; }
.top-navigation dt + dd { border-left: 0px; }
.top-navigation dd a,
.top-navigation dd a:visited,
.top-navigation dd a:link { color: #FFF; text-decoration: none; margin:0;padding:3px 10px 3px 10px;font-size:12px;}
.top-navigation dd a:hover,
.top-navigation dd a.current {color: #286EA0; text-decoration: none;background-color:#FFF;}
.skip-link {display:none;margin:0;border:0;padding:0;}


/* -- LEFT SIDE NAVIGATION -- */
#content-container .side-navigation {margin:0;padding:0;}
#content-container .side-navigation dt {display:none;margin:0px;}
#content-container .side-navigation dd {padding:0;margin:0 0 1px;}
#content-container .side-navigation dd a {border-left:3px solid #286EA0;border-right:3px solid #286EA0;background:#EEE;padding:0 0 0 5px;display:block;margin:0;padding:5px;color:#286EA0;font-size:1.2em;}
#content-container .side-navigation dd a:hover {border-left:3px solid #286EA0;border-right:3px solid #286EA0;color:#fff;background:#286EA0;}
#content-container .side-navigation dd a.current {border-left:3px solid #286EA0;border-right:3px solid #286EA0;background:#286EA0;color:#fff;}
#content-container .side-navigation dd a.brochure {border-left:none;background:#FFCC66;}

#content-container .side-navigation dl dd {margin:0px 0px 1px 0px;}
#content-container .side-navigation dl dd a {margin:0px 0px 0px 5px; background:#CCCCCC;padding:5px;border-left:5px solid #286EA0;border-right:2px solid #286EA0;margin-left:0px;}
#content-container .side-navigation dl dd dl dd {margin:0;}
#content-container .side-navigation dl{margin:0;}



/* -- FOOTER NAVIGATION -- */
.footer-navigation {}
.footer-navigation dt {display:none;}
.footer-navigation dd {float:left;margin:0 20px 10px;}
.footer-navigation dd a {display:block;}
.footer-navigation dd a:hover {}
.footer-navigation dd a.current {}

/* MAIN CONTENT STYLING
=============================================================================== */
.main-content img {margin:10px;float:right;padding:5px;background:#ccc;}
.main-content img.left   {border:10px solid #fff;float:left;padding:5px;background:#ccc;}
.main-content .controlset label, 
.controlset input { display: inline; float: none;width:auto;height:auto;margin-right:0px;vertical-align:center;font-size:10px;line-height:1.0em;padding:none;margin:none;border:none;}


/* ---------- These are the styles for the contact form ---------- */
Label {
font-size:11px;line-height:0.2em;font-weight:bold;color:#286EA0;
}

.extra  .inputValue {
	width:90%;
	margin-top:5px;
	border:1px solid #DDDDDD;
	background-color:#fff;
}
.select {
	width:90%;
	margin-top:5px;
	color:#f00;
	border:1px solid #DDDDDD;
}
.inputText {
	width:90%;
	height:50px;
	margin-top:5px;
	border:1px solid #DDDDDD;
	background-color:#fff;
	
}
.inputButton {width:99%;
}
.required {
	font-size:9px;
	color:#C00;
}

#contactform {background-color:#eee;padding:5px 3px 5px 3px;border:1px solid #ccc;line-height:1.4em;}