/* CSS Document */
@import "quote.css";
* {
	margin:0;
	Padding:0;
}
body{
	font-family: Arial,sans-serif;
	font-size:.8em;
	color: #444;
	line-height: 16px;	
	margin: 0px;
	padding: 0px;
	background:url(../images/baseDesign/body-bkgd.png) top left #FFF;
}
p {
	margin-bottom:15px;
	line-height:1.5em;
	font-size: 100%;
}
#bodyWrap a:link, #bodyWrap a:visited {
	color:#222;
	text-decoration:none;
	border-bottom:dashed 1px #ce6835;
}

#bodyWrap a:hover {
	text-decoration: none;
	border-bottom:solid 2px #CC0000;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
	font-family: Verdana,Arial,sans-serif;
	font-size: 125%;
	color: #ce6835;
	margin-bottom: 5px;
	padding-top:10px;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
	color: #ce6835;
	letter-spacing:2px;
	font-size: 120%;
	text-align:center;
	padding-bottom:4px;
	padding-top:4px;
	margin-bottom:15px;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

/*Other stuff*/
#masthead {
	background:url(../images/baseDesign/sd_01.jpg) repeat-x;
	height:146px;
	text-align:center;
}
#wrapper {
	background:url(../images/baseDesign/blue-bkgd.jpg) repeat-y;
	width:788px;
	margin:0 auto;
}
#wrapper .clear {
	clear:both;
}
#nav {
	float:left;
	margin-top:20px;
	width:172px;
	background:url(../images/baseDesign/navSlider-top.gif) no-repeat 160px 0px;
	padding-top:4px;
	color:#FFF;
	font-weight:bold;
}
#bodyWrap {
    float:right;
    width:611px;
    padding:10px 0 10px 0;
}
#bodyWrap ul, #bodyWrap ol {
	margin:5px 0 0px 50px;
	padding-bottom:10px;
}
#bodyWrap li {
	margin-bottom:5px;
}
#bodyWrap ul li {
	list-style-image:url(../images/reddot.png);
}
#content {
	background:url(../images/baseDesign/sd_09.jpg) repeat-y;
	padding:0 20px 0 15px;
	width:563px;
	overflow:hidden;
}
#content p.barcode {
	background:url(../images/barcoded.png) no-repeat center;
}
* html #topContentImage {
	margin-right:8px;
}
* html #content p {
	height:1%;
}
#nav ul {
	list-style:none;
}
#nav ul li {
	background:url(../images/baseDesign/navSlider.gif) repeat-y 160px 0;
	padding:5px 0 5px 20px;
	
}
#nav .imgRight, #content .imgRight {
	float:right;
	margin-right:4px;
}
.imgLeft {
	float:left;
	margin:0 5px 3px 0;
}
#nav a:link, #nav a:visited{
	font-weight:bold;
	padding:1px 0;
	color:#FFF;
	display:block;
	text-decoration:none;
}
#nav a:hover, #nav .currentpage a  {
	background:url(../images/baseDesign/cp-marker.gif) no-repeat 140px 0;
	text-decoration:none;
	text-align:left;
	padding:0px;
	padding-right:25px;
	color:#FFF;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	text-decoration:none;
}
#footer {
	background:url(../images/baseDesign/footer-bkgd.jpg) repeat-x;
	clear:both;
}
#footerCenter {
	height:67px;
	width:792px;
	text-align:center;
	background:url(../images/baseDesign/footer-center-bkgd.jpg) no-repeat;
	margin:0 auto;
	color:#000;
	padding-top:10px;
	text-align:center;	
}
#footerCenter ul {
	list-style:none;
}
#footerCenter ul li {
	display:inline;
	padding: 0 5px 3px 1px;
	border-right:solid 1px #000;
	height:1px;
}
#footerCenter a:link, #footerCenter a:visited {
	color:#000;
	font-size:.8em;
	background-color:transparent;
	text-decoration:none;
	text-align:center;
	color:#666666;
}
#footerCenter a:hover, #footerCenter .currentpage a{
	border-bottom:solid 2px #ff0000;
	text-decoration:none;
	color:#000;
}
#footerCenter .noborder {
	border-right:none;
}
#copyright {
	padding:16px 0 0 10px;
	color:#FFF;
	font-size:.8em;
	text-align:left;
}
#subPanel {
	margin:30px 0 0 12px;
	font-weight:normal;
	border:solid 1px #b3b3b3;
	padding:5px;
	background:url(../images/sidepanel-bkgd.jpg) repeat-x #efefef;
	color:#444;
	font-size: 90%;
}
#subPanel p {
	line-height:14px;
}
#subPanel p .bold {
	color:#f4b700;
	font-weight:bold;
}
#subPanel .signature {
	color:#E57F0B;
	font-weight:bold;
	line-height:12px;
}
#subPanel.index {
	background-image:none;
	background-color:transparent;
	text-align:center;
	color:#FFF;
	font-size:100%;
}
.topten {
	color:#f4ae06;
	font-weight:bold;
}
#contact {
	float:left;
}
#contact th {
	color:#FFF;
	font-weight:bold;
	text-align:left;
	padding:3px 0 3px 30px;
}
.portfolio img{
	float:left;
	margin:3px 10px 0px 0;
}
.portfolio div {
	padding:20px 0 10px 0px;
	border-bottom:solid 2px #0e5baf;
}
.portfolio div.clear {
	clear:both;
	padding:0;
	margin:0;
	height:0;
	border:none;
}
.portfolio div.backTop {
	text-align:right;
	font-size:0.8em;
	padding:0 3em 0 0;
	margin:-15px 0 0 0;
	border-bottom:none;
	background:url(../images/top-bkgd.gif) no-repeat top right;
	clear:left;
}
#contactPanel {
	float:left;
	background:url(../images/ico-address.png) no-repeat 10px 20px;
	padding:25px 0 0 90px;
	height: 83px;
	font-weight: bold;
	width: 150px;
}
#emailPanel {
	float:left;
	margin:10px 0 0 80px;
	background:url(../images/ico-email.png) no-repeat 15px 20px;
	height:60px;
	padding: 35px 0 0 80px;
}
#phonePanel {
	clear:both;
	background:url(../images/ico-phone.png) no-repeat 10px 5px;
	height:50px;
	padding: 20px 0 0 90px;
	margin-bottom: 20px;
}
.center {
	text-align:center;
}
#services {
	margin:0 auto;
	border-collapse:collapse;
	width:350px;
}
.servers {
	margin-left:-9px;
}
#formPayment {
	padding-bottom:20px;
}
#formPayment input.paybtn {
	margin-left:153px;
}
blockquote {
	padding:0 30px;
	margin-bottom:20px;
	margin-top: 30px;
}
blockquote p.signature {
	color:#CC3366;
	padding-left:20px;
	line-height:1em;
	font-weight:bold;
	padding-top: 15px;
	font-size: 110%;
}
blockquote img.open {
	float:left;
	margin:0px -5px 0 -25px;
}	
blockquote img.close {
	margin:-20px 0 0 0;
	float: right;
}
#contact {
	margin:20px 0;
	border-collapse:collapse;
	border:solid 3px #cc6a39;
}
#contact td {
	padding:5px;
	border:none;
}
#contact input {
	margin:0;
	padding:3px;
}
#contact textarea {
	width:96%;
	height: 150px;
}