/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
a img,img{border:none;display:block;}
a{
	text-decoration:none;
	color:#252e1c;
}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}
h1{font-size:197%}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:136%}/* 18px */
h6{font-size:122%}/* 16px */

body{
	font-size: 13px; 
	text-align:center;/* for ie5.+*/
	background-image:url('images/bg.png');
	background-repeat:repeat-x;
}


.left
{
float:left;	
}

.right
{
float:right;	
}

.centerimg
{
margin:auto;	
}

.bold
{
font-weight:bold;	
}

.italic
{
font-style:italic;	
}

.body
{
width:918px;
margin:auto;
text-align:left;	
}

#outer
{
width:918px;
margin:auto;
text-align:left;
border:0px solid black;
}

#topbar
{
width:918px;
height:34px;
}

#topbar a
{
font:12px arial;
color:#3b3939;
text-shadow:1px 1px 1px #d5d5d5;
}

#topbar .right
{
padding-top:9px;
}

#customerlogin
{
background-image:url('images/customerlogin.png');
background-repeat:no-repeat;	
padding-left:20px;
}

#emailus
{
background-image:url('images/emailus.png');
background-repeat:no-repeat;
padding-left:20px;
background-position:0px 2px;
margin-left:4px;
}

#top
{
width:918px;
height:130px;
}

#header
{
width:918px;
height:208px;
background-image:url('images/header.png');
background-repeat:no-repeat;
background-position:-12px 0px;
}

#nav
{
text-align:center;
padding-left:25px;
}

#nav li
{
display:inline;	
}

#nav a
{
font:18px arial;
color:white;
text-shadow:1px 1px 1px #black;
display:inline-block;
width:117px;
text-align:center;
background-image:url('images/roll.png');
background-repeat:no-repeat;
height:33px;
padding-top:5px;
margin-right:6px;
}
#nav a:hover
{
background-position:bottom;	
}

.active
{
background-position:bottom;		
}

#splashbox
{
background-image:url('images/splashbox.png');
background-repeat:no-repeat;	
width:918px;
height:233px;
}

#splashbox h1
{
font:48px Journal;
color:#ffffff;
margin-bottom:-3px;
}

#splashbox p
{
font:14px Arial;
color:#ffffff;
line-height:19px;
}

#splashwrap li
{
font:14px arial;
color:white;
background-image:url('images/check.png');
background-repeat:no-repeat;	
padding-left:28px;
height:21px;
}

#splashwrap ul
{
padding-top:11px;	
}

#splashwrap a
{
text-decoration:underline;
color:#0b64ba;
}

#splashwrap
{
padding-left:20px;
padding-top:5px;
}

#webshot
{
position:absolute;
margin-left:646px;
margin-top:23px;
}

#basicwebpackage
{
position:absolute;	
margin-left:469px;
margin-top:68px;
}

#getyourquote
{
position:absolute;	
margin-left:452px;
margin-top:175px;
}

#bannernav
{
background-image:url('images/bannernav.png');
background-repeat:no-repeat;	
width:918px;
height:57px;
margin-top:50px;
text-align:center;
}

#bannernav ul
{
padding-top:8px;	
}

#bannernav a
{
display:inline-block;
height:39px;
background-image:url('images/bannernav1.png');
background-repeat:no-repeat;	
background-position:top left;
margin-left:17px;
margin-right:17px;
font:28px Journal;
color:white;
padding-left:14px;
text-shadow:1px 1px 1px black;
}
#bannernav a:hover
{
background-position:0px -41px;	
}

#bannernav span
{
background-image:url('images/bannernav2.png');
background-repeat:no-repeat;	
background-position:top right;
padding-right:14px;
}
#bannernav a:hover span
{
background-position:bottom right;	
}

#bannernav li
{
display:inline;	
}

#mainhead
{
background-image:url('images/mainhead.png');
background-repeat:no-repeat;	
width:918px;
height:72px;
margin-top:5px;
}

