html, body{ margin: 0; padding: 0; 
text-align : center; 
background-image: url('../images/backdots.jpg');
font-size:95%;

}

pre{
font-size:0.9em;
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -o-pre-wrap;
 background: #faf8f0;
 padding:10px;
 font-family:verdana;
}


img{
border:0;

}

.imagebox{
margin-left:20px;
margin-right:20px;
margin-bottom:10px;
margin-top:10px;
}

p{
font-family:verdana;
color:#222;
line-height:1.8em;
letter-spacing:0.02em;
font-size:0.8em;
}

ul{
font-family:verdana;
font-size:0.8em;
}
li{

}

ul.listcorrect{
font-family:verdana;
list-style-image: url(../images/tick2.jpg);
list-style-type: circle;
}

ul.listcorrect li{
vertical-align:top;
margin-top:20px;
line-height:1.2em;
padding-left:15px;
color:#222;
}

ul.listincorrect{
font-family:verdana;
list-style-image: url(../images/cross2.jpg);
list-style-type: circle;
}

ul.listincorrect li{
vertical-align:top;
margin-top:20px;
line-height:1.2em;
padding-left:15px;
color:#222;
}

ul.menu{
font-family:verdana;
list-style-type: none;
margin:0px;
padding-left:20px;
padding-top:30px;
padding-bottom:40px;
}

ul.menu li{
margin-top:10px;
padding-left:0px;
font-size:1.4em;
vertical-align:top;

}


.menuitems a:link{
color:#fe6f00;
text-decoration:none;
background:url("../images/globelist2.jpg") 0 0px no-repeat;
height:28px;
vertical-align:top;
}

.menuitems a:visited{
color:#fe6f00;
text-decoration:none;
background:url("../images/globelist2.jpg") 0 0px no-repeat;
height:28px;
vertical-align:top;
}


.menuitems a:hover{
background:url("../images/globelist2.jpg") 0 -28px no-repeat;
color:#FF933F;
text-decoration:underline;
height:28px;

}


.menuitems a:active{
background:url("../images/globelist2.jpg") 0 -28px no-repeat;
color:#FF933F;
text-decoration:underline;
height:28px;

}

#splashimages{
width:15%; 
padding-top:30px;
float:left;

}


#report
{
   background-image:url(../images/report.jpg);
   display:block;
   height:96px;
   width:171px;
}
 
#report:hover
{
   background-image:url(../images/report2.jpg);
}


#instant
{
   background-image:url(../images/instant.jpg);
   display:block;
   height:96px;
   width:171px;
}
 
#instant:hover
{
   background-image:url(../images/instant2.jpg);
}


.menulink{
padding-left:20px;

}

ul.footeraddress{
font-family:verdana;
list-style-type: none;
list-style-position:outside;
margin:0px;
padding-top:15px;
padding-right:40px;
padding-left:0px;
font-size:0.6em;
color:#333;
float:left;
vertical-align:bottom;
}

ul.footeraddress li{
line-height:1.6em;
}





h1{
font-family:verdana;
font-size:1.4em;
font-weight:normal;
color:#666;

}

h2{
font-family:verdana;
color:#666;
font-size:1.4em;
font-weight:normal;
}

h3{
font-family:verdana;
color:#666;
font-size:1.2em;
font-weight:normal;
}


h4{
font-family:verdana;
color:#666;
font-size:1em;
font-weight:normal;
}


#wrapper{  
min-width: 778px; 
max-width: 1000px; 
width: 100%; 
width: expression(document.body.clientWidth < 780? "778px" : document.body.clientWidth > 1002? "1000px" : "100%");
position: relative; 
background-color:#fff; 
background-image: url('../images/cord2.gif');
background-repeat: repeat;
margin: 0 auto;
}

#topslice{
width:100%;
height:12px;
background-image: url('../images/topslice.gif');
background-repeat: repeat-x;
margin:0;
padding:0;
border:0;
}

#content{ 
width:73%; 
float:right; 
background-color:#fff;
margin-right:0.5%;
border:1px solid #ccc;
}

.padding{
padding-left:70px;
padding-right:70px;
padding-top:40px;
padding-bottom:30px;
text-align:left;
}

