/*
| Created by:	Kate Syddall
| Date Created:	JUNE 2008
| Copyright 2008 CALIFORNIA INNOVATIONS
*/

body {
	margin: 0;
	background: url(/images_ci/ci_main_bg.gif) 0 0;
	background-repeat: repeat-x;
	background-color: #F28E20;
}

 #header_print {
    	display: none;
    	}
	
/* HEADER */
#header {
	width: 810px;
	_height: 1%;
	margin: 0 auto;
	background: url(/images_ci/topnav_bottom_line.gif) no-repeat 156px 87px;
	*margin: 0 auto 0 auto;
	_margin: 0 auto;
	background-color: #fff;
	padding: 0 5px 0 5px;
}

#header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#header div.left{margin:0; width:150px;*height: 104px;float:left; border-left: 2px solid #E2E2E2;}
#header div.left img{float:left; margin: 5px 0 0 10px;}


#header div.right{
	margin:0;
	width:650px;
	height: 89px;
	float:right;
	border-right: 2px solid #E2E2E2;
	}

#search {
	margin: 0;
	width: 640px;
	height: 30px;
	float: left;
}

#search form {
	margin: 5px 0 0 0;
	display: block;
	float: right;
	vertical-align: top;
	width: 240px;
	*width: 230px;
}

/*#search form {
	margin: 5px 5px 0 0;
	text-align: right; 
	vertical-align: top;
}*/

#search form input {
	font-size: 95%;
}

#search input.searchbox {
	display: block;
	float: left;
	margin: 0;
}

#search input.searchbtn {
	width: 60px;
	height: 15px;
	display: block;
	float: left;
	margin: 1px 0 0 6px;
	*margin: 1px 0 0 10px;
}

/* END HEADER */

#wrapper {
	margin: -13px auto 0 auto;
	*margin: -14px auto 0 auto;
	_margin: -13px auto 0 auto;
	padding: 0 5px 0 5px;
	width: 810px;
	/* background: url(/images_ci/ci_wrapper_bg.gif) repeat-y 0 0; */
	background-color: #fff !important;
}

#wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

*html #wrapper {
	_margin: -15px auto 0 auto;
	}

#home #wrapper {
	/* background: url(/images_ci/ci_wrapper_bg.gif) repeat-y 0 0; */
	background-color: #fff;
	}

#products #wrapper {
	/* background: url(/images/products/wrapper_bg_products.gif) repeat-y 0 0; */
	}
	
#products_single #wrapper {
	/* background: url(/images_ci/ci_wrapper_bg.gif) repeat-y 0 0; */
	background-color: #fff;
	}

/* LEFT COLUMN NAVIGATION AND CONTENT */
#leftwrapper {
	float: left;
	width: 156px;
	background-color: #fff !important;
	background:  url(/images_ci/left_nav_bg.gif) repeat-y 0 0;
	*height: 1%;
}

#leftcolum {
	float: left;
	width: 152px;
	background-color: #fff;
	background:  url(/images_ci/left_nav_bg.gif) repeat-y 0 0;
}

#leftnavtop {
	width: 152px;
	/* height: 30px; */
	/* background-image: url(/images/sidenav-bg-top.gif); */
}

#leftnavcontent {
	width: 152px;
	/* background-image: url(/images/sidenav-bg-ctr.gif);
	background-repeat: repeat-y; */
}

#leftnavbottom {
	width: 152px;
	/* background-image: url(/images/sidenav-bg-btm.gif); */
}

#whatareyoucontent {
	width: 152px;
	margin:0 0 0 0;
	background: url(/images_ci/our_latest_news_bg.gif) repeat-x 0 65px;
}

#whatareyoucontent:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

*html #whatareyoucontent{
	margin: 0 0 0 0;
}

#whatru-title h1 {
	width: 152px;
	height: 65px;
    position: relative;
    text-indent: -99999em;
}

#whatru-title h1 a:hover {
	cursor: hand;
}

#whatru-title h1 a span {
	background-image: url(/images_ci/our_latest_news.gif);
	width: 152px;
	height: 67px;  
    position: absolute; 
    top: 0;
    left: 0;
}

#whatru-title h1 a:hover span {
	cursor: hand;
}


#flashrss {
	margin: 0 0 0 0;
	}

#rss {
	width: 132px;
	height: 90px;
	margin: -1px 0 0 10px;
	padding: 10px 5px 0 10px;
}

#rss p {
	margin: 3px 5px 5px 0;
}

h2.rsstitle a, h2.rsstitle a:link, h2.rsstitle a:visited {
	text-decoration: none;
	font-weight: bold;
	font-size: 86%;
	color: #86A11D;
	text-align: left;
	margin-left: 0 !important;	
}

* html h2.rsstitle a, h2.rsstitle a:link, h2.rsstitle a:visited {
	font-size: 90%;	
}

h2.rsstitle a:hover, h2.rsstitle a:active {
	color: #FFF;
}

p.rsscopylink a, p.rsscopylink a:link, p.rsscopylink a:visited {
	text-decoration: none;
	font-size: 86%;
	color: #333;
	text-align: left;
}

*html p.rsscopylink a, p.rsscopylink a:link, p.rsscopylink a:visited {
	font-size: 85%;
}

p.rsscopylink a:hover, p.rsscopylink a:active {
	color: #FFF;
}