#mainhead h2
{
font:18px arial;
color:#3e3e3e;
float:left;
padding-top:30px;
padding-left:20px;
text-shadow:1px 1px 1px #ffffff;
}

.important
{
background-image:url('images/important.png');
background-repeat:no-repeat;
padding-top:17px;
padding-left:13px;
width:568px;
height:30px;
font:14px arial;
color:#3e3e3e;
margin-left:-6px;
}

#main
{
width:918px;
margin:auto;
text-align:left;
border:0px solid black;	
min-height:200px;
background-image:url('images/mainbody.png');
background-repeat:repeat-y;
padding-top:16px;
}
*html #main
{
height:200px;	
}

#main h3
{
font:18px arial;
color:#3e3e3e;
padding-top:4px;
background-image:url('images/hr.png');
background-repeat:no-repeat;
background-position:0px 34px;
padding-bottom:14px;
}

#main p
{
font:12px arial;
color:#3e3e3e;
line-height:22px;
margin-top:6px;
}

#mainfoot
{
background-image:url('images/mainfoot.png');
background-repeat:no-repeat;
width:918px;
height:16px;
}


#leftcol
{
float:left;
display:inline;
position:relative;
width:582px;
min-height:200px;
border:0px solid black;
margin-left:17px;
}


#rightcol
{
display:inline;
float:right;
position:relative;
width:311px;
min-height:200px;
border:0px solid black;	
margin-right:3px;
}

#loginbox
{
background-image:url('images/loginbox.png');
background-repeat:no-repeat;		
width:305px;
height:152px;
}

.textbar
{
background-image:url('images/textbar.png');
background-repeat:no-repeat;			
padding-top:0px;
padding-left:10px;
padding-bottom:0px;
padding-right:0px;
border:0px;
width:169px;
height:36px;
font:14px arial;
font-weight:bold;
color:#252525;
}

#username
{
position:absolute;
margin-left:10px;
margin-top:46px;
}

#pass
{
position:absolute;	
margin-left:10px;
margin-top:89px;
background-image:url('images/pass.png');
background-repeat:no-repeat;
}

#signin
{
position:absolute;	
margin-left:202px;
margin-top:90px;
}


.righthead
{
background-image:url('images/righthead.png');
background-repeat:no-repeat;	
width:309px;
height:46px;
margin-top:14px;
}

.righthead h4
{
font:18px arial;
color:#3e3e3e;
float:left;
padding-top:16px;
padding-left:19px;
display:inline;
}

.righthead a
{
font:14px arial;
color:#3e3e3e;
float:right;
display:inline;
border:1px solid #3e3e3e;
border-top:0px;
border-left:0px;
border-right:0px;
margin-right:18px;
padding-top:19px;
}

.rightbody
{
background-image:url('images/rightbody.png');
background-repeat:repeat-y;	
width:294px;
padding-top:4px;
padding-bottom:13px;
padding-left:15px;
font:12px arial;
color:#3e3e3e;
}

.rightbody a
{
text-decoration:underline;	
}

.rightbody p
{
margin-bottom:-5px;
line-height:0px;
}

.rightfoot
{
background-image:url('images/rightfoot.png');
background-repeat:no-repeat;	
width:309px;
height:8px;
}

#contactus
{
padding-left:9px;
padding-top:10px;
padding-bottom:7px;
}

#contactus h5
{
font:18px arial;
color:#3e3e3e;
font-weight:bold;
margin-bottom:-5px;
}

#contactus p
{
font:14px arial;
color:#3e3e3e;
margin-bottom:-5px;
}


#footer
{
margin-top:39px;
width:100%;
height:287px;
background-image:url('images/footer.png');
background-repeat:repeat-x;
padding-top:15px;
}

#footer h3
{
font:40px Journal;
color:#fefefe;
text-shadow:1px 1px 1px black;
margin-bottom:14px;
}

#footer a
{
font:14px arial;
color:#fefefe;
text-shadow:1px 1px 1px black;
}

#footer p
{
line-height:0px;
font:12px arial;
color:#fefefe;
}

#footer li
{
margin-bottom:7px;	
}