/*CSS STYLE BY SPBTECHCOM - Copyright 2010*/
@charset "iso-8859-1";

	/*MAIN PROPERTIES*/
html,body { margin:0; padding:0; }
body { font: 75% helvetica, arial, sans-serif; line-height:1.8em;
BACKGROUND-IMAGE: url(images/bg.jpg); PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000000; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-x; }

h1  {padding: 5px 0 5px 0; margin: 0 0 0 0; line-height:1.2em;} 
h2  {padding: 0 0 0 0; margin: 0 0 0 0; line-height:1.2em;}

	/*BANNER PROPERTIES*/
#banner { width: 900px; height:150px; margin: 0 auto; padding: 0; }
#banner_right { width: 217px; float: right; } 
#banner_left { width: 672px; float: left; }

	/*NAVIGATION BAR*/	
div#menu {float:center; width: 100%; margin-top: 10px; padding-top:0;}

#navbar {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-left: 80px; MARGIN-top: 10px; PADDING-TOP: 0px; HEIGHT: 1em;}
#navbar LI {FLOAT: left; LIST-STYLE-TYPE: none; margin-right: 3px; text-align: center;}
#navbar LI A {WIDTH: 6.5em; PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 6px; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 4px; BACKGROUND-COLOR: #FCB13A; TEXT-DECORATION: none;}
#navbar LI a:hover {background: #e7f1f8; color: #666;}
#navbar LI UL {DISPLAY: none; WIDTH: 6.5em; BACKGROUND-COLOR: #FCB13A;}
#navbar LI:hover UL {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: absolute;}
#navbar LI.hover UL {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: absolute;}
#navbar LI:hover LI {FLOAT: none;}
#navbar LI.hover LI {FLOAT: none;}
#navbar LI:hover LI A {COLOR: #000; BORDER-TOP: #fff 1px solid; BACKGROUND-COLOR: #FCB13A;}
#navbar LI.hover LI A {COLOR: #000; BORDER-TOP: #fff 1px solid; BACKGROUND-COLOR: #FCB13A;}
#navbar LI LI A:hover {BACKGROUND-COLOR: #e7f1f8;}
#navbar li.activelink a,ul#nav li.activelink a:hover {background: #e7f1f8; color: #666;}  

	/*MAIN CONTAINER*/

#container { width: 900px; margin: 0 auto; padding: 0; }
#box { padding: 5px 5px 5px 10px; margin: 5px; border: 1px solid #ff9933; background: #e7f1f8; }
#box h2 { font-size: 1.4em; color: #008000; }	
#item { width: 303px; min-height:290px; float: left; padding: 0 5px 0 5px; margin: 5px 5px 5px 5px ; border: 1px solid #ff9933; background: #ffffff; }



	/*CONTENT_MAIN*/

#contentmain { width: 672px; float: left; margin: 10px 0 5px 0; padding: 0 0 0 0; background: #ffffff; }
#contentmain h1 { font-size: 1.5em; letter-spacing: 3px; text-transform: uppercase; color: #283964;}
#contentliner { width: 652px; min-height:400px; float: left; margin:  0 0 0 0; padding: 10px 0 5px 10px; background: #ffffff; }
#contentfull { width: 850px; float: left; margin: 10px 0 10px 25px; padding: 0 0 0 0; background: #ffffff; }

dl.top_box, dl.top_box_full { margin: 0 0 0 0; padding:0; width:100% }
.top_box dt { background:transparent url(images/maincurve.gif) top left no-repeat; 
padding: 5px; text-align:center; font-weight: bold; font-size: 1.2em; color:#ffffff; text-transform: uppercase; }
.top_box_full dt { background:transparent url(images/maincurvefull.gif) top left no-repeat; 
padding: 5px; text-align:center; font-weight: bold; font-size: 1.2em; color:#ffffff; text-transform: uppercase; }
.top_box dd, .top_box_full dd { margin: 0 0 0 0; text-align: left; padding: 0 0 0 0; } 

	/*CONTENT_SIDEBAR*/

#content_side { width: 217px; float: right; margin: 10px 0 5px 0; }

dl.side_box { margin: 0px 0; padding:0; width:100% }
dl.side_box2 { margin: 15px 0; padding:0; width:100% }
.side_box dt { background:transparent url(images/curve.gif) top left no-repeat; 
padding: 5px; 
text-align:center; 
font-weight: bold; 
font-size: 1.2em; 
color:#FD9A0D;
text-transform: uppercase;
}
.side_box2 dt { background:transparent url(images/curve2.gif) top left no-repeat; 
padding: 5px; 
text-align:center; 
font-weight: bold; 
font-size: 1.2em; 
color:#FD9A0D;
text-transform: uppercase;
}
.side_box dd,  .side_box2 dd { margin: 0 0 1px 0; background: #eee; text-align: left; padding: 3px 10px; } 

	/*FOOTER*/
#footer {
clear: both;
height: 50px; 
Margin: 5px 0 0 0;
padding: 3px;
border-top: 3px solid #ff9933;
background: #bbd9ee;
} 
#footer p {	 text-align:center; }	 
			
hr { color:#ff9933; background-color:#ff9933; border: 0; height: 3px; width: 100%;
}

	/*TYPOGRAPHY*/

blockquote { font-weight : bold; font-style : italic; color : #b29b35; }
.small { font-size: 0.8em; line-height:1.4em;}
.big { font-weight: bold; font-size: 1.2em; color: #ff9933; }
.parttitle { color: #283964; text-align:center; font-weight: bold;}
.virtmarq {color: #283964; text-align:center; font-size: 1.1em; font-weight: bold;}	 
.horzmarq {margin: 5px 15px -5px 30px; color : #b29b35; font-style : italic; font-weight: bold;}  
.topmarq  {margin: 0px 50px 0px 50px; font-weight: normal;}
.price { color: #993300; text-align:center; font-size: 1.2em; font-weight: bold; line-height:1em;}	 
.contact { line-height:1.5em;}
.info { line-height:1.3em;}

	/*IMAGES*/
.imgright { float: left; margin: 10px; padding: 10px; }

	/*LINK PROPERTIES*/
a img { border: none; }
a:link, a:visited { color : #286e87; background : inherit; text-decoration : none; }
a:hover { text-decoration : none; color : #999; background : inherit; }

#box a img { border: none; }
#box a:link { color : #008000; background : inherit; text-decoration : none; } 
#box a:visited { color : #008000; background : inherit; text-decoration : none; }
#box a:hover { text-decoration : none; color : #b29b35; background : inherit; }

#navlist li {
list-style-image : url(images/right.gif);
background : inherit;
color : #286e87;
font-weight: bold; 
font-size: 1.2em;
margin : 5px 0 0 0;
padding-left : 10px;
}  
	/*POPUP PROPERTIES*/
a.info{
    position:relative;
    z-index:24; ;
    color:#000;
    text-decoration:underline; color:#286e87}

a.info:hover{z-index:25; color:#ff9933}

a.info span{display: none}

a.info:hover span{
    display:block;
    position:absolute; 
	padding: 5px;
    top:20px; left:5px; width:300px;
    border: 1px solid #283964; background: #eee; color:#000;}