/* === Stellimare Default Stylesheet ===================================== */
/*     Designed by Glen Moyes. http://glenmoyes.com                        */

/* --- Page Formating ---------------------------------------------------- */
/*     This sets the formating for the entire page.                        */

body {
	text-align: center; /* IE XHTML RENDERING INCONSISTENCY FIX. */
	background: #b9b9b9;
	margin: 15px 0px 15px 0px;
	
	font-family: sans-serif;
	color: #000000;
	font-size: 10pt;
	line-height: 1.4em;
}
/*for in content google ads*/
div#ad-incon1{
	position:relative;
	width:336px;
	height:280px;
	float:right;
	padding-left:5px;
}

div#container {
	text-align: left; /* IE XHTML RENDERING INCONSISTENCY FIX. */
	width: 770px;
	background: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #919191;
	margin: 0px auto 0px auto;
	padding: 0px;
/*	background-color:red;*/
	/*background-image: url(line.png);*/
	background-image: url(col-img175.png);
	background-repeat: repeat-y;
	background-position: 0px;
	/*on second thought... let's throw CSS out on this one*/
	/*part of the column-fill trick*/
	/*overflow:hidden; */

}
div#outer-header{
	margin:auto;
	padding-bottom:5px;
}
/*
div#header {
	position:relative;
	height: 101px;
	width: 635px;
	left: 165px;
	background-color: #aaaaaa;
	background-repeat: repeat-x;
	border-style: none;
	border-bottom: solid 1px #919191;
	
}*/

div#logo{
	width:160px;
	height:121px;
	background-image:url(/stylesheets/site-logo.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	border-style: none;
/*	border-bottom: solid 1px #919191;	*/
	/*background-color:blue;
	opacity:5;*/
	z-index:5;
	/*margin: -2px -2px -2px -2px;*/

}
#logo a, #logo a:hover {
	width: 160px;
	height: 118px;
	display: block;
}


div#sidebar {

/* add back if there's going to be a header*/
/*	top:-100px;*/
	position:relative;
	float:left;
	text-align: left; /* IE XHTML RENDERING INCONSISTENCY FIX. */
	/*margin-top: -101px;*/
	width:165px;
	margin-left:-165px;
	left:170px;
	padding: 5px 0px 5px 0px;
/*	background-color: #f000f0;
	opacity: .5;*/
	/*column fill trick*/
	/*padding-bottom: 20010px; margin-bottom: -20000px;*/

}

div#content {
	position:relative;
	text-align: left; /* IE XHTML RENDERING INCONSISTENCY FIX. */
	left:180px;
	width: 585px;
/*	background-color: green;
	opacity: .6;*/
	padding: 5px 5px 5px 0px;
	/*padding:15px;*/
}

div#fix {
	clear: both;
	height: 10px;
}

/* div#fix is used to make div#container */
/* long enough to hold both div#content  */
/* and div#sidebar, no matter of one is  */
/* longer than the other.                */

div#footer {
	clear: both;
}

/* --- Content ----------------------------------------------------------- */
/*     The largest image you can have in the content DIV is 520px wide.    */

/* These actually set text formatting    */
/* for the entire page, but they are put */
/* here for convenience.                 */

hr {
	border-style: none;
	border-top-style: dashed;
	border-color: #aaaaaa;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: right;
}

h1 {
	font-size: 18pt;
	line-height: 1.4em;
}

h2 {
	font-size: 14pt;
}

h3 {
	font-size: 10pt;
}

a {
	color: #3662A8;
}

a:hover {
	color: #000;
}

p a:hover {
	color: #000;
}

a img {
	border-style: none;
}

small a:hover {
	color: #000;
}

ul a:hover {
	color: #000;
}

ol a:hover {
	color: #000;
}
dl a:hover {
	color: #000;
}



a:visited {
	color: #3662A8;
}

pre {
	border-color: #ccc;
	border-style: solid;
	background-color: #f3f3f3;
	border-width: 1px;

	padding: 3px 3px 3px 3px;
	margin-left:5px;
	font-size: 8pt;
	line-height: 1.3em;
}

