/* Primary layout */

body	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #00457C;
	background: #00457C url(images/bg.gif) top center repeat-y;
	font-family: arial;
	}

img		{
	border: 0;
	display: block;
	}


	/* Wrapper */

@media all {
  #wrapper {
    margin: 0 auto;
    padding: 0;
    border: 0;
    width: 969px;
    text-align: left;
    background: #fff url(images/outerwrap.gif) top right repeat-y;
    font-size:90%;
    }
  }
  
  #site {
      margin: 0 auto;;
    padding: 0;
    border: 0;
    width: 945px;
    text-align: left;
    background: #fff;
    font-size:90%;
      
  }
  
  
  
@media handheld {
  #wrapper {
    width: 90%;
    }
  }

	/* Header */

#header	{
	color: #Fff;
	background: #F0AA1E;
    width: 945px;
    height: 45px;
	margin: 0;
	padding: 0 0 0px 0;
	border: 0;
    
	}
    
 #header a{
     width:300px;
     text-align:right;
     float:right;
     line-height:45px;
     color: #FFFFFF;
     margin-right:8px;
     font-size: 24px;
     font-weight:bold;
     
 }
    



#menu
    {
        width:945px;
        margin: 0px 0 px 0;
	padding: 0 0 6px 0;
    height: 42px;
	border: 0;
    background: #ffffff;
    z-index: 501;
    position: relative;
    }
	
 #masthead	{
	color: #000;
    width: 930px;
    height:238px;
    background: #fff url('images/header_bg.gif');
	margin: 0;
	padding: 0 0 0px 8px;
	border: 0;
	}	
    
    
    
    .image {
        float:left;
        width:118px;
       
        margin: 5px;
        
    }
    
    
    
	/* Inner layout */

#content	{
	padding: 0 0px;
    
    width:945px;
    background: transparent url('images/right_bg.gif') 710px 1200px repeat-y;
	}
	
@media all {
  #main {
    width: 700px;
    float: left;
    background: #fff:
    }

  #sidebar  {
    width: 200px;
    float: left;
    text-align:left;
    margin: 12px 0px 12px 0px;
    padding: 0 0 0 14px;
    /* any IE6 */
    padding: expression('0 0 0 14px');
    

    }
  }
@media handheld {
  #main {
    width: 100%;
    float: none;
    }

  #sidebar  {
    width: 198px;
    float: left;
    text-align:left;
  
    
    }
  }

  #sidebar img{
      margin:6px 0px 6px 0px;
  }
  
  .ad
  {
      width: 191px;
      height: 224px;
      padding: 12px;
      margin: 4px 0 18px 0;
      float:left;
      text-align:center;
  }
  
  .ad a {font-size:11px; line-height:11px;}
  
  
  
  .ad td  {
      width: 191px;
      height: 224px;
      padding: 12px;
      margin: 4px 0 18px 0;
      text-align:center;
  }
  
  .ad td a {font-size:11px; line-height:11px;}
  
  .ad td img {width: 191px; height: 147px; text-align:center;}
  
    #left{
        width: 670px;
        margin: 20px 0px 20px 20px;
        float:left;
        padding-right: 16px;
       
    }
    

    
    
#left p{
    color: #00457C;
    line-height: 24px;
    font-size: 14px;
}

	/* Bottom layout */


#footer	{
    width:945px;
	clear: left;
    color: #fff;
    
	margin: 0px 0 0 0;
	padding: 0px 0px 6px 0;
	border: 0;
	text-align: center;
	border-top: 5px solid #fff;
	background: #fff url('images/footer.jpg') no-repeat;
    border-bottom: 2px solid #000;
	}
	
.footerText	{
    
    width:945px;
	
	margin: 10px 0 0px 0;
	padding: 10px 0;
	font-size: 16px;
    font-weight:bold;
	background-color: transparent;
	color: #fff;
    
	}


	/* Default links 	*/

a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #692;
	background: transparent; 
    
	}

a.footerLink:link, a.footerLink:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #fff;
	background: transparent;
	}

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #8b2;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #692;
	background: transparent;  
	}

	
	/* Typography */
	
#main p, #sidebar p {
	line-height: 140%;
	margin-top: 5px;
	margin-bottom: 1em;
	}
  
.post-body {
  line-height: 140%;
  } 


h1 {
    color:#00457C;
    font-size: 18px;
    font-weight:bold;
}


.title {
    color:#8bc33a;
    font-size: 18px;
    font-weight:bold;
    line-height: 24px;
    margin: 8px 0 0 0px;
}


h2, h3, h4, h5	{
	margin: 25px 0 0 0;
	padding: 0
	color:#00457C;
    }

h2	{
	font-size: 14px;
	}


h3
    {
        color:#692;
        font-size:14px;
        font-weight:bold;
    
    }

ul	{
	margin: 12px 0 25px 24px;
    
	}


li	{
	line-height: 160%;
	}

#sidebar ul 	{
	padding-left: 10px;
	padding-top: 3px;
	}

#sidebar ul li {
	list-style: disc url(http://www.blogblog.com/moto_son/diamond.gif) inside;
	vertical-align: top;
	padding: 0;
	margin: 0;
	}
	




.preload1 {background: url(images/button.jpg);}
.preload1 {background: url(images/buttonOV.jpg);}

.prodrop4 {padding:0 0 0 20px; margin:0; list-style:none; height:36px; position:relative; z-index:500;}
.prodrop4 li.top {display:block; float:left; margin: 0 2px 0px 2px;}
.prodrop4 li a.top_link {
    display:block; float:left; height:36px; line-height:34px; color:#fff;
    border: solid #000; border-width:1px;  text-decoration:none;
    font-size:14px; font-weight:bold;
    
    padding:0 0 0 0px;
    cursor:pointer;
    background: url(images/button.jpg) no-repeat;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 2px 0 2px; height:36px;}
.prodrop4 li a.top_link:hover {color:#FFF; background: url(images/buttonOV.jpg) no-repeat; line-height:34px;}
.prodrop4 li a.top_link:hover span {}

.prodrop4 li:hover > a.top_link {color:#FFF; background: url(images/buttonOV.jpg) no-repeat; line-height:34px;}
.prodrop4 li:hover > a.top_link span {}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:230px;}
.prodrop4 ul.sub2 {width:218px;}
.prodrop4 ul.sub3 {width:218px;}
.prodrop4 ul.sub4 {width:218px;}
.prodrop4 ul.sub5 {width:138px;}
.prodrop4 ul.sub6 {width:130px;}

.prodrop4 :hover ul {left:0; top:35px; background: #8AC43C; padding:0px; border:1px solid #00457C; border-width:1px 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto; border-bottom:1px solid #00457C;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#00457C; color:#fff;}