@charset "utf-8";
/* CSS Document */

body {
background:url(../img/bodybg.jpg) top repeat-x #FFFFFF;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
a {
text-decoration:none;
-moz-outline:none;
}
a:hover {
}
form { display:inline;}
h1 {
font-family:Georgia, Times New Roman, Times, serif;
font-size:24px;
font-weight:normal;
color:#006DC7;
text-align:center;
display:inline;
}
h2 {font-size:14px; color:#000000;}
h3 {font-size:13px; color:#000000; font-weight:normal; display:inline;}

/* content */
#container {
width:80%;
min-width:1100px;
margin:auto;
}

.topmenu {
background:url(../img/topmenubg.png) repeat-x;
height:38px;
margin-top:5px;
}
.topmenu img {
float:right;
}
.topmenu a {
display:block;
text-align:center;
color:#FFFFFF;
line-height:36px;
float:left;
}
.topmenu a:hover {
background:url(../img/topmenubut_h.jpg) repeat-x;
}

.header {
height:90px;
background:url(../img/headbg.png) repeat-x;
}
.header li {
float:left;
}

#topsearch {
padding-top:2px;
}
#topsearch input {
vertical-align:middle;
}
#topsearch label {
font-weight:bold;
margin-left:15px;
}
#topsearch .sinput {
background:url(../img/searchbg.png) no-repeat;
border:0px;
padding:4px 3px 2px 3px;
width:177px;
height:24px;
margin:0px;
}
#topsearch .sbuton {
margin:0px;
padding:0px;
}

#content {
/* background:url(../img/reprocopy-main.png) top center no-repeat;
min-height:338px; */
}

.homepagetit {
color:#006DC7;
font-size:30px;
text-align:center;
margin:20px 0px;
/* margin-top:200px; */
}
.pagetit {
color:#006DC7;
font-size:30px;
text-align:center;
}

.content {
margin:10px 30px;
}

/* mainmenu */
#mainmenu {
background:url(../img/mainmenubg.png) top repeat-x;
height:50px;
}
#nav {
position:relative;
z-index:50;
}
#nav li {
background:none;
line-height:30px;
color:#FFFFFF;
margin:0px;
position:relative;
float:left;
cursor:default;
font-weight:bold;
}
#nav li img {
float:right;
}
#nav li .arrowdwn {
margin:14px 5px 0px 0px;
}
#nav .m:hover {
background:url(../img/mainmenubut_h.png) repeat-x;
}
#nav li ul {
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:absolute;
display:none;
width:100%;
top:30px;
left:0;
}
#nav li ul li {
float:none;
background:#E4E4E4;
border-left:1px solid #949494;
border-right:1px solid #949494;
margin-right:2px;
line-height:20px;
}
#nav li ul li.last {
border-bottom:1px solid #949494;
}
#nav li ul li a {
display:block;
height:auto;
margin-right:2px;
padding:2px;
padding-left:5px;
border:none;
color:#000000;
font-size:11px;
border-bottom:1px dotted #CCCCCC;
font-weight:normal;
}
#nav a:hover{
color:#666666;
text-decoration:underline;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

#indexblocks1, #indexblocks2 {
width:100%;
}
#indexblocks1 li, #indexblocks2 li {
float:left;
width:33%;
border-top:1px dotted #CCCCCC;
}
#indexblocks1 li img, #indexblocks2 li img {
margin:5px;
float:left;
}
#indexblocks1 li div, #indexblocks2 li div {
margin-left:90px;
margin-right:10px;
text-align:justify;
}
#indexblocks1 li a, #indexblocks2 li a {
line-height:30px;
color:#990000;
text-decoration:underline;
}
#indexblocks1 li a:hover, #indexblocks2 li a:hover {
color:#006DC7;
}

ul.services {
margin-left:70px;
margin-top:20px;
}
#indexblocks1 ul.services li, #indexblocks2 ul.services li {
float:none;
width:100%;
border-top: none;
}
#indexblocks1 ul.services a, #indexblocks2 ul.services a {
color:#000000;
text-decoration:none;
font-size:11px;
line-height:14px;
}
#indexblocks1 ul.services a:hover, #indexblocks2 ul.services a:hover {
color:#990000;
}

/* search */
.highlight {
background:#FCD6D8 none repeat scroll 0 0;
}
.results {
border-top:1px dotted #666666;
border-bottom:1px dotted #666666;
}
.results ul {
padding:0px 30px;
}
.results ul li {
padding:0px 4px 4px 4px;
}
.results ul li:hover {
background:#EEEEEE;
}
.results ul li .resulttit {
font-weight:bold;
font-size:14px;
}
.results ul li a {
color:#000000;
text-decoration:underline;
}
.results ul li a:hover {
color:#006DC7;
}

