/*************************************************   RESET   *************************************************/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* IE PNG FIX 
* { behavior: url(iepngfix/iepngfix.htc) }*/


/*************************************************   TEXT   *************************************************/

h1{font-size:22px; font-weight:normal; color:#333; padding:0 0 15px 0; margin:0}
h1.style1{font-size:24px; padding:0; margin:0; color:#fff; font-weight:normal; height:43px; background:url(images/shared_heading2.gif) no-repeat top left; text-indent:-2000px;}
h1.style2{font-size:16px; padding:0; margin:0 0 2px 0; font-weight:bold}
h1.style3{font-size:28px; padding:0; margin:0; color:#fff; font-weight:normal; height:43px;}
h1.webdesign{font-size:24px; padding:0; margin:0 0 88px 0; color:#fff; font-weight:normal; height:70px; background:url(images/webdesign_heading1.gif) no-repeat top left; text-indent:-2000px;}
h2{font-size:16px; font-weight:bold; padding:0 0 5px 0; margin:0; color:#00499b;}
h2.webdesign{color:#fff; font-weight:bold; margin:0 0 5px 0; padding:0;}
h2.style1{font-size:12px; color:#333; padding:0; margin:0 0 10px 0}
h2.style2{margin-top:20px}
h2.sale{margin-top:20px; color:#333; background:url(images/intel_logo2.gif) no-repeat 0 0px; padding-left:55px; line-height:30px}
#press-releses h2{font-size:14px}
h3{font-size:16px; font-weight:bold; color:#333}
h3.style1{padding-bottom:5px}
h3.style2{padding-bottom:5px; font-size:12px; color:#00499b}

p{margin:0; padding:0 0 15px 0; line-height:18px; color:#333; font-size:12px}
p.homepage{margin:0 0 10px 0; padding:0; color:#333;}
a{color:#0991ee; cursor:pointer; padding:0; margin:0;}
a:hover{text-decoration:none;}
a.nostyle{color:#333}
a.nounderline{color:#333; text-decoration:none}
a.hide{color:#333; text-decoration:none}
h1.style2 a{font-size:16px; padding:0; margin:0; color:#00499b; font-weight:normal; text-decoration:none}
h2.style1 a{font-size:12px; color:#333; padding:0; margin:0 0 10px 0; text-decoration:none; font-weight:bold}

/*************************************************   STRUCTURE   *************************************************/

html, body {font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color:#996600; color:#333; }
#container{background:url(images/bg_shadow.gif) repeat-y 0 0 #FFFFFF; width:782px; margin:0 auto; /*background-color:purple*/}
#header{width:770px; background-color:white; margin:0 6px}
#content {width:760px; background-color:#FFF; margin:12px 0 12px 16px; _margin-bottom:0px}
#col-left {display:inline; float:left; width:530px; padding:0 10px; margin:20px 10px 20px 0; background-color:#FFF;}
#col-right{display:inline; float:left; width:188px; margin:10px 10px 20px 0; background-color:#FFF;}
#col-none{margin:0 10px 0 0; padding:20px 10px 10px 10px; background-color:#FFF;}
#footer {background-color:#FFF; background:url(images/bg_footer.gif) no-repeat left bottom; margin:0; padding:0px 16px 20px 16px}
.learn-more a{color:#333}
.clear{height:1px; clear:both; font-size:1%; line-height:1px}
.dotted{height:1px; background:url(images/hr_dotted.gif) repeat-x 0 0; margin:0 0 15px 0}




/*************************************************   HEADER   *************************************************/

/* H1 IMAGE TEXT */
h1.img_text{background:url(images/logo_hostrocket.gif) no-repeat 0 0; text-indent: -2000px;}

/* SUPPORT BAR */
#support_number{float:right; width:500px; background:url(images/bg_supportnumber2.gif) repeat-y top right; text-align:right; padding:0; padding-right:10px; font-weight:bold; margin-bottom:1px}
#support_number p{margin:0 10px 0 0; padding:0; line-height:31px; height:31px;}
#support_number span{color:#D70000; background:url(images/ico_phone.gif) no-repeat 0 1px; height:31px; line-height:31px; padding:3px 0px 4px 12px}

/* MAIN NAV */
#nav{height:31px; margin: 0; padding:0; display:block; background:url(images/white.jpg) repeat-x top left;}
#nav ul{height:31px; margin:0; padding:0 0 0 13px; list-style:none; display:block;}
#nav li{float: left; margin:0 4px 0 0; padding:0; list-style:none; display:block;}
#nav a {font: 12px; font-weight:bold; color:white; margin:0; padding:0 0 0 14px; text-decoration:none; text-transform:capitalize; text-align:center; line-height:31px; display:block;}
#nav a span {padding:0 14px 0 0; display:block; text-transform:capitalize;}
#nav a:hover {background:url(images/nav_left.gif) no-repeat left 5px; color:purple;}
#nav a:hover span {background:url(images/nav_right.gif) no-repeat right 5px;}
#nav a.active {background:url(images/nav_left.gif) no-repeat left 5px; color:purple;}
#nav a.active span {background:url(images/nav_right.gif) no-repeat right 5px;}

/* SUB NAV */
#navsub{background:url(images/bg_navsub.gif) repeat-x bottom; padding:5px 26px 10px 26px;}
#navsub li{display:inline; margin-right:10px}
#navsub a{color:#333;}


/* NAV2 */
#nav2{height:31px; margin:0; padding:0; display:block; background:url(images/bg_nav2.gif) repeat-x bottom left;}
#nav2 ul{height:31px; margin:0; list-style:none; display:block; float:right}
#nav2 li{float: right; margin:0 8px 0 0; padding:0; list-style:none; display:block;}
#nav2 a {font: 12px Arial, Helvetica, sans-serif; font-weight:bold; color:#545454; margin:0; padding:0 0 0 14px; text-decoration:none; text-transform:capitalize; text-align:center; line-height:31px; display:block; letter-spacing: 0.5px}
#nav2 a:hover, #nav2 a.active {color:#499d0e;}
	


/*************************************************   CONTENT   *************************************************/	


/*************************************************   HOMEPAGE   *************************************************/	
/*************************************************   DEDICATED PAGE   *************************************************/
ul.feature-dedicated{list-style:none; margin:10px 0}
ul.feature-dedicated li{width:204px; margin:0 35px 0 0; float:left; display:block; background:url(images/bul_check.gif) no-repeat 0 5px; padding:0 0 5px 15px ; line-height:normal}


/*************************************************   SUPPORT PAGE   *************************************************/
#support li{line-height:26px; background:url(images/bul_arrow.gif) no-repeat 0 4px; padding-left:20px}
#support a{color:#333; text-decoration:none}
#support a:hover{text-decoration:underline; color:#0991ee;}

/*************************************************   WEB DESIGN PAGE   *************************************************/
.featured-website{width:230px; float:left; display:inline; margin:10px 20px 10px 0}
.featured-website ul{background:url(images/portfolio_infobox.gif) no-repeat bottom; padding:10px 10px 15px 10px;}
.featured-website a.site{display:block}
/*#design-quote{background-color:#deecfb; height:90px; padding:10px 15px; margin:20px 0 30px 0}
.webdesign-contact {margin:8px 0}
.webdesign-contact label{display:block; float:left; width:170px; font-size:10px; padding-right:10px}
.webdesign-contact .textfield1{width:170px; height:24px; line-height:24px; font-size:18px; border:2px solid #CCC; background-color:#FFFFFF; color:#999; margin-right:5px}
.webdesign-contact .textfield2{width:170px; height:24px; line-height:24px; font-size:18px; border:2px solid #96c6ff; background-color:#f28ff; color:#999; margin-right:5px}*/
#design-services{float:left; width:475px;}
#design-quote{float:right; background-color:#deecfb; width:200px; padding:15px}
.webdesign-contact {margin-top:5px;}
.webdesign-contact label{width:170px; font-size:10px; padding-right:10px}
.webdesign-contact .textfield1{width:190px; height:20px; line-height:20px; font-size:16px; border:2px solid #bdbbbb; background-color:#FFFFFF; color:#666; margin-bottom:5px}
.webdesign-contact .textfield2{width:190px; height:20px; line-height:20px; font-size:16px; border:2px solid #96c6ff; background-color:#fffde6; color:#666; margin-bottom:5px}
.send-quote{margin:10px 0 5px 0}
#addons{margin-top:5px}
#addons li{margin:0; padding:0 0 7px 10px; background:url(images/bul_disc.gif) no-repeat 0 7px;}
#additional{float:left; width:350px; margin-right:30px}
#how-works{float:left; width:350px }
#design-steps{margin-top:5px}
#design-steps li{margin:0 0 10px 0; line-height:normal}
#design-steps .step{float:left; margin-right:10px; padding-top:4px; width:24px; height:30px}
a.portfolio {display:block; float:left; width:220px; padding:10px; border:1px solid #f1f1f1; background-color:#f1f1f1; margin-bottom:0}
a.portfolio:hover{background-color:#999; border:1px solid #999 /*#f2f8ff*/;}
a.no-margin{margin-right:0}
#client-login{float:right; height:31px; line-height:31px; width:500px; background:url(images/bg_supportnumber2.gif) repeat-y top right; padding:0 10px 0 0; margin-bottom:1px}
#client-login a{color:#333; background:url(images/icon_login.gif) no-repeat 0 7px; padding-left:17px; display:block; width:70px;}

#recent-work{background:url(images/bg_recentwork.gif) repeat-x #f4f4f4 top; padding:10px 15px;}
#recent-work h2{margin-bottom:10px}
#recent-work h3{font-size:12px;}
.design{width:340px; float:left; margin-right:16px}
/* IE PNG FIX 
* { behavior: url(iepngfix/iepngfix.htc) }*/
.design-thumb{background:url(images/bg_design.png) no-repeat top center; height:196px; display:block; text-align:center; padding-top:19px}
.design-info{margin:0 15px}
.design-info p{margin:0; padding:0}
.preview{background:url(images/icon_preview.gif) no-repeat 0 0; padding-left:20px; text-decoration:none; margin-right:10px}
.preview:hover{text-decoration:underline}
.launch{background:url(images/icon_launch.gif) no-repeat 0 0; padding-left:20px; text-decoration:none}
.launch:hover{text-decoration:underline}
.packages{border:1px solid #ccc;}
.packages h3{line-height:22px; margin-bottom:5px;}
.packagemenu{clear:both;}
.packagemenu li{float:left; width:100px; width:182px;}
.packagemenu li a{color:#333; font-size:14px; font-weight:bold; text-decoration:none; padding:11px 10px 10px 10px; display:block; background:url(images/bg_packages.gif) no-repeat top right;}
.packagemenu li a:hover {background:url(images/bg_packages.gif) no-repeat right -57px ; color:#333;}
.packagemenu li a.active, .packagemenu li a.active:hover {background:url(images/bg_packages.gif) no-repeat bottom right; color:#0991ee;}
.packagemenu li a div{font-size:12px; font-weight:normal; color:#333;}
#express{background:url(images/bg_express.jpg) no-repeat bottom right; height:200px; padding:20px;}
#blog{background:url(images/bg_blog.jpg) no-repeat bottom right; height:200px; padding:20px;}
#knowledge{background:url(images/bg_knowledge.jpg) no-repeat bottom right; height:200px; padding:20px;}
#market{background:url(images/bg_market.jpg) no-repeat bottom right; height:200px; padding:20px;}
.package-features{width:250px}
.package-features li{background:url(images/bul_check.gif) no-repeat 0 6px; padding-left:15px; margin-bottom:4px}
.package-features li ul li{margin-left:10px; background:url(images/bul_disc.gif) no-repeat 0 6px;  padding-left:12px; margin-bottom:0}
.package-info{width:400px;}
.package-price{position:relative; bottom:70px; width:100px; float:right; font-size:10px}
.package-price div{font-weight:bold; font-size:14px; padding-bottom:5px}
/*************************************************   RIGHT COLUMN   *************************************************/

#col-right p{padding-bottom:5px}
#col-right-top{background:url(images/column_box_top.jpg) no-repeat bottom left; font-size:0px; height:10px}
#col-right-bot{background:url(images/column_box_bot.jpg) no-repeat bottom left;}
#col-section{background:url(images/column_section.jpg) no-repeat bottom left; padding:10px}
#col-section-support{background:url(images/column_section_support.jpg) no-repeat bottom right; padding:10px}


/*************************************************   FOOTER   *************************************************/

/* FOOTER NAV */
#footbox{background-color:#F1F1F1; border-top:1px solid #DADADA; padding:10px 8px}
#footbox ul{display:block; font-size: 11px; color:#666; text-align:center}
#footbox ul li {display:inline; padding:0 1px; margin:0}
#footbox ul li a{font-size: 11px; color:#666; text-decoration:none; padding:0; margin:0}
#footbox ul li a:hover{text-decoration:underline;}

/* FOOTER CONTENT */
#footer2 {margin:0; padding:15px 16px 20px 16px; background-color:#F1F1F1; text-align:justify; color:#7E7E7E; font-size:10px; line-height:16px}
#footer2 h1{color:#7E7E7E; font-size:10px; padding:0; margin:0}
#footer2 a{color:#7E7E7E; font-size:10px; padding:0; margin:0}

/************************************************ TEMPLATES ***************************************************/
#template-box{}
#template-box iframe{overflow:hidden; margin:0; border:1px solid #CCC; padding:0; margin:0;}

/************************************************ POPUP *******************************************************/

.black_overlay{display:none; position:absolute; top:0%; left:0%; width:100%; height:100%; background-color:black; z-index:1001; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80);}
.white_content {display:none; position:absolute; top:0%; left:0%; width:100%; height:100%; z-index:1002; overflow:auto; text-align:center}