.padding2{
padding:0px;
text-align:left;
}

#contentwrap #content, 
#contentwrap #leftmenu { 
margin-top: 172px; 
margin-bottom: 10px;

} 

#leftmenu{ 
width:23%; 
float:left; 
height:100%;
margin-left:0.5%;
}

#whiteback{
border:1px solid #ccc;
background-color:#fff;
}

#header{ 
width:100%;
height:150px; 
position:absolute; 
top:0; 
background-color:#fff;
padding:0;
}

#footer{ 
height:86px; 
clear: both; 
text-align:left;
background-image: url('../images/designfooterslice.jpg');
} 

.floatleft{
float:left;

}

.portfolioitem{

width:300px;
margin-bottom:50px;
}

.border{
margin-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
border:1px solid #ccc;
}


.tablequote{
font-family:verdana;
width:100%;
}

.textareaquote{

width:320px;
height:100px;
}

.rightalign{
padding:3px;
text-align:right;
font-size:0.8em;
}

.rightalignta{
padding:3px;
text-align:right;
vertical-align:top;
margin-top:3px;
font-size:0.8em;
}

.leftalign{
padding:3px;
text-align:left;
}

.stripe1{
padding:3px;
background-color:#FFDCB6;
}
.stripe2{
padding:3px;
background-color:#E7E7E7;
}

.stripe1r{
padding:3px;
background-color:#FFDCB6;
text-align:right;
}
.stripe2r{
padding:3px;
background-color:#E7E7E7;
text-align:right;
}

.red{
font-size:0.8em;
color:#f00;
}

.usererrors{
font-size:1.2em;
color:#f00;
}
a:link,a:visited{
color:#fe6f00;
text-decoration:none;
}

a:hover,a:active{
color:#FF933F;
text-decoration:underline;
}

.orange{
color:#fe6f00;

}


.niceforms{
font-family:"Trebuchet MS",verdana,arial,sans-serif;
font-size:1em;
display:inline;
margin:0;
padding:0;
padding:3px;
}

.nicetextarea{
font-size:1em;
display:inline;
margin:0;
padding:0;
font-family:"Trebuchet MS",verdana,arial,sans-serif;
width:300px;
height:100px;
padding:6px;

}
.commentsform{
border:0;
margin:0;
padding:0;
font-size:0.9em;
}

.postedon{
font-size:0.7em;
color:#321;
font-weight:bold;
text-align:right;
}


.getq { 
background:url(../images/op2.gif) no-repeat 0px 0px; 
width: 181px; 
height: 108px; 
border:0px; 
display: block; 
float:left;
margin-left:20px;

} 
.getq span { 

} 
.getq:hover { 
background: url(../images/op2.gif) no-repeat 0px -114px; 
cursor:pointer; 
}



.iquo { 
background:url(../images/iq2.gif) no-repeat 0px 0px; 
width: 180px; 
height: 105px; 
border:0px; 
display: block; 
float:left;
margin-left:20px;

} 
.iquo span { 

} 
.iquo:hover { 
background: url(../images/iq2.gif) no-repeat 0px -114px; 
cursor:pointer; 
}

.home { 
background:url(../images/home.gif) no-repeat 0px 0px; 
width: 300px; 
height: 100px; 
border:0px; 
display: block; 
float:left;


} 
.home span { 

} 
.home:hover { 
background: url(../images/home.gif) no-repeat 0px -100px; 
cursor:pointer; 
}


.ruler{
margin-top:40px;
height: 1px;
border: 0;
color: #ccc;
background-color: #ccc;
clear:left;
}

.ruler2{
margin-top:10px;
height: 1px;
border: 0;
color: #ccc;
background-color: #ccc;
clear:left;
}


.small{
font-size:0.8em;
}
.smaller{
font-size:0.6em;
}


.strong{
color:#333;
font-weight:bold;
font-size:0.8em;
}

.widgetbox{
background-color:#eee;
border:1px solid #ddd;
padding-top:10px;
padding-bottom:10px;
margin-right:10px;
margin-top:10px;
}

.widgettext{
padding-right:10px;
padding-left:10px;
}

.widgetheading{
color:#333;
margin:0;
padding:0;
border:0;

}