/* CSS designed and created by Jared Tapscott at Utopia Design | Copywrite 2008 Utopia Design */


/* GLOBAL SETTINGS */

* {margin: 0px; padding: 0px;}

body {font-family: Helvetica, Georgia, Arial, sans-serif; font-size: 62%; }

#wrap {margin: auto; width: 1000px; font-size: 1.4em; color: #CCCCCC; line-height: 1.6em;}

#branding {background: url(../images/header.jpg) no-repeat top left; position: relative; height: 200px;}
#branding h1 {display:none;}

#content {background: #872c53 url(../images/nav_08.png) top left no-repeat; padding: 20px;}


h1, h2, h3, h4, h5, h6 {color: #FFFFFF;}

h1 {font-size: 1.4em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;}
h6 {font-size: 1.0em;}

ul {}
li {}
a {color: #551021; border: none;}
a:hover {color: #8d9f46;}
hr {clear:both;}
img {border: none;}


.clr {clear:both;}
.hide {display:none;}
.bold {font-weight:bold;}
.left_col {float:left; width: 69%; padding-left: 10px;}
.right_col {float:left; width: 28%; margin-left: 10px;}


/* NAVIGATION LAYOUTS */

#navigation {width: 90%; background: url(../images/nav_01.jpg) repeat-x; height: 85px;  margin: 0px; padding-left: 10%;}

	/* MAIN NAV */
	#navigation .nav_main {}
	#navigation a {margin: 0px; padding: 0px; }
	

#footer {background: url(../images/footer.png); height: 50px; font-size: 70%; text-transform: uppercase; font-weight:lighter;}
#cbl {float:right; height: 35px;}

	/* FOOTER NAV */
	#footer .nav_footer {float: left; margin-top: 10px;  margin-left: 10px;}
	#footer .nav_footer li {display: inline; padding-right: 0.75em; list-style:none;}
	#footer .nav_footer li a {text-decoration: none; color: #ffffff;}
	#footer .nav_footer li a:hover {}
	#footer .nav_footer .current {}


/* HOME PAGE DESIGN */

#homepage {margin: 0px; padding: 0px;}
#homepage img {margin: 10px;}
#homepage #intro {border-bottom: 1px solid #F36;}


/* SERVICES PAGE DESIGN */

#services {margin: 0px; padding: 0px;}
#services .left_col {float:left; width: 52%; padding-left: 10px;}
#services .right_col {float:left; width: 44%; margin-left: 10px; line-height: 33px; }
#services #tier1 {width: 95%; margin: 20px; font-size: 18px;}
#services #tier1 li {margin-bottom: 5px;}

#services dt  { float: left; width: 190px; }
#services dd { float: left; width: 190px; text-align: right; color: #F69; font-weight: bold; font-style: italic; }

/* PRODUCTS PAGE DESIGN */

#products {}
#products .left_col .left_col {float:left; width: 49%; padding-left: 10%; line-height: 1.8em; margin: 10px 0px;}
#products .left_col .right_col {float:left; width: 38%; margin-left: 10px; line-height: 1.8em; margin: 10px 0px; background:none; border:none; }
#products ul h2 { padding: 5px 0px 5px 0px; }
#products ul { text-align:left; }

#products .right_col { background: #F69; border: 1px solid #F36; }
#products .right_col ul { list-style:none; color: #fff; }
#products .right_col .left_col { float: left; width: 120px; }
#products .right_col .right_col { float:left; width: 120px; border:none; background:none;}

/* GALLERY PAGE DESIGN */

#gallery {padding: 10px 10px 40px 10px;}
#gallery #images {padding: 10px;}
#gallery #images img {padding: 15px; border: 2px solid #F36;}

/* ABOUT PAGE DESIGN */

#about {padding: 10px 10px 40px 10px;}

/* CONTACT PAGE DESIGN */

#contact .left_col {width: 39%; padding: 25px; }
#contact .right_col {padding-left: 20px; width: 50%;}
#contact .border {border-bottom: 1px solid #F36; margin-bottom: 20px;}
#contact .box {background:#603; margin-bottom: 20px;}


#contactFormArea {}
fieldset { border:0;margin:0;padding:0; }
label { display:block; }
input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }