*
{
margin: 0;
padding: 0;
}
body
{
padding: 0;
font-family: arial, sans-serif;
font-size: 14px;
margin: 0 auto;
color: #36322b;
background: #060E11 url("siteimages/siteimage1.jpg") 0 0 repeat-x;
}
p
{
padding: 0;
margin: 0px;
line-height: 20px;
}
a
{
text-decoration: underline;
}
a:hover
{
text-decoration: none;
}
.clear
{
clear: both;
}
#container
{
width: 819px;
position: absolute;
top: 0;
left: 50px;
margin: 0 auto;
padding: 0;
}
#header
{
width: 821px;
height: 80px;
margin: 0;
padding: 20px 0 0 0;
background: url("siteimages/siteimage2.jpg") left center no-repeat;
}
#header h1
{
position: relative;
top: 8px;
left: 70px;
margin: 0;
padding: 0;
font-size: 40px;
color: #fff;
font-weight: normal;
}
#header h1 a
{
text-decoration: none;
color: #fff;
}
#menu
{
width: 821px;
height: 42px;
margin: 0 0 0 1px;
padding: 0;
background: url("siteimages/siteimage3.gif") 0 0 no-repeat;
}
#menu ul
{
list-style: none;
padding: 0 0 0 15px;
margin: 0;
}
#menu ul li
{
display: inline;
}
#menu ul li a
{
float: left;
height: 42px;
border: none;
padding: 0 10px 0 10px;
text-decoration: none;
color: #fff;
line-height: 42px;
font-size: 17px;
font-weight: bold;
}
#menu ul li a:hover
{
color: #000;
background: #fff;
}
#contentwrap
{
width: 820px;
height: auto;
clear: both;
margin: 0;
padding: 5px 0 30px 0;
background: #fff;
}
#left
{
width: 525px;
float: left;
margin: 0;
padding: 10px 0 10px 2px;
}
#left .box
{
width: 475px;
height: 40px;
margin: 5px 0 5px 15px;
padding: 5px;
}
#left .box p
{
margin: 5px;
padding: 5px 10px;
font-size: 1.1em;
font-family: arial, tahoma, sans-serif;
color: #000;
}
#left a
{
color: #000;
text-decoration: underline;
}
#left .orderbutton
{
margin: 0;
padding: 0 0 0 50px;
border: 0 solid #fff;
width: 200px;
height: 66px;
}
#left a:hover
{
text-decoration: none;
}
#left h1
{
margin: 0;
padding: 10px 10px 5px 20px;
font-size: 1.6em;
font-family: arial, tahoma, sans-serif;
color: #000;
}
#left h2
{
margin: 0;
padding: 5px 5px 5px 20px;
font-size: 1.3em;
font-family: arial, tahoma, sans-serif;
color: #000;
}
#left p
{
margin: 10px 5px;
padding: 0;
font-size: 1em;
font-family: arial, tahoma, sans-serif;
color: #000;
}
#left table
{
width: 520px;
border-collapse: collapse;
margin: 10px 5px;
padding: 0;
}
#left th
{
background: #9dbbc6;
height: 29px;
padding-left: 11px;
padding-right: 11px;
color: #000;
text-align: left;
border-left: 1px solid #b6d59a;
border-bottom: solid 2px #fff;
}
#left tr
{
height: 30px;
}
#left td
{
margin: 0;
padding: 2px 3px;
border-left: 1px solid #fff;
border-bottom: solid 1px #fff;
}
#left tr.rowa
{
background: #f8f8f8;
}
#left tr.rowb
{
background: #efefef;
}
#left form
{
margin: 10px 5px;
padding: 0;
border: 1px solid #d4d4d4;
background-color: #fafafa;
}
#left label
{
display: block;
font-weight: bold;
margin: 5px 0;
}
#left input
{
padding: 2px;
border: 1px solid #d4d4d4;
font: normal 1em "trebuchet ms", tahoma, sans-serif;
color: #000;
}
#left textarea
{
width: 400px;
padding: 2px;
font: normal 1em "trebuchet ms", tahoma, sans-serif;
border: 1px solid #d4d4d4;
height: 100px;
display: block;
color: #000;
background-color: #efefef;
}
#left input.button
{
margin: 0;
font: bold 1em arial, sans-serif;
background: #fff;
padding: 2px 3px;
color: #000;
border: 1px solid #000;
}
#left .searchform
{
background-color: transparent;
border: none;
margin: 0;
padding: 0;
}
#left .searchform p
{
margin: 5px;
padding: 0;
}
#left .searchform input.textbox
{
width: 130px;
color: #000;
height: 20px;
padding: 2px;
vertical-align: top;
}
#left .searchform input.button
{
font: bold 12px arial, sans-serif;
color: #000;
width: 60px;
height: 26px;
border: 1px solid #d4d4d4;
padding: 3px 5px;
vertical-align: top;
}
#left .websitetemplateimage
{
float: left;
width: 505px;
height: 425px;
margin: 5px;
padding: 0;
}
#left .websitetemplateimage img
{
width: 500px;
height: 300px;
margin: 0 0 5px 0;
padding: 0;
border: 1px solid #bbb;
}
#left  .websitetemplateimage ul
{
margin: 0 0 0 25px;
padding: 0;
}
#left .websitetemplateimage ul li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
font-size: 16px;
font-family: arial, tahoma, sans-serif;
color: #000;
}
#left .websitetemplateimage ul li a
{
margin: 0;
padding: 0 15px 0 30px;
text-decoration: underline;
font-size: 16px;
font-family: arial, tahoma, sans-serif;
color: #000;
background: url("siteimage5.jpg") left center no-repeat;
}
#left .websitetemplateimage ul  li a:hover
{
text-decoration: none;
}
#left .websitetemplateimage p
{
margin: 5px 0;
padding: 5px;
color: #000;
font-size: 14px;
font-family: arial, tahoma, sans-serif;
}


