/*
-----------------------------------------------
Copyright (c) 2007 August Ash Inc. (http://www.augustash.com)

Screen Style Sheet
Version: $Id: screen.css 1 2008-04-28 15:13:01Z jjohnson $
-----------------------------------------------
*/
/* 	=======================================
	COLORS:
	
	Maroon Red:				#70193d
	Light Olive Green:		#ccc47c
	Midtone Olive Green:	#bbb159
	Dark Olive Green:		#9b913d
	Logo Yellow:			#f4dbaa
	======================================= */


/* 	=======================================
	SET NEW DEFAULTS
	======================================= */
* { margin:0; padding:0; }

body {
	background:#fff;
	text-align:center;
	color:#000;
	font:normal 13px/17px "Century Gothic", "Century Gothic Italic", Helvetica, Arial, sans-serif;
}


p, table {margin:1em 0;}
img {border:0;}
.access, hr {display:none;}
.clearer {clear:both; height:1%; line-height:1%; font-size:1%;}
.required, .error {font-weight:bold; color:#C30000;}
.float-left {float:left; display:inline; margin:1em 1.2em 1em 0;}
.float-right {float:right; display:inline; margin:1em 0 0em 1.2em;}

/* 	=======================================
	TYPE
	======================================= */
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
pre, code {white-space:pre;}
tt {display:block;}
pre, code, tt{font-family:'andale mono','lucida console',monospace; line-height:1.5;}

/* 	=======================================
	LISTS
	======================================= */
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
ul, ol {list-style-position:outside;}
ul ul, ol ol, ul ol, ol ul{list-style-type:square; list-style-position:outside;}
ol, ol ol, ul ol{list-style-type:decimal;}
dl {margin:1em 0;}
dl dt {font-weight:bold;}
dl dd {margin:0 0 0 1.5em;}


/* 	=======================================
	HEADINGS
	======================================= */
h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#70193d; font-weight:lighter; }
h1 {font-size:21px;}
h2 {font-size:19px;}
h3 {font-size:17px;}
h4 {font-size:15px;}
h5 {font-size:13px;}
h6 {font-size:11px;}

h2.blockColor { background:#70193d; color:#fff; padding:7px 0 10px 30px; position:relative; left:-30px; width:600px; }
h3.sectionHeader, h4.sectionHeader { border-bottom:2px solid #70193d; padding:0 0 5px 0; }

/* 	=======================================
	LINKS
	======================================= */
a:link, a:visited {color:#70193d; font-weight:bold; text-decoration:none;}
a:hover, a:active {text-decoration:underline;}


/* 	=======================================
	BASE LAYOUT
	======================================= */
div#wrap {position:relative; width:863px; margin:0 auto; text-align:left; padding:0;}
div#header {position:relative; float:left; width:863px; height:200px; background:url(../../../../img/tpl/bg_header.jpg) left top no-repeat; }
div#cwrap {float:left; width:863px; background:#fff url(../../../../img/tpl/bg_cwrap_repeat.png) center top repeat-y; padding:0 0 2em 0; min-height:720px; }
div#side {float:left; display:inline; width:220px; position:relative; }
div#main {float:right; display:inline; width:630px; position:relative; left:-8px; }
div#fwrap { clear:both; background:url(../../../../img/tpl/bg_fwrap_repeat.png) center top repeat-y; min-height:109px; position:relative; padding:0 0 2em 0; }
div#footer {
	padding:0; 
	text-align:center; 
	background:url(../../../../img/tpl/bg_footer.png) left top no-repeat; 
	position:relative;
	top:0;
	margin:0;
	height:109px;
}

/* 	==========================
	WordPress Layout Specific
	========================== */
/* Index View ------------ */
div#main { float:left; display:inline; width:400px; position:relative; top:30px; left:25px; margin:0 0 0 25px; }
div#main div.inner_content { min-height:450px; }
div#main div.inner_content h2.pagetitle { margin:0 0 1.5em 0; }
div#main div.inner_content div.post h2,div#main div.inner_content div.post h3 { font-weight:normal; line-height:26px; display:block; }
div#main div.inner_content div.navigation { width:100%; margin:0 auto; margin:0 0 1em 0; float:left; padding:0 0 15px 0; border-bottom:1px solid #ccc; }
div#main div.inner_content div.navigation div.alignleft { width:45%; float:left; min-height:30px;  }
div#main div.inner_content div.navigation div.alignright { width:45%; float:right; min-height:30px; }

div#sidebar {float:right; display:inline; width:160px; position:relative; right:30px; top:60px; }
div#sidebar ul { list-style:none; }
div#sidebar ul li h2 { font-size:14px; }
div#sidebar ul li a { font-weight:normal; }
div#sidebar ul li ul li { padding:0 0 0 2em; }

div#main div.inner_content div.post {padding:5px; margin-bottom:14px; border-bottom:1px solid #cccccc;}
div#main div.inner_content div.post h2 {margin-bottom:4px; font-size:16px;}


/* Show View ------------ */
div#main div.widecolumn { width:550px; }
div#main div.widecolumn h2.pagetitle { margin:0 0 1.5em 0; }
div#main div.widecolumn h3 { font-size:14px; font-weight:bold; }
div#main div.widecolumn ol.commentlist { margin:1.5em 0; }

div#main div.widecolumn div.post { margin:0 0 2.5em 0; border-bottom:1px solid #ccc; }
div#main div.widecolumn div.post h2 { font-weight:normal; line-height:26px; }

div#main div.widecolumn form#commentform p textarea#comment { width:97%; }

/* 	=======================================
	HEADER
	======================================= */
	
div#sideContact { float:left; width:185px; position:relative; top:105px; left:40px; color:#fff; font-weight:bold; font-size:100%; }
div#sideContact span.callout_yellow { color:#f4dbaa; font-size:150%; font-weight:bold; font-style:italic; }
div#header h1 a:link, div#header h1 a:visited {
	display:block;
	position:absolute;
	left:250px; 
	top:45px;
	width:250px;
	padding-top:100px;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	border:0;
	text-decoration:none;
	color:#fff;
	background:url(../../../../img/tpl/img_logo.jpg) left top no-repeat;
}

div#header h1 a:hover, div#header h1 a:active {border:0;text-decoration:none;}

div#header h3#tagline { 
	position:absolute; 
	left:250px;
	top:130px;  
	width:44%;
	font-size:20px; 
	color:#000; 
	border-top:3px solid; 
	padding:10px 0 0 0; 
	text-transform:uppercase; 
	font-weight:bold; }

/* 	=======================================
	SIDE
	======================================= */

/* 	================
	navigation
	================
div#side div#menuWrapper { background:url(../../../../img/tpl/bg_menuNav_repeat.png) right top repeat-y; width:225px; position:relative; right:0; top:-14px;  }
div#side div#menuWrapper ul#nav { width:215px; position:relative; right:-8px; top:0; list-style:none; }
div#side div#menuWrapper ul#nav li { border-bottom:1px solid #ccc; text-align:right; padding:10px 20px 10px 0; list-style:none; }
div#side div#menuWrapper ul#nav li a { 
	display:block; 
	padding:0 20px 0 10px;
	width:180px; 
	color:#3a3a3a; 
	background:url(../../../../img/tpl/img_redArrows_toggle.png) right -16px no-repeat; 
	font-size:16px;
	font-weight:normal;
}

div#side div#menuWrapper ul#nav li a:hover { color:#70193d; }

div#side div#menuWrapper ul#nav li ul {}
div#side div#menuWrapper ul#nav li ul li { border:none; padding:5px 0; width:180px; }
div#side div#menuWrapper ul#nav li ul li a { background:none; font-size:12px; font-weight:normal; width:180px; } */

div#menuWrapper {background:url(/img/tpl/bg_menuNav_repeat.png) repeat-y top right; width:225px; position:relative; z-index:5000;}
#nav {padding:0; margin:0; list-style:none; position:relative; float:right; width:220px;}
#nav li {position:relative; float:left; width:220px; text-align:right; background:url(/img/tpl/img_redArrows_toggle.png) right 14px no-repeat;}
#nav li a {width:195px; display:block; color:black; text-decoration:none; font-weight:normal; font-size:16px; border-bottom:1px solid #ccc; padding:10px 25px 10px 0;}
#nav li a:hover {text-decoration:underline; color:#70193d;}
#nav li ul {position:absolute; left:-999em; top:-1px; background:#fff; border:1px solid #ccc; border-bottom:0;}
#nav li ul li {background-image:none;}
#nav li ul li a {width:190px; padding:10px 15px 10px 15px; font-size:12px;}
#nav li ul li a:hover {background:#70183E; color:#fff; text-decoration:none;}
#nav li:hover ul, #nav li.sfhover ul {left:220px;}


/* 	================
	greenTab
	================ */

div.greenTab { width:217px; background:#bbb159; border-top:1px solid #9b913d; margin:20px 0; position:relative; right:-8px; }

div.greenTab div#iconOrder { float:left; margin:10px 25px 5px 20px; background:url(../../../../img/tpl/ico_order.png) left top no-repeat; width:30px; height:35px; }
div.greenTab div#iconDollar { float:left; margin:10px 25px 5px 20px; background:url(../../../../img/tpl/ico_dollar.png) left top no-repeat; width:20px; height:35px; }
div.greenTab div#iconGoGreen { float:left; margin:10px 25px 5px 20px; background:url(../../../../img/tpl/ico_goGreen.png) left top no-repeat; width:30px; height:35px; }

div.greenTab div.inner_content { width:65%; padding:0 0; margin:0 0 0 75px; position:relative; right:0; min-height:45px;  }
div.greenTab div.inner_content p.btnTitle { font-size:150%; font-weight:bold; color:#706a35; padding-bottom:0; margin-bottom:0;  }
div.greenTab div.inner_content p.btnSubTitle { font-size:90%; font-weight:normal; color:#706a35; position:relative; margin:0 0 5px 0; padding:0; }
div.greenTab a { display:block; background:#9b913d; color:#fff; text-align:right; padding:.25em 1em .25em 0; position:relative; bottom:0;  }

div.greenTab div.inner_content p.btnTitle span.goGreen { color:#B6D44E; }

/* 	=======================================
	MAIN
	======================================= */
div#main ul, div#main ol {
	margin:1em 0 0 0;
	padding:0 0 0 2em;
	list-style-type:disc;
	list-style-position:outside;
}
div#main ol {list-style-type:decimal;}

/* 	================
	inner content
	================ */
div#main div.inner_content p.intro { line-height:2em; }

/* 	================
	utility box
	================ */
div#main div.utility_box { width:100%; margin:0 0 15px 0; position:relative; bottom:0; border-top:1px solid;  }

/* 	========================
	utility box > indexNews
	======================== */
div#main div.utility_box div#indexNews { 
	width:45%;
	float:left; 
	border-right:1px solid #000; 
	font-size:14px;
	padding:0 2em 0 1em;
}
div#main div.utility_box div#indexNews h2 { position:relative; top:-18px; left:17px; }

div#main div.utility_box div#indexNews ul { padding:0 0 0 2em; width:260px; }
div#main div.utility_box div#indexNews ul li { 
	width:230px; 
	background:url(../../../../img/tpl/ico_news.png) left top no-repeat; 
	float:right; 
	padding:0 0 0em 4em; 
	margin:0 0 20px 0; 
}
div#main div.utility_box div#indexNews ul li a.readMore {
	display:block; 
	border-top:1px solid #ccc;
	background:url(../../../../img/tpl/bull_redArrow.png) 110px 5px no-repeat; 
	text-align:right;
	padding:0 2.3em 0 0;
	margin:10px 0 0 0;
	text-transform:lowercase;
	font-style:italic;	
	font-weight:bolder;		
	font-size:85%;
 }

/* 	============================
	utility box > indexServices
	============================ */
div#main div.utility_box div#indexServices { 
	width:44%;
    float:right; 
    font-size:14px;
    padding:0 .7em;
	background:url(../../../../img/tpl/img_chair.png) right bottom no-repeat; 
	min-height:270px;
}

div#main div.utility_box div#indexServices h2 { position:relative; top:-18px; left:0px; }

div#main div.utility_box div#indexServices ul { padding:0 0 0 2em; width:250px; }
div#main div.utility_box div#indexServices ul li {
	margin:0 0 7px 0; 
	list-style-type:disc;
	list-style-position:outside;
}