#whatare_bottom {
	clear: both;
	background: url(/images_ci/our_latest_news_bottom.gif) no-repeat bottom left;
	_background: url(/images_ci/our_latest_news_bottom.gif) no-repeat top left;
	background-color: #fff;
	height: 9px;
	_height: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	_padding: 0 0 10px 0;
	}
	
#norss_bottom {
	clear: both;
	background-color: #fff;
	background: url(/images_ci/norss_bottom.gif) no-repeat 0 0;
	height: 9px;
	/*_height: 1%*/;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	_padding: 0 0 0 0;
	}

/* END LEFT COLUMN NAVIGATION AND CONTENT */

/* CENTER CONTENT */

#rightwrapper {
	float: right;
	width: 644px;
	display: inline;
}

*html #rightwrapper {
	float:right;
	width: 644px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}


#topcurve {
    	display: none;
    	}

#pagecontent {
	margin: 0;
	padding: 0 0 10px 0;
	*padding: 0 0 0 0;
	float: left;
	width: 644px;
	background-color: #fff;
}

*html #pagecontent {
	float:right;
	width: 644px;
	}

/* END CENTER CONTENT */

/* FOOTER CONTENT */
#footerwrapper {
	width: 810px;
	margin: -14px auto 0 auto;
	padding: 0 5px 0 5px;
	background-color: #fff;
}

*html #footerwrapper {
	width: 810px;
	padding: 5px 5px 0 5px;
}

#footershape {
	width: 810px;
	height: 46px;
	background-color: #fff;
	background-image: url(/images_ci/footer-shape.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#footercontent{
	width: 810px;
	background-color: #D9D9D9;
}

/*#footersignup {
	width: 770px;
	margin: 0 auto 10px auto;
	*margin: 0 auto 0 auto;	
}

#footersignup #signupcopy {
	width: 550px;
	float: left;
	height: 1%;
	margin: 0 0 0 0;
}

#footersignup #signupcopy p {
	font-size: 90%;
}

#footersignup #signupcopy p span.white {
	color: #e48110;
} 

#footersignup #signupbox {
	width: 220px;
	float: right;
	height: 1%;
	margin: 0 0 0 0;
}

#footersignup #signupbox input.newsletterfield {
	float: right;
	margin: 0;
	background-color: #F2F2F2;
	color: #9B9B9B;
}

#footersignup #signupbox input.promosignupbtn {
	width: 60px;
	height: 15px;
	float: right;
	margin: 1px 0 0 6px;
}

#footersignup #signupcopy p {
	float: left;
	color: #9B9B9B;
	font-size: 90%;
}

#footersignup #signupcopy p span.white {
	color: #e48110;
} 

#footersignup #signupbox form {
	margin: 0;
	display: block;
	float: left;
	vertical-align: top;
}

#footersignup #signupbox input.newsletterfield {
	display: block;
	float: left;
	margin: 0 0 0 4px;
	background-color: #F2F2F2;
	color: #9B9B9B;
}

#footersignup #signupbox input.promosignupbtn {
	width: 60px;
	height: 15px;
	display: block;
	float: left;
	margin: 1px 0 0 6px;
}

#signupborder {
	width: 790px;
	height: 1px;
	margin: 0 auto 0 auto;
	border-bottom: 1px solid #9B9B9B; 
}

#footermaininfo {
	width: 780px;
	margin: 10px auto 0 auto;
	background-color: green;
}*/

#footersignup {
	width: 810px;
	padding: 14px 0; 
}

#footersignup #signupcopy {
	margin-left: 30px;
	*margin-left: 25px;
	display: block;
	float: left;
}

*html #footersignup #signupcopy {
	margin-left: 12px;
}

#footersignup #signupcopy p {
	color: #9B9B9B;
	font-size: 90%;
}

#footersignup #signupcopy p span.white {
	color: #e48110;
} 										

#footersignup #signupbox form {
	margin: 0;
	display: block;
	float: left;
	vertical-align: top;
}

#footersignup input.newsletterfield {
	display: block;
	float: left;
	margin: 0 0 0 4px;
	background-color: #F2F2F2;
	color: #9B9B9B;
}

#footersignup input.promosignupbtn {
	width: 60px;
	height: 15px;
	display: block;
	float: left;
	margin: 1px 0 0 6px;
}

#signupborder {
	width: 790px;
	height: 4px;
	margin: 4px 0 0 10px;
	border-bottom: 1px solid #9B9B9B; 
}


#footernavcontent {
	float: left;
	width: 130px;
	height: 74px;
}

#footerlogos {
	float: left;
	width: 477px;
	height: 74px;
}

#footercontactinfo {
	float: right;
	width: 203px;
	height: 74px;
	margin-top: 8px;
}

#footercontactinfo p.contactinfo,
#footercontactinfo p.copyright {
	color: #9B9B9B;
	font-size: 90%;
	text-align: right;
	padding: 10px 10px 0 0;	
}

#footercontactinfo p.contactinfo a, #footercontactinfo p.contactinfo a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #9B9B9B;
}

#footercontactinfo p.contactinfo a:hover {
	text-decoration: underline;
}

#footercontactinfo p.copyright {
	font-size: 86%;
}

.logos {
	padding: 10px 0 0 0;
}

#Map2 {
	display: inline;
	}
/* END FOOTER CONTENT */