/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
acronym { cursor: help; }

/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1.2em; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

.hide { display: none; }
.clear { clear: both; height:1px; line-height:1px; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
#page .cols .last { margin-right: 0; }

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

/*-------
// Globals
//-----*/
body{font-family:Arial, Helvetica, sans-serif;}



/*-------
// Common styles
//-----*/
div#content h1{font-size:190%; color:#263244; margin:10px 0px 35px 0px;}
div#content h2{font-size:160%; color:#263244; margin:10px 0px 25px 0px;}
div#content h3{font-size:130%; color:#263244; margin:10px 0px 15px 0px;}
div#content p{color:#263244; font-size:130%; margin-bottom:10px; line-height:1.2em;}
div#content ul, div#content ol{margin:20px 0px 20px 20px;}
div#content ul li{list-style:disc outside; margin-bottom:5px;}
div#content ol li{list-style:decimal outside; margin-bottom:5px;}


/*-------
// Page Layout
//-----*/


/*-----Container-----*/
div#container{width:700px; margin:10px auto;}

/*-----Header-----*/
div#header{margin-top: 28px #273244; width:100%; overflow:hidden;}

/*-----Navigation-----*/
div#navigation{border-top: 2px solid #b8a978; border-bottom: 2px solid #b8a978; padding:13px 0px 12px 10px; clear:both;}

/*-----Content-----*/
div#content{padding:23px 0px; width:100%; overflow:hidden;}

/*-----Footer-----*/
div#footer{border-top: 2px solid #b8a978; padding:2px 0px; width:100%; overflow:hidden;}


/*-------
// common page content
//-------*/


/*-----Header-----*/
div#header div.logo{ padding:6px 0px 0px 77px;}
div#header div.logo h1 a{display:block; float:left; background:transparent url(../images/header/logo.jpg) no-repeat 0px 0px; width:245px; height:82px;}
div#header div.call{padding:0;}
div#header div.call p{ color:#263244; font-size:110%; font-weight:bold; text-align:center;}
div#header div.call p span{font-size:150%;}

/*-----Navigation-----*/
div#navigation ul li{ display:inline; color:#FFF; font-size:115%; text-transform:uppercase; color:#FFF; font-weight:bold; padding:0px 2px;}
div#navigation ul li a{color:#171457; text-decoration:none;}
div#navigation ul li a:hover{text-decoration:none; color:#aa995e;}
div#navigation ul li a.active{color:#aa995e;}


/*-----Footer-----*/
div#footer p{color:#171457; line-height:30px; font-family:Verdana, Geneva, sans-serif;}
div#footer a{color:#171457; text-decoration:none;}
div#footer a:hover{text-decoration:none; color:#aa995e;}
div#footer img{vertical-align:middle; margin-left:2px;}
div#footer div.site{padding:0;}
div#footer div.copyright{ margin:0px 245px;}

/*-------
// Index page content
//-------*/

/*-----Content-----*/
div#content.index img, #content.index #flashcontent{float:left; margin:0px 20px 0px 0px; padding:0;}
div#content.index #text { height:360px; overflow:auto; padding:0 10px 0 0; text-align:justify}
div#content.index #text h1 {padding-top:0px; margin:10px 0 20px 0}

/*-------
// product page content
//-------*/

/*-----Content-----*/
#content{padding:0 0 10px 0;}
div#content ul.products{width:100%; overflow:hidden; margin:0px; padding:0px}
div#content ul.products li{float:left; margin:10px 20px 0px 0px; position:relative; list-style:none;height:170px}
div#content ul.products li.corner{margin-right:0px;}
div#content ul.products li a:hover { text-decoration:none; }
div#content ul.products li a span.name{background:transparent url(../images/content/transparent_bg.png) repeat-x 0px 0px; height:30px; position:absolute; bottom:0px; left:0px; width:100%; display:block; text-align:center; line-height:30px; font-size:150%; color:#FFF; font-weight:bold; }
