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

/* Layout */
#mainwrap{
margin:auto;
text-align:left;
width:909px;
background:url(../images/webhosting.jpg) repeat-y;
overflow:hidden;
}

#header{
width:909px;
height:211px;
background-image:url(../images/website-host-parkhost4.jpg);
}

#catch{
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:bold;
color:#FF9900;
width:340px;
position:absolute;
z-index:4;
margin:110px 100px 400px 370px;
}

#catch strong{color:#000000;}

#footer{
width:909px;
height:12px;
background:url(../images/website-design.jpg) no-repeat;
}

#banner{
width:908px;
height:234px;
margin-left:1px;
}

#revolve{
width:549px;
height:234px;
float:left;
}

#quotewrap{
width:349px;
height:234px;
float:right;
margin-right:10px;
background:url(../images/website-hosting.jpg) no-repeat;
}

#quote{
width:260px;
height:180px;
position:relative;
z-index:3;
margin:40px 0px 0px 40px;
}

#quote p{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:italic;
color:#333333;
}

#topquote{
width:86px;
height:58px;
position:absolute;
z-index:1;
margin:-20px 0px 0px 529px;
background-image:url(../images/web-design-top.png);
}

#bottomquote{
width:86px;
height:58px;
position:absolute;
z-index:2;
margin:-35px 0px 0px 825px;
background-image:url(../images/web-design-bottom.png);
}

#content{
min-height:300px;
margin-top:-35px;
padding:0px 30px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

#specialswrap{
width:259px;
height:207px;
float:right;
margin:-20px 30px 0px 0px;
border-left: 10px solid #FFFFFF;
background:url(../images/hosting-design-specials2.png) no-repeat;
}

#specials{
width: 160px;
margin:50px 0px 0px 50px;
}

#columns{
width:700px;
margin:0 auto;
}

#leftcol{
float:left;
width:310px;
padding:10px 20px 10px 0px;
border:1px solid #006699;
}

#rightcol{
float:right;
width:310px;
border:1px solid #006699;
padding:10px 20px 10px 0px;
}

#clear{clear:both;}

/* Navigation */

a{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
}

a:hover{
color:#333333;
}
/* Main Nav*/

#nav{
width:909px;
height:97px;
background:url(../images/navbg.jpg) no-repeat;
text-align:center;
}

#nav ul{
list-style:none;
margin:0px;
padding-left:101px;
}

#nav li{
width:116px;
height:42px;
float:left;
}

#nav a{
display:block;
height:24px;
width:116px;
padding:14px 0px 5px 0px;
color:#333333;
background:url(../images/navup-right.jpg) no-repeat;
}

#nav a:hover{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
background:url(../images/navdown.jpg) no-repeat;
}

#nav a.right{
width:120px;
}

#nav a#here{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
background:url(../images/navdown.jpg) no-repeat;
}

#resourcenav{
width:720px;
margin-left:60px;
border:1px solid #006699;
text-align:center;
}

#resourcenav ul{
list-style:none;
margin-left:15px;
width:680px;
padding:5px;
color:#006699;
background-color:#99CCFF;
}

#resourcenav ul a.here{color:#333333;}

/* Breadcrumb */

#breadcrumb{
width:100%;
padding-top:10px;
text-align:center;
font-size:12px;
color:#000000;
}

#breadcrumb a{
margin-bottom:5px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}

/* Text Styles */

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
color:#000000;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
color:#FF6600;
}

.specialh2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-align:center;
color:#FF6600;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#FF6600;
}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#666666;
}

p.specials{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#333333;
line-height:12px;
}

p strong{font-weight:inherit;}

li strong{font-weight:bold;}

li.clear{
list-style: none;
text-indent:-17px;
}

ol li img{padding:10px 10px;}

.tech{
list-style: none;
margin-left:-17px;
color:#006699;
background-color:#99CCFF;
padding:5px;
}

.center{text-align:center}


/* Boxes */

#boxeswrap{
width:849px;
height:200px;
overflow:hidden;
margin:0px;
padding:0px;
}

.box1{
width:200px;
height:200px;
background:url(../images/hosting-services.jpg) no-repeat;
}

.box2{
width:200px;
height:200px;
margin:-200px 0px 0px 216px;
background:url(../images/hosting-services.jpg) no-repeat;
}

.box3{
width:200px;
height:200px;
margin:-200px 0px 0px 432px;
background:url(../images/hosting-services.jpg) no-repeat;
}

.box4{
width:200px;
height:200px;
margin:-200px 0px 0px 648px;
background:url(../images/hosting-services.jpg) no-repeat;
}

#boxeswrap ul{
text-align:center;
line-height:18px;
padding:10px 0px 0px 0px;
margin:0px;
width:200px;
}

#boxeswrap ul li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
list-style: none;
}

#boxeswrap ul li a.price {
font-size:24px;
font-weight:bold;
}

#boxeswrap img.lytbox{
margin:25px 0px 0px 25px;
}

#secure{
margin:0px;
padding:0px 0px 0px 22px;
}

.float{
position:relative;
width:22px;
margin:-45px 0px 0px -22px;
}

blockquote {
margin:0px;
padding:0px;
}