#right
{
width: 274px;
float: right;
margin: 0 5px 0 0;
padding: 0 0 10px 0px;
}
#right h1
{
margin: 0 5px 0 10px;
padding: 0;
font-size: 1.3em;
font-weight: normal;
font-family: arial, tahoma, sans-serif;
color: #000;
}
#right .rightcolumnbox
{
margin: 5px 0 10px 0;
padding: 0;
/* background: #efecea; */
background: #fff;
border: 1px dotted #d4d4d4;
}
#right .rightcolumnbox h4
{
margin: 0;
padding: 0;
color: #002844;
font-size: 1.4em;
font-family: arial, helvetica, sans-serif;
display: block;
text-align: center;
}
#right .rightcolumnbox ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#right .rightcolumnbox ul li
{
margin: 0;
padding: 0;
display: block;
height: 1.5em;
}
#right .rightcolumnbox ul li a
{
margin: 0;
padding: 0 5px 2px 25px;
color: #002844;
font-size: 1em;
text-decoration: none;
display: block;
border-bottom: 1px dotted #002844;
font-weight: normal;
}
#right .rightcolumnbox ul li a:hover
{
color: #002844;
background: url("siteimage5.jpg") left center no-repeat;
}
#right .rightcolumnbox p
{
margin: 0;
padding: 5px;
}
#right .righttext
{
padding:0;
margin:0;
}
#right .righttext p
{
margin:0;
padding:5px;
font-size:1em;
font-family:arial, tahoma, helvetica, sans-serif;
color:#000;
border:1px dotted #d4d4d4;
}
#right .righttext a
{
color:#000;
font-size:1em;
font-family:arial, tahoma, helvetica, sans-serif;
text-decoration:underline;
}
#right .righttext a:hover
{
text-decoration:none;
}
#footer
{
width: 821px;
clear: both;
color: #837d7b;
margin: 0;
padding: 10px 0;
}
#footer p
{
margin: 0;
padding: 0;
font-size: 13px;
}
#footer .footerleft
{
float: left;
margin: 0;
padding: 0;
font-size: 15px;
}
#footer .footerleft a
{
color: #837d7b;
text-decoration: none;
font-size: 15px;
}
#footer .footerright
{
float: right;
margin: 0;
padding: 20px 0 0 0 ;
font-size: 12px;
text-align: right;
}
#footer .footerright a
{
color: #837d7b;
text-decoration: none;
font-size: 12px;
}