/*
Canada Blower stylesheet
KSI Art Design 2008. All rights reserved 
*/
* { margin: 0; padding: 0; }

body {   text-align:center;  font-family: Verdana,Helvetica,Georgia, Serif;  padding: 10px 0 10px 0; background:#d4d4d4; color: #000; }
h1 {  font-size:large; color:#000; padding-top: 0.5em; }
h2 {  font-size:100%; text-decoration:underline; color:#000; padding-top: 0.5em; }
h3 {  font-size:100%; font-style:italic; color:#000; padding-top: 0.5em; }
hr {color:#ff0000;}
a img, img{ border: 0; }

/* =-=-=-=-=-=-=-[Wrappers]-=-=-=-=-=-=-=- */
#frame {  width:800px;  margin: 0 auto; text-align:left; border: 1px solid; border-color: #ff0000; }
#top {  width: 800px;  background: #fff; margin: 0px; padding: 0px;  }

#wrapper{ width: 100%; max-width: 800px; background: url(images/bgcontent.gif) top left repeat-y ; }
#mainwrapper{ margin:0 0 0px 200px; padding:0; background: #fff; border-left: #ff0000 1px solid; }

#main {  padding:0 10px 10px 20px; margin:0px; font-size: small; }


#leftwrapper{  float: left;    width: 200px; margin:0; padding:0; border-right: #ff0000 1px solid;}
#leftcontent { padding: 0px;  margin: 0px; }
#leftcontent a { font-size:12px; line-height:2; }

#bottomcontent {  float: left;  width: 800px; background:#9a9a9a; padding: 0px; margin: 0px; }

/* =-=-=-=-=-=-=-[Menu Top & bottom]-NOT USED=-=-=-=-=-=-=- */
#h-menu {width:100%; display: inline;}
#h-menu ul {  margin: 0;	padding: 0;	text-align:center;text-transform: uppercase;}	
#h-menu li {display: inline;}
#h-menu li a { font-weight: bold;font-size: xx-small;text-decoration: none; 
padding:5px 3px 0px 3px; 
 color: #000; 
 }
#h-menu li a:hover { text-decoration: none;  color: #ff0000; padding:5px 3px 0px 3px;  background: #d4d4d4; }

/* =-=-=-=-=-=-=-[Menu Side]-=-=-=-=-=-=-=- */
#menu2 {width: 200px; margin: 0px; }
#menu2 ul { list-style: none;margin: 0;	padding: 0;	text-align:right;	}	
#menu2 li a { height: 32px; voice-family: "\"}\"";  voice-family: inherit; 	height: 26px; text-decoration: none; }

#menu2 li a:link, #menu2 li a:visited { color: #fff; display: block; background: url(images/menu-off.gif); padding: 6px 8px 0 0;
font-size: 11px; ; font-family: Verdana;font-weight: bold;	}
#menu2 li a:hover { color: #000; background: url(images/menu-on.gif); padding: 6px 8px 0 0;}
#menu2 li a:active { color: #ff0000;background: url(images/menu-on.gif);padding: 6px 8px 0 0;}


/* ----- Classes --------- */
.clear { clear: both; line-height: 0; height: 0;}
.cleartop {clear: both;}
.topsecret{font-size: xx-small;visibility:hidden;}
.sitetitle{font-size: xx-small;visibility:hidden;position:overflow;}
.banner{float:left; width:800px; height:180px;background:url(images/banner.jpg) ;}
.subtitle{float:left; background: #ff0000; width:800px;height:1px;}
.subsubtitle{float:left; background: #fff; width:800px;height:4px;}
.botbg , .topbg{float:left;background: url(images/bottom.gif);width:800px;height:18px; }
.attention { color:#f00; font-style:italic; font-weight:bold;}

/**  Menu alignmnets ***/

.topmenu_r{float:right;  width:400px; height:18px; margin:0; }
.botmenu_l{float:left;  width:400px; height:20px;}

.botmenu_l ul {  margin-right: 55px;	padding: 0;	text-align:center;text-transform: uppercase;}	
.topmenu_r ul {  margin-left: 55px; padding: 0;	text-align:center;text-transform: uppercase;}	

.botmenu_l li, .topmenu_r li {display: inline; }
.botmenu_l li a ,.topmenu_r li a { font-weight: bold;font-size: x-small;text-decoration: none; 
 margin: 0; 
 padding-top:5px; padding-right:3px; padding-bottom: 0px; padding-left: 3px; 
 color: #fff;  }
.botmenu_l li a:hover,.topmenu_r li a:hover { text-decoration: none; text-align:center; color: #000; 
 margin: 0; 
 padding-top:5px; padding-right:3px; padding-bottom: 0px; padding-left: 3px; 
 background: url(images/tophover.jpg); }

/*** Hack for Opera 9**/ 
 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{ head~body #opera  { margin-top:3px; } }

.topbg_l {float:left; width:400px; height:18px;}
.bgtitle_l{float:left;background:url(images/logo.jpg) no-repeat;width:293px;height:94px;
padding:12px 0 5px 20px; margin:12px 0 5px 20px; }
.intro_r {float:right; width:300px; text-align:justify;font-weight: bold; font-size:10px;  color:#000;  padding:20px 25px 0 0; }
.phone_r {float:right; font-weight:bold; text-align:right;font-style:italic; color:#ff0000; padding:10px 50px 0 0;}

/** END Top Menu ***/

/** SIDEBAR ***/

.inquiry ,.mail{width: 200px; margin: 0px; }
.inquiry  a,.mail a { height: 26px; text-decoration: none; }
.inquiry a:link, .inquiry a:visited, .mail a:link, .mail a:visited { color: #fff; display: block; padding: 6px 8px 0 0;}
.inquiry a:hover, .mail a:hover { color: #000; padding: 6px 8px 0 0;}
.inquiry a:active, .mail a:active { color: #ff0000;padding: 6px 8px 0 0;}

.inquiry a:link, .inquiry a:visited {background: url(images/inquiry-off.gif); }
.inquiry a:hover {background: url(images/inquiry-on.gif) ;}
.inquiry a:active {background: url(images/inquiry-on.gif) ;}

.mail a:link, .mail a:visited {background: url(images/mail-off.gif); }
.mail a:hover {background: url(images/mail-on.gif) ;}
.mail a:active {background: url(images/mail-on.gif) ;}

.mailtext{float:right;text-align:right;padding-right:0.2em;font-size: 80%; font-family: Verdana;font-weight: bold;
width:60%; line-height:1;}

.inqtext{float:right;text-align:right;padding-right:0.2em;padding-top:0.3em;font-size: 80%; font-family: Verdana;font-weight: bold;
width:60%; line-height:1;}

.linking { width:195px;font-size: xx-small;color:#0A317A ;}
.linking a { text-decoration:none; }
.linking_bottom { position:relative; margin:auto;padding:0;width:800px ;font-size: small; background: #fff; }
.linking_bottom a { text-decoration:none;color:#d0d0d0 ; margin:auto;padding:0;}

.linking_bottom2 { position:relative; margin:auto;padding:0;width:800px ;font-size: small; background: #d4d4d4; }
.linking_bottom2 a { text-decoration:none;color:#cecece ; margin:auto;padding:0;}

/** FOOTER ***/

.botbg_r {float:right;  width:400px; height:20px;}
.footnote{font-size: xx-small;text-align:right;margin:5px 20px 3px 0 ; color: #fff;}


/**     MAIN CONTENT  **/
.tex{ text-align:left;}
.pix { text-align:center;}
.list { padding:0 1.5em;}
#inqlink  ul { margin-left: 40px;} 

/* ----- Forms --------- */
fieldset { position: relative; width: 98%;  margin: 0.5em 0 -0.25em 0;   
padding: 0 0 0.5em 0; border: none; 
background: url(images/gbgrad1.gif) bottom left repeat-x;
font-size: small;
}

fieldset ul {  padding: 2.5em .5em 0 1em;  list-style: none;}
fieldset ul span {  font-weight:bold; color:#00f;}
fieldset li {  padding: .25em 0 0.5em 0;}
fieldset p {  padding: 0 0 0 0.5em ;}
fieldset p span{  padding: 0 0 0 0.25em ;font-weight: bold;}
fieldset.submit { float: none;padding-top: 1em;padding-bottom: 1em;border: 1px solid #FFF;background-color: transparent; }
legend {padding: 0;font-weight: bold;font-size: small; }
legend span {position: absolute;left: 0.25em;top: 0;margin-top: 0.25em;font-size: 110%; font-style:italic; color:#00f;}
label {display: block;position: relative;float: left;width: 15em;margin-right: 0.25em; 
text-align:left;font-weight: bold;}
label em {position: absolute;left: 13em;top: 0;}