pre.eqn {
	border-color: #ccc;
	border-style: solid;
	background-color: #f3f3f3;
	border-width: 1px;
	padding: 7px 0px 7px 7px;
	font-weight: bold;
	font-size: 14pt;
	line-height: 1.3em;
	
}

/* For the PRE element, you shouldn't    */
/* have lines longer than 70 characters. */
/* Otherwise you run the risk of text    */
/* bleeding off the edge.                */

code {
	color: #067;
}
/*Small text-- see, Glen, you can stop compaining 
  about me using the depreicated <small> tag!*/

span.smallest {
	font-size: 7pt;
	line-height: 1.2em;
}

p.smallest {
	font-size: 7pt;
	line-height: 1.2em;
}
li.smallest{
	font-size: 7pt;
	line-height: 1.2em;
}
/* Services Formating */

div.services {
/*	clear: right;*/

	background-image: url(line.png);
	background-repeat: repeat-y;
	background-position: 370px;
}

div.services h2 {
	font-size: 12pt;
	width: 335px;
}

div.services h2 span {
	font-size: 10pt;
	font-weight: bold;
}

div.services p {
	margin-top: 0em;
	padding-right: 15px;
	width:355px;
	padding-bottom: 1em;
	margin-bottom: 0em;
}

div.services div {
	width: 210px;
	float: right;
	margin-left: 7px;
	padding-left: 10px;
	margin-bottom: 1em;
	font-size: 8pt;
}

div.services div ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

div.services div p {
	padding-right: 0px;
}

/* Products */

div.product-big div {
	float: right;
	text-align: center;
	width: 250px;
}

div.product-big ul, div.product-small ul, ul.bbox {
	list-style-image: url("ul.png");
	list-style-type: circle;
	padding-left: 15px;
}

div.product-big p.price, div.product-small p.price {
	font-size: 14pt;
}
span.price {
	font-size:14pt;
}

div.product-small img {
	float: left;
}

div.product-small p, div.product-small ul {
	margin-left: 160px;
}

div.product-small div {
	float: left;
	width: 150px;
}

div.product-small div p {
	margin-left: 0em;
	margin-top: 3px;
	margin-bottom: 3px;
}

/* --- Navigation -------------------------------------------------------- */
/*     The largest image you can have in the navigation DIV is 180px wide. */

div#sidebar p {
	font-size: 9pt;
	padding: 0px; /*for IE*/
	line-height: 1.3em;
}

div#sidebar ul {
	list-style-type: none;
	padding: 5px 0px;
	margin: 0px;

	border-bottom-style: dashed;
	border-bottom-color: #aaaaaa;
	border-bottom-width: 1px;
}

div#sidebar ul ul {
	border-bottom-style: none;
	margin-left: 10px;
	padding: 0px;
}

div#sidebar ul li {
	margin: 0px;
	padding: 0px;
}

div#sidebar ul a {
	text-decoration: none;
	font-weight: bold;
}

div#sidebar ul a:hover {
	color: #003;
	text-decoration: underline;
}


div#sidebar ul ul a {
	font-weight: normal;
}


div#sidebar h1 {
	font-size: 10pt;
	margin-top: 2em;
}

/* --- Footer ------------------------------------------------------------ */
/*     Can be used for copyright information and site links if needed.     */

div#footer p, div#footer a, div#footer a:visited {
	color: #585858;
}

div#footer a:hover {
	color: #000;
}

/* an unbulleted list */
ul.list {
	margin: 0px 0px 0px 20px;
	padding:0px;
	list-style-type: none;
}
ul.list ul {
	margin-left: 10px;
	
	list-style-type: none;
}
ul.list li{
	margin: 0px 0px 0px 0px;
	padding:0px;
	list-style-type: none;
}
ul.list ul li{
	margin-left: 10px;
	
	list-style-type: none;
}


p.error {
	font-size:12pt;
	font-weight:600;
	color: #402020;
}
p.error strong{
	font-weight:900;
	color: #a01010;
}