/* sitemap */
#sitemap {
list-style-image:url(../img/raq-blck.png);
margin-left:50%;
}
#sitemap li {
padding-top:5px;
font-weight:bold;
}
#sitemap li ul {
margin-left:0px;
padding-left:0px;
}
#sitemap li ul li {
padding-left:10px;
list-style:none;
font-weight:normal;
}
#sitemap a {
color:#000000;
}
#sitemap a:hover {
color:#006DC7;
}
.sitemapcontent {
margin:10px;
width:40%;
}

/* contact */
.contactdata {
background:url(../img/contactguy.png) top center no-repeat;
padding-top:180px;
float:left;
width:200px;
margin-left:30px;
position:absolute;
}
.contactform {
}
#quoteform {
width:80%;
margin:auto;
}
#quoteform li {
float:left;
width:48%;
padding:3px 1%;
line-height:24px;
}
#quoteform li.lft {
text-align:right;
clear:left;
}

.cat {
font-size:11px;
font-weight:bold;
}

.subcat {
font-size:11px;
padding-left:10px;
}

.inpwidth {
width:200px;
}
.selwidth {
width:204px;
}

/* footer */
#footer {
border-top:1px solid #666666;
text-align:center;
padding:2px;
margin-top:20px;
}
#footer a {
color:#333333;
}
#footer a:hover {
color:#006DC7;
}

/* overall */
.tal { text-align:left;}
.tac { text-align:center;}
.tar { text-align:right;}
.taj { text-align:justify;}

.w17p {width:17%;}
.w16p {width:16%;}

.FS11 { font-size:11px;}
.FS14 { font-size:14px;}

.CL { clear:left;}
.CR { clear:right;}
.CB { clear:both;}
.FL { float:left;}
.FR { float:right;}

.nul {
margin:0px;
padding:0px;
list-style:none;
}

/* webdesign code*/
.codetemps {
	float:left;
	font-size:12px;
	height:200px;
	margin:10px;
	text-align:left;
	width:150px;
}

.codetemps img
{
	border:0 none;
	}
	
.codetempsinf {
	background:#FF0000 none repeat scroll 0 0;
	color:#FFFFFF;
	height:20px;
	padding:2px;
}

.codetempsprice {
	color:#666666;
	font-size:10px;
	height:18px;
	padding:1px 2px;
}

.codetempsinf a {
	color:#FFFFFF;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
}

.steps {
margin-top:10px;
}
.steps td {
padding:6px 2px;
border-bottom:1px dotted #CCC;
}
.steps .sel {
background:url(../img/topmenubg.png) repeat-x;
color:#FFF;
font-weight:bold;
}

.filter {
margin:10px 0px 20px;
height:22px;
}
.filter li {
float:left;
margin-right:20px;
}

#trailimageid {
	font-size:0.75em;
	height:0;
	left:0;
	position:absolute;
	top:0;
	visibility:hidden;
	width:270px;
	z-index:100;
}


#newdiv {
background:transparent url(../img/spacer.png) repeat scroll 0 0;
left:0;
top:0;
width:100%;
z-index:100;
}

.codepacks {
border:1px solid #000000;
float:left;
font-size:12px;
height:280px;
margin:10px;
text-align:left;
width:200px;
}

.codepacktit {
background: url(../img/packtitbg.jpg) top repeat-x #006EC7;
border-bottom:1px solid #000000;
color:#FFFFFF;
font-weight:bold;
height:40px;
padding:4px 2px;
}

.codepackdesc {
background:#FFFFFF url(packback.jpg) repeat-x scroll center bottom;
border-color:#CDCDCD #CDCDCD -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px 0;
padding:5px;
vertical-align:top;
}

.codepackprice {
background:#F6F6F6 none repeat scroll 0 0;
border-color:-moz-use-text-color #CDCDCD #CDCDCD;
border-style:none solid solid;
border-width:0 1px 1px;
color:#006EC7;
font-size:24px;
text-shadow:1px 1px #FFF;
height:10px;
padding:5px;
}

.codepacks button {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #666666;
color:#006EC7;
float:right;
font-size:11px;
font-weight:bold;
margin-top:5px;
padding:2px;
}

.packagename {
color:#006EC7;
font-size:24px;
font-weight:normal;
padding:10px 0px;
text-shadow:1px 1px #FFF;
}

.price {
color:#006EC7;
font-size:18px;
}
#price {
color:#006EC7;
font-size:18px;
border:none;
background:none;
}

.package_detail li {
list-style-type:none;
margin:0;
padding:0;
}
.template_detail li {
list-style-type:none;
margin:0;
padding:0;
}