@charset "UTF-8";
/* CSS Document */

<!--

/**** MAIN ELEMENTS ****/
body {background-color:#FFFFFF; text-align:center; font-family:"Arial", sans-serif; color:#666; }
h1 {font-size:16px; font-weight:bold; color:#FFF;}
h1 img {padding-right:10px;}
h2 {font-size:22px; font-weight:bolder; color:#333; letter-spacing:1px;}
p {font-size:13px; color:#666; }
hr {color:#F00; font-weight:900; font-size:30px; border:1px solid #64962d; }
img {border:none;}

/**** LINKS ****/
a:link {text-decoration: none; color: #77a935; }
a:visited {text-decoration: none; color: #77a935;}
a:hover {text-decoration: none; color: #333; }
a:active {text-decoration: none; color: #77a935;}


/**** ADDITIONAL FONT STYLES ****/
.bold {font-size:14px; font-weight:normal;}
.bigBold {font-size:18px; font-weight:normal;}
.bigBlue {font-size:18px; color:#568422;}
.bigBlueItalic {font-size:22px; color:#568422; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; line-height:10px; vertical-align:middle; padding:3px;}

/**** MAIN LAYOUT ELEMENTS ****/

#container {position:relative; margin-left: auto; margin-right: auto; width:900px; text-align:left;}
#topContainer {position:relative; top:0px; width:900px; height:360px;}
#links {position:absolute; top:0px; left:400px; width:500px; height:20px; font-size:14px; text-align:right; padding-right:3px; }
#logo {position:absolute; left:20px; top:30px; width:200px; height:80px;}
#blueBox {position:absolute; left:0px; top:140px; width:900px; height:300px;}
#builder {position:absolute; left:650px; top:-6px; width:350px; height:360px; z-index:100;}
#builder img {width:220px;}
#blueBoxText {position:absolute; top:8px; left:50px; height:240px; width:600px;}
#content {position:relative; top:0px; width:900px; height:auto;}
#bottomContainer {position:relative; top:20px; left:23px; padding-bottom:25px; width:854px; height:auto; float:left; }
#bottomContainer img {float:right; margin-top:-12px;}


/**** 3 COLUMN LAYOUT ****/
#col1 {position:relative; top:10px; left:20px; width:248px; height:370px; float:left; -moz-border-radius:25px; -webkit-border-radius:25px; border:#666 thin solid; margin-top:10px; padding-left:8px; padding-right:8px;}
#col1:hover {border:#568422 1px solid; background-color:#e6f4d3; }
#col2 {position:relative; top:10px; left:50px; width:248px; height:370px; float:left; -moz-border-radius:25px; -webkit-border-radius:25px; border:#666 thin solid; margin-top:10px; padding-left:8px; padding-right:8px;}
#col2:hover {border:#568422 1px solid; background-color:#e6f4d3;}
#col3 {position:relative; top:10px; left:80px; width:248px; height:370px; float:left; -moz-border-radius:25px; -webkit-border-radius:25px; border:#666 thin solid; margin-top:10px; padding-left:8px; padding-right:8px;}
#col3:hover {border:#568422 1px solid; background-color:#e6f4d3; }

/**** 1 COLUMN LAYOUT ****/
#col4 {position:relative; top:10px; left:23px; width:854px; height:auto; float:left; text-align:justify;}
#col4 img {float:left;}

/**** CONTACT PAGE 1 COLUMN LAYOUT ****/
#colContact {position:relative; top:10px; left:23px; width:854px; height:600px; float:left; text-align:justify;}
#colContact img {float:left;}

/**** FLOATED COLUMNS ****/
#col5 {position:relative; top:0px; left:0px; width:270px; float:right;}
#col5 img {vertical-align:middle; padding-right:3px;}

/**** IMG ELEMENTS ****/
#toolhouse {width:260px; margin-left:30px; margin-top:-10px; float:left; }
#pen {width:330px; margin-left:30px; margin-top:-10px;}
#woman {width:240px; margin-top:-30px; margin-bottom:-25px;}

#img180 {width:180px; padding-left:40px;}
#img160 {width:160px; padding-left:40px;}


/**** FORM ELEMENTS ****/

#enquiryBox {position:absolute; top:68px; left:360px; width:500px; height:450px;  -moz-border-radius:10px; -webkit-border-radius:10px; float:right;}
input, textarea {border:thin solid #666; -moz-border-radius:6px; -webkit-border-radius: 6px; font-size:11px;  padding:2px; }
select {font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666; background-color:#fff; -moz-border-radius:3px; -webkit-border-radius: 3px; padding:2px; }

input[type=image] {border:none;}
option {color:#36f; background-color:#fff; outline:none;}

input.error {display: inline; color: red; background-color:#FFBFAC;}
textarea.error {display: inline; color: red; background-color:#FFBFAC;}

.focusField{background:#EEE; border: solid 1px #DFDFDF; color:#666; outline:none; }  
.idleField{background:#FFF; color: #999; }

#quickmessage {height:200px; width:475px; margin-bottom:5px; padding:5px; }
#quickname {height:15px; width:150px; margin-bottom:3px; }
#quickemail {height:15px; width:200px; margin-bottom:3px; margin-left:11px; } 
#quickurl {visibility:hidden;}

#status{ width:50%; padding:10px; height:32px; outline:none; }
#submit {background-color:#09C; color:#FFF; font-size:16px; border:none; padding-right:8px; padding-left:8px; margin-right:10px;  -moz-border-radius:10px; -webkit-border-radius:10px; float:right; cursor:pointer;}
#results {position:absolute; top:60px; left:360px; width:500px; height:250px; text-align:center; vertical-align:middle; -moz-border-radius:10px; -webkit-border-radius:10px; float:right; visibility:hidden;}


/**** OPTIONAL JQUERY SLIDESHOW ****/
.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }

-->
</style>