div#main div.utility_box div#indexServices ul li.last {
	margin:0 0 7px 0; 
	list-style-type:none;
	list-style-position:outside;
}
div#main div.utility_box div#indexServices ul li.last a.readMore {
	display:block; 
	background:url(../../../../img/tpl/bull_redArrow.png) left 5px no-repeat; 
	text-align:left;
	padding:0  0 0 1.5em;
	margin:10px 0 0 0;
	text-transform:lowercase;
	font-style:italic;	
	font-weight:bolder;
	font-size:85%;
	position:relative;
	left:-20px;
 }


/* 	=======================================
	FOOTER
	======================================= */
div#footer ul li {display:inline; border-right:1px solid #000;}
div#footer ul li a {padding:0 5px;}

div#footer_contentL { width:36%; position:relative; top:63px; left:240px; text-align:left; font-size:85%; }
div#footer_contentL p#copyright {margin:1em 0 0 0; color:#fff;}
div#footer_contentL p#copyright {margin:1em 0 0 0; color:#fff;}
div#footer_contentL p#credits {margin:.4em 0 0 0; color:#fff;}
div#footer_contentL p#credits a {color:#fff; text-decoration:underline; font-weight:normal;}
div#footer_contentL p#credits a:hover, p#credits a:active {text-decoration:none;}

div#footer_contentR { width:25%; position:absolute; top:50px; right:30px; text-align:right; font-size:85%; }
div#footer_contentR p { color:#fff; }

p.footerTxt_R { width:45%; color#:fff; display:block; }

/* 	=======================================
	BROWSER HACKS
	======================================= */

/* IE6 Hacks ----------------------*/
/* */
* html div#main { width:400px; position:relative; top:15px; left:25px; margin:0 0; }
* html div#main div.inner_content { height:450px; }
* html div#main div.widecolumn { width:500px; position:relative; top:30px; left:25px; height:450px; margin:0 0 50px;  }
* html div#main div.inner_content form#commentform p textarea#comment { width:500px; }
