/* --------- 1. defaults  --------- */
*{margin:0; padding:0}

html{height:100%; margin:0; padding:0}

body{height:100%; margin:0; padding:0; font-size:65%; text-align:center; background-color: #fff;}

* html #container-page{height:100%}

#container{width:750px; text-align:left; padding:0; background-color:#fff;}

#top{width:100%; background:#6B9C0D url(images/green-bg.jpg) 0 0 repeat-x; height:60px}

#container-page{min-height:100%; height: auto!important; position:relative; height:100%; margin:0 auto -5em; padding:0}
    
#wrapper{margin:0 auto; width:750px;}

#rightnav{margin-top:18px; width:194px; float:right}

#content{float:left; padding-top:1em; margin-bottom: 10px; margin-left:5px; width:480px}

.box {clear: both; background-image: url(images/underline.gif); background-repeat:no-repeat; background-position:93px 19px; }

#footer{margin-top: -5em;font:1.2em/1.4em Tahoma,Arial,sans-serif; position:relative; height:5em; clear:both; margin:0; padding:0; background:#70A30E url(images/green-bg.jpg) 0 0 repeat-x; border-top:1px solid #454545; color:#23310D}

.push {height: 5em;}



/* --------- 2. texts, paragraphs and headings  --------- */
#rightnav p{text-align: left; margin:0 0 1em 0; font:1.2em/1.4em Arial,sans-serif; color:#22251c;}

#content p{color:#252525; font:1.2em/1.4em Arial,sans-serif; padding-right: 3px; padding-bottom:10px; }

#content .box p{color:#252525; font:1.2em/1.4em Arial,sans-serif; }

p.normal{padding-left:2px; text-align:justify}

p.right{text-align:right; padding-bottom:20px}

p.feedicon{text-align:right}

p.summary {text-align: justify;}

h1{font:bold 1.5em/100% Arial,Helvetica,sans-serif; padding:12px 0px 12px 2px; color:#5E831C; }

h2{font:bold 1.3em Arial,Helvetica,sans-serif; color:#F06712; padding-bottom:4px; padding-left:2px; margin-top:10px; }

h3{font:bold 1.2em/1.3em  Arial,sans-serif; color:#0063B4; }

#services h2{font:bold 1.3em Arial,Helvetica,sans-serif; color:#e8001d;; padding-bottom:4px; padding-left:2px}

#contact h3{font:bold 1.2em/1.3em  Arial,sans-serif; color:#0063B4; margin-bottom:4px; }

#seo h2 {color:#df2136;}

#seo h3 {font:bold 1.3em Arial,Helvetica,sans-serif; color:#e8001d; padding-top:20px; padding-bottom:10px; padding-left:2px}

#services h3{font:bold 1.1em/1.2em Verdana,Arial,sans-serif; color:#E0203D; padding-top:10px}

#portfolio h2{font:bold 1.3em Arial,Helvetica,sans-serif; color:#0048A2;  padding-bottom:12px; padding-right: 5px; padding-left:2px;text-align:right}

#easyquote h2{font:bold 1.4em Arial,Helvetica,sans-serif; color:#D0183F;  padding-top:7px; padding-bottom:7px; padding-left:3px}

#easyquote h3{font:bold 1.1em/1.2em Verdana,Arial,sans-serif; color:#EB8800; padding:12px 0 4px 15px; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: 0 15px;}

#faq  h3{font:bold 1.2em/1.3em Verdana,Arial,sans-serif; color:#F47825;  padding:12px 0px 12px 0px}

#content a, a:visited {color:#0048A2; font-weight: bold; text-decoration:none}

#content a:hover {color:#004A9E; text-decoration: underline; font-weight: bold;}

#rightnav a, a:visited {color:#0048A2; text-decoration: none; font-weight: bold;}

#rightnav a:hover {color:#004A9E; text-decoration: underline; font-weight: bold;}

#footer a:link, a:visited {color:#FCFCFC; text-decoration:none; font-weight: normal;}

#footer a:hover{color:#F88E23; text-decoration:none; font-weight: normal;}

.box IMG a {outline: none;}


body#faq #content li a, #content li a:hover {font-weight: normal;}

.underline{border-bottom:dotted 1px #F7A100}

.orange {color: #D97F04; font-weight:bold}

.blue {color: #2564B2; font-weight:bold}

.dkblue {color: #1a559d; font-weight:bold}

.purple {color: #2F425B;}

.url {
padding-top: 13px;
float: right;
color: #003c87;
font: italic 0.9em  Arial,sans-serif;
}

/* --------- 3. navigation  --------- */
#tabs{position:relative; float:right; top:35px; margin-left:auto; margin-right:auto; font:bold 12px/normal Arial,Helvetica,sans-serif; line-height:normal}

#tabs ul{margin:0; padding:0; list-style:none; overflow:hidden;}

#navigation{width:750px; margin:0 auto; padding:0 2px 0 0}

#tabs li{display:inline; margin:0; padding:0}

#tabs a{float:left; background:url("images/tableft.gif") no-repeat left top; margin:0; padding:0 0 0 7px; font-weight: bold; text-decoration:none}

#tabs a span{float:left; display:block; background:url("images/tabright.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#DD6F1C;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span{float:none}
/* End IE5-Mac hack */
#tabs a:hover span{color:#0063B4}
#tabs a:hover{background-position:0% -42px}
#tabs a:hover span{background-position:100% -42px}
 
/* --------- 4. images  --------- */

.headings{padding-bottom:6px; }

#logo{float:left; padding-left:10px}

#imglogone {padding-left:57px; padding-top: 18px;}

.imglogo{padding-left:57px; padding-top: 12px;}

.badges {padding-left:53px}

#webst {
margin-top: 19px;
}

.screenshot{float:right; padding-top: 5px; padding-left:15px; padding-right:15px; position:relative; vertical-align:middle}

img {border:0px}

.reflect {border:0px}

p.questions {
background-image: url(images/question.gif); background-repeat: no-repeat; background-position: 0 2px;
padding-left: 20px;
}

/* --------- 5. form  --------- */

.spacer{clear:both; height:1px;}

.myform{
margin:0 auto;
width:480px;
padding-left: 5px;
}

#formstyle{
background:#fff;
}

#formstyle p{
font-size:12px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#formstyle label{
font: bold 1.2em Arial,Helvetica,sans-serif;
display:block;
text-align:left;
width:140px;
float:left;
}
#formstyle .small{
color:#666666;
display:block;
font-size:12px;
font-weight:normal;
text-align:left;
width:140px;
}
#formstyle input{
float:left;
font:1.2em Arial,Helvetica,sans-serif;
color: #000;
padding:5px 3px 5px 3px;
border:solid 1px #B5ACAA;
width:200px;
margin:2px 0 20px 10px;
}

#formstyle textarea{
float:left;
font:1.2em Arial,Helvetica,sans-serif;
padding:4px 2px;
border:solid 1px #B5ACAA;
width:200px;
margin:2px 0 0px 10px;
}

#formstyle #submitbutton{
clear:both;
margin-top: -18px;
margin-left:194px;
width:120px;
height:28px;
padding-top: 6px;
background:#f0f0f0;
text-align:center;
color:#444444;
font-size:12px;
font-weight:bold;
}

#hidden {margin:0;padding:0;height:1px;width:1px;visibility: hidden;}

/* --------- 5. lists (exc. navigation:see above)  --------- */
.faq{font:1.1em/1.6em Verdana,Arial,sans-serif; list-style:none; margin-left:2em; padding-left:0}

.ordlist {font:1.1em/1.6em Arial,sans-serif; margin-left: 2.0em;}

.ordlist li {padding-bottom: 1.0em;}

.unordlist {font:1.1em/1.6em Verdana,Arial,sans-serif; margin-left: 2.0em;}

.unordlist li {padding-bottom: 1.0em;}

.faqright{font:1.2em Arial, sans-serif;  list-style:none; margin-left:1px;}

.faqright li {color: #023e83; background-image: url(images/arrowpink.gif); background-repeat: no-repeat; background-position: 0 0.2em; padding-left: 1.2em; padding-bottom: 2px; list-style:none; }