/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{padding:0 0 15px 0; line-height: 23px; }
.clear{clear:both;}

html{font-family: Arial, Helvetica, sans-serif; font-size: 62.5%;}

body { background-color: #DC101B; font-size: 1.2em; color: #373737; }

a { color: #CD3A00; text-decoration: none; }
a:hover { text-decoration: underline; }
h1{font-size: 1.6em;}

#intro-bg-top { background: url(images/intro-bg-top.gif) repeat-x; }
#introwrap { width: 898px; margin: 0 auto; }
  #intro-logo { width: 456px; height: 162px; padding: 0 0 0 13px; float: left; }
  #intro-phone-number { width: 370px; height: 50px; padding: 50px 38px 0 0; text-align: right; float: right; }
  #intro-enter { width: 370px; height: 50px; padding: 20px 38px 0 0; text-align: right; float: right; }
  #intro-center { width: 827px; height: 410px; margin: 0 auto; background: url(images/intro-bg-center.gif) no-repeat; }
    #intro-big-img { width: 563px; height: 401px; float: left; padding: 5px 0 0 4px; }
    #intro-pics { width: 240px; float: right; padding: 30px 0 0 0; }
      .intro-pic { width: 111px; height: 111px; padding: 0 8px 8px 0; float: left; background: url(images/intro-photo-bg.gif) no-repeat; }
      .intro-pic img { margin: 5px 0 0 5px; }
  #intro-banners { height: 70px; padding: 0 0 0 65px; }
  #introbottom{ width: 600px; padding-left: 270px; padding-top: 10px;}
  #introbottom h1{color: #fff;}
  #introbottom p{color: #eee; padding: 20px 0 0 0;}
  #introbottom #footer{float: right; margin: 20px 0 0 0;}

#bg-top { background: url(images/bg-top.gif) repeat-x; }
#pagewrap { width: 970px; margin: 0 auto; }
  #headerwrap { width: 938px; height: 318px; background-repeat: no-repeat; background-position: right 77px; }
    #logo { width: 337px; height: 149px; padding: 0 0 0 15px; float: left; }
    #top-menu { width: 580px; height: 100px; float: right; }
      #top-menu ul { margin: 0; padding: 40px 0 0 0; float: left;}
      #top-menu li { margin: 0; list-style: none none; font-size: 11px; float: left; text-transform: uppercase; padding: 0 14px 0 0;}
      #top-menu li.last { padding: 0;}
      #top-menu li a { color: #fff; font-weight: bold; text-decoration: none; }
      #top-menu li a:hover { color: #c2d71b; }
    #slogan { padding: 0 0 0 30px; font-size: 12px; }
    #mini-banners { width: 470px; height: 48px; padding: 15px 0 0 30px; font-size: 12px; float: left; }
      #mini-banners ul { margin: 0; }
      #mini-banners li { margin: 0 15px 0 0; list-style: none none; font-size: 12px; float: left; }
      #mini-banners li a { color: #fff; font-weight: bold; text-decoration: none; }
      #mini-banners li a:hover { color: #c2d71b; }
    #phone-number { width: 140px; padding: 8px 0 0 0; float: left; }
    
    .column{width: 170px; margin: -20px 10px 0 0; display: block; float: left;}
  
  #mainwrap { width: 906px; margin: 0 auto; margin-top: 20px; background: url(images/main-bg.gif) repeat-y; } 
  #mainwrap-top { width: 906px; height: 27px; margin: 0 auto; background: url(images/main-top.gif) no-repeat; }
  #mainwrap-content { background: url(images/main-bottom1.gif) no-repeat bottom; } 
    #leftcontent { width: 250px; padding: 0 0 0 10px; float: left; }
      #sidemenu { width: 205px; padding: 0 0 30px 15px; }
        #sidemenu h3 { font-weight: normal; font-size: 12px; color: #CD0005; margin: 0 0 0 5px; }
        #sidemenu ul { list-style: none; }
        #sidemenu li { margin: 0 0 6px 0; }
        #sidemenu li a { height: 20px; }
        #sidemenu li a:link, #sidemenu li a:visited { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #1D1D1D; display: block; background: url(images/sidemenubg.gif); background-repeat: no-repeat; padding: 6px 18px 0 5px; text-decoration: none; }
        #sidemenu li a:hover, #sidemenu li #current { text-decoration: underline; }
    #content { width: 600px; float: right; padding: 0 24px 0 0; }
      #content h1 { padding: 0 0 15px 0; font-weight: bold; font-size: 145%; color: #CD3A00; }
      #content h2, #content .link { margin: 0 0 -8px 0; font-weight: bold; font-size: 145%; color: #CD3A00; }
      #content .link:hover{text-decoration: none;}
      #content p { padding: 0 0 15px 30px; }
      #content img { margin: 0 0 0 -30px;}
      #content ul { padding: 0 0 15px 60px; }
      #content ul li { margin: 0 0 8px 0; }
      #content ul li a { color: #CD3A00; text-decoration: none; }
      #content ul li a:hover { text-decoration: underline; }
      #content a { color: #164487; text-decoration: none; }
      #content a:hover { text-decoration: underline; }
      #content .red {color: #CD3A00;}
  #mainwrap-bottom { width: 906px; height: 24px; margin: 0 auto; background: url(images/main-bottom.gif) no-repeat; }
  
  
  #footer { height: 50px; padding: 0 0 0 34px; }
    #footer ul { margin: 0; padding: 10px 0 0 0; }
    #footer li { margin: 0 15px 0 0; list-style: none none; font-size: 100%; float: left; }
    #footer li a { color: #fff; font-weight: bold; text-decoration: none; }
    #footer li a:hover img{ opacity: 0.7;}
 
/************* contact form ***************************/
#contactwrap form{
	width: 500px;
	margin: 15px 0 40px 0;
	clear: left;
}

#contactwrap #form-left{
	width: 250px;
	float: left;
}

#contactwrap #form-right{
	width: 250px;
	float: right;
}

#contactwrap .formfield,#contactwrap #messagediv label{
	padding: 0 0 10px 0;
}

#contactwrap input, select, textarea{
  color: #000;
	border: solid 1px #c2d71b;
	background: #fff;
	width: 180px;
}

#contactwrap textarea{
	width: 430px;
}

#contactwrap #submitdiv input{
	margin: 0 0 0 0;
	background: #8A9713;
	border: solid 1px #8A9713;
	color: #001E3C;
}

#errormsg{
	width: 350px;
	padding: 10px 10px 10px 70px;
	background: #fff url(images/problem.jpg) no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
	height: 60px;
}