/********************************* Classes for XHTML default Tag *********************************/
* {	margin: 0; }
html, body { height:100%; }
body { margin:20px 0 0 0; padding:0; font: .80em/1.3em arial, sans-serif, tahoma, serif; color:#333; background: url(../images/page_bg.gif) repeat-x 0 0; }
h1, h2, h3, h4, h5, h6 { font-family: arial, sans-serif, tahoma, serif; margin:0; padding:0; }
h1, h2 { font:normal 2em arial, sans-serif, tahoma, serif; color:#00215e; }
h3 { font:normal 1.8em arial, sans-serif, tahoma, serif; color:#00215e; }
h4 { font:normal 1.6em arial, sans-serif, tahoma, serif; color:#333; }
h5 { font:bold 1.4em arial, sans-serif, tahoma, serif; color:#09f; }
h6 { font:bold 1.2em arial, sans-serif, tahoma, serif; color:#333; }
form, img, a, li, ul { margin:0;  padding:0; border:0; list-style:none; }
a { color:#2e5f9f; text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }
p { margin:0; line-height:1.5em; text-align:justify; }

/************************ Classes for differentiation of uniq ID ************************/
#wrapper { min-height:100%; height:auto !important; height:100%; width:920px; margin:0 auto -200px; }
.lsize, #content_area { width:920px; margin:0 auto; }

#content_area { padding:0; margin-top:20px; }
#left_panel { width:670px; float:left; }
#right_panel { width:230px; float:right; }

#top_nav { background:#00215e url(../images/top_nav_bg.gif) no-repeat 0 0; }
#top_nav .fl { float:left; margin:7px 0 0 12px; display:inline; color:#fff; }
#top_nav .fl a { text-decoration:underline; color:#99ccff; font-weight:bold; }
#top_nav .fl a:hover { text-decoration:none; }
#top_nav .tr { background: url(../images/top_nav_bg.gif) no-repeat 100% -44px; height:32px; padding-right:12px; text-align:right; }
#top_nav li { float:right; font-weight:bold; color:#fff; background: url(../images/top_nav_icon.gif) no-repeat 0 8px; padding-left:22px; margin-left:20px; line-height:32px; }
#top_nav li.phone { background-position:0 -24px; }
#top_nav li.contact { background-position:2px -59px; }
#top_nav li.twitter { background-position:0 -95px; }
#top_nav li.live_support { background-position:0 -134px; }
#top_nav li.domain { background: url(../images/domain_icon.gif) no-repeat 0 50%; }
#top_nav li a { color:#fff; }
#top_nav li a.active { text-decoration:underline; }
#header_graphic { background: url(../images/header_graphic.jpg) no-repeat 0 0; height:234px; position:relative; }
#logo { margin:0; padding:0; background:none; position:absolute; top:10px; left:10px; }
#logo a { float:left; display:block; width:208px; height:95px; text-indent:-999em; }

#header_graphic p a { background: url(../images/header_button.gif) 0 0 no-repeat; float:left; display:block; width:202px; height:35px; line-height:35px; color:#00215e; font-size:1.8em; font-weight:normal; text-align:center; margin:10px 10px 0 0; }
#header_graphic p a:hover { background-position:0 -35px; color:#fff; text-decoration:none; }
#header_graphic .about { background: url(../images/header_about.jpg) no-repeat 100% 0; height:234px; }
#header_graphic .domains { background: url(../images/header_domains.jpg) no-repeat 100% 0; height:234px; }
#header_graphic .hosting { background: url(../images/header_hosting.jpg) no-repeat 100% 0; height:234px; }
#header_graphic .packages { background: url(../images/header_packages.jpg) no-repeat 100% 0; height:234px; }
#header_graphic .maintenance { background: url(../images/header_maintain.jpg) no-repeat 100% 0; height:234px; }
#header_graphic .seo { background: url(../images/header_seo.jpg) no-repeat 100% 0; height:234px; }
#header_graphic .brand { background: url(../images/header_brand.jpg) no-repeat 100% 0; height:234px; }
#header_graphic .portfolio { background: url(../images/header_portfolio.jpg) no-repeat 100% 0; height:234px; }
#header_graphic .contact { background: url(../images/header_contact.jpg) no-repeat 100% 0; height:234px; }
#header_graphic .quote { background: url(../images/header_quote.jpg) no-repeat 100% 0; height:234px; }
#header_graphic .privacy { background: url(../images/header_privacy.jpg) no-repeat 100% 0; height:234px; }
#header_graphic .terms { background: url(../images/header_terms.jpg) no-repeat 100% 0; height:234px; }
#header_graphic .testimonials { background: url(../images/header_testimonials.jpg) no-repeat 100% 0; height:234px; }
#header_graphic .thank { background: url(../images/header_thanks.jpg) no-repeat 100% 0; height:234px; }

#menu { background:#033777 url(../images/menu_bg.gif) repeat-x 0 -44px; font-size:1.4em; }
#menu .tl { background: url(../images/menu_bg.gif) no-repeat 0 0; }
#menu .tr { background: url(../images/menu_bg.gif) no-repeat 100% -88px; height:44px; line-height:44px; padding-left:20px; position:relative; z-index:10; }
#menu li { float:left; position:relative; }
#menu a { display:block; float:left; padding:0 20px; text-decoration:none; color:#fff; cursor:pointer; margin-left:1px; display:inline; }
#menu a.submenu { padding-right:35px; }
#menu a:hover, #menu a.active, #menu a.active:hover { background: url(../images/menu_bg.gif) 0 -132px repeat-x; }
#menu a .more { position:absolute; top:18px; right:15px; display:block; width:13px; height:11px; background: url(../images/menu_bg.gif) 0 -235px no-repeat; }
#menu li:hover a { background: url(../images/menu_bg.gif) 0 -132px repeat-x; }
#menu li:hover ul { display:block; }
#menu li ul  { position:absolute; left:1px; width:200px; top:44px; display:none; background:#073e69; }
#menu li ul li { float:none; }
#menu li ul li a, #menu li:hover ul li a { background: url(../images/submenu_bg.gif) repeat-x 0 -32px; height:32px; line-height:32px; color:#fff; float:none; display:block; font-size:.8em; }
#menu li ul li a:hover, #menu li:hover ul li a.active, #menu li ul li a.active:hover { background: url(../images/submenu_bg.gif) repeat-x 0 -64px; }

h2.heading { background: url(../images/heading_bg.gif) no-repeat 0 0; height:34px; line-height:34px; margin:0 0 10px 0; padding:0 0 0 10px; color:#fff; font-size:1.7em; font-weight:normal; clear:both; overflow:hidden; text-align:center; }

#testimonials { margin-bottom:10px; }
#testimonials .text { font-family:georgia, arial, tahoma, serif, sans-serif; text-align:justify; }
#testimonials .quote { float:left; margin-top:-5px; margin-right:5px; }
#testimonials .author { background: url(../images/speech_icon.gif) no-repeat 0 50%; color:#2e5f9f; font-weight:bold; float:right; display:block; padding-left:17px; }

#domain_search { float:right; background: url(../images/domain_search.png) no-repeat 0 0; width:291px; height:32px; position:absolute; top:125px; left:20px; }
#domain_search .text { float:left; width:237px; height:20px; padding:5px; border:0; margin:0; background:none; font-size:1.3em; }
#domain_search .button { float:left; width:34px; height:28px; padding:0; border:0; margin:0 0 0 5px; background:none; cursor:pointer; }

a.button { background: url(../images/button.gif) no-repeat 0 0; float:left; display:block; width:219px; height:32px; padding-left:10px; line-height:32px; color:#00215e; font-weight:bold; }
a.button:hover { color:#fff; background-position:0 -32px; text-decoration:none; }

a.button1, a.button2 { background: url(../images/buttons.gif) no-repeat 0 0; float:left; display:block; height:32px; padding-left:10px; line-height:32px; color:#00215e; font-weight:bold; }
a.button1 span, a.button2 span { background: url(../images/buttons.gif) no-repeat 100% 0; padding-right:22px; display:block; }
a.button1:hover, a.button2:hover { color:#fff; background-position:0 -32px; text-decoration:none; }
a.button1:hover span, a.button2:hover span { background-position:100% -32px; }
a.button2 { background-position:0 -64px; }
a.button2 span { background-position:100% -64px; }
a.button2:hover { background-position:0 -96px; }
a.button2:hover span { background-position:100% -96px; }

#inst_quote input, .textbox { background:url(../images/textbox_bg.gif) no-repeat 0 0; border:0; padding:0; margin:0 0 7px 0; width:220px; height:16px; padding:5px; font-weight:bold; color:#666; border:1px solid #f1f1f1; }
select.textbox { height:auto; width:230px; }
#inst_quote input:focus, #inst_quote textarea:focus { border:1px solid #ccc; }
#inst_quote textarea { background:url(../images/textbox_bg.gif) no-repeat 0 0; margin:0 0 7px 0; width:218px; padding:5px; height:94px; border:1px solid #f1f1f1; overflow:auto; font-weight:bold; color:#666; }
#inst_quote .button { cursor:pointer; background: url(../images/button.gif) no-repeat 0 0; width:229px; height:32px; padding:0 0 0 10px; border:0; margin:0; text-align:left; color:#00215e; font-weight:bold; }
#inst_quote .button:hover { color:#fff; background-position:0 -32px; }
#inst_quote .button:focus { border:0; }
#inst_quote input.error, #inst_quote select.error, #inst_quote textarea.error { border:1px solid #f99; margin-bottom:0; }
#inst_quote label.error { color:#c30; font-size:.85em; font-weight:bold; margin-bottom:0; }
#inst_quote .message label.error { display:block; padding-left:155px; text-align:left; }

#services_offer { margin-top:25px; }
#services_offer .col1, #services_offer .col2, #services_offer .col3 { width:216px; float:left; margin-right:11px; position:relative; }
#services_offer .col3 { margin-right:0; }
#services_offer h3 { background:#003caa url(../images/box_bg.gif) no-repeat 0 0; padding:0 0 0 10px; margin:0; font-size:1.2em; color:#fff; font-weight:bold; letter-spacing:-0.02em; }
#services_offer h3 span { background: url(../images/box_bg.gif) no-repeat 100% -47px; display:block; height:35px; line-height:35px;overflow:hidden; }
#services_offer .content { background:#caebfe; padding:10px !important; padding-top:20px; min-height:130px; height:auto !important; height:130px; }
#services_offer li { margin-top:8px; background:url(../images/green_bullet.gif) no-repeat 0 50%; padding-left:24px; font-weight:bold; }
#services_offer h5 { background:#15a9fa url(../images/box_bg.gif) no-repeat 0 -89px; padding:0 0 0 10px; margin:0; font-size:1em; color:#fff; font-weight:bold; text-align:center; }
#services_offer h5 span { background: url(../images/box_bg.gif) no-repeat 100% -129px; display:block; height:31px; line-height:30px;overflow:hidden; padding-right:10px; }
#services_offer .price_label { position:absolute; top:-23px; right:-11px; background: url(../images/price_label.png) no-repeat 0 0; width:79px; height:79px; text-align:center; color:#000; font-weight:bold; }
#services_offer .price { display:block; margin:20px 0 5px 0; }
#services_offer .price b { font-size:1.6em; }
#services_offer .duration { font-size:10px; letter-spacing:-0.02em; }

#choose_us p, #testimonial_list p { padding:8px 0; border-top:1px solid #efefef; text-align:justify; }
#testimonial_list .author { background: url(../images/speech_icon.gif) no-repeat 0 50%; color:#2e5f9f; font-weight:bold; display:block; padding-left:17px; margin-top:8px; }
.list_line li { padding:8px 0; border-top:1px solid #efefef; }

.green_bullet li { padding:5px; background:url(../images/green_bullet1.gif) no-repeat 5px 50%; padding-left:30px; font-weight:bold; }
.dot_bullet li { padding:5px; background:url(../images/dot_bullet.gif) no-repeat 0 12px; padding:5px 0 5px 13px; border:0; line-height:1.5em; }
.odd, .green_bullet li.odd { background-color:#fff; }
.even, .green_bullet li.even { background-color:#f1f1f1; }

#footer, .push { background: url(../images/footer_grad_bg.gif) repeat-x 0 110px; height:200px; padding:15px 0; }
.push { background:none; padding:0; height:200px; }

#footer .footer1 { background:url(../images/footer_banner.gif) no-repeat 0 0; height:95px; position:relative; }
#footer .footer1 a { float:left; display:block; width:272px; height:57px; position:absolute; top:17px; text-indent:-999em; }
#footer .footer1 a.b1 { left:33px; }
#footer .footer1 a.b2 { left:323px; }
#footer .footer1 a.b3 { left:613px; }
#footer .footer2 { background:url(../images/footer_bg.gif) repeat-x 0 -100px; }
#footer .footer2 .tl { background:url(../images/footer_bg.gif) no-repeat 0 0; }
#footer .footer2 .tr { background:url(../images/footer_bg.gif) no-repeat 100% -200px; height:90px; position:relative; padding:10px 0 0 20px; }
#footer .footer2 .col1 { width:650px; float:left; color:#fff; }
#footer_menu li { float:left; font-weight:bold; }
#footer_menu li a { padding:2px 8px; margin:0 3px; float:left; display:inline; text-decoration:underline; color:#0eeaff; text-decoration:none; }
#footer_menu li a.first { padding-left:0; margin-left:0; }
#footer_menu li a.active, #footer_menu li a:hover { color:#fff; text-decoration:underline; }
#footer a { color:#fff; }
#copyright { color:#69c; font-size:.9em; }
#validation { font-size:.9em; margin-top:5px; }
#validation a { color:#fff; }

#social { width:230px; float:right; color:#fff; }
#social h3 { background: url(../images/social_arrow.gif) no-repeat 100% 90%; color:#fff; display:inline; padding:0 15px 0 10px; font-weight:normal; }
#social .box { background: url(../images/social_bg.gif) no-repeat 0 0; width:202px; height:35px; margin-top:5px; padding:12px 0 0 17px; }
#social a { background: url(../images/social_icon.gif) no-repeat 0 0; width:24px; height:24px; float:left; display:inline; text-indent:-999em; font-size:5px; overflow:hidden; margin-right:3px; }
#social a.facebook { background-position:0 0; }
#social a.linkedin { background-position:-27px 0; }
#social a.myspace { background-position:-54px 0; }
#social a.youtube { background-position:-81px 0; }
#social a.twitter { background-position:-108px 0; }
#social a.hi5 { background-position:-135px 0; }
#social a.biz { background-position:-162px 0; }

#footer_right { width:230px; float:right; color:#fff; }
#footer_right a { color:#fff; }
#footer_right a.cwsme { color:#fff; background: url(../images/cws_me.png) no-repeat 0 0; float:right; width:216px; height:60px; text-indent:-9999em; margin:10px 20px 0 0; display:inline; }


#domain_name { float:left; width:330px; }
#domain_info { float:right; width:300px; background:#caebfe; padding:10px; }

#hosting { font-size:.9em; color:#333; text-align:center; }
.table_list { text-align:center; }
#hosting td, .table_list td { background-color:#fafcfe; border-bottom:1px solid #e8e8e8; }
#hosting .heading td, .table_list .heading td { background-color:#15a9fa; color:#fff; font-weight:bold; }
#hosting .subheading td, .table_list .subheading td { background-color:#caebfe; border-bottom:1px solid #15a9fa; }
#hosting td.quick, #packages a.quick { background-color:#e89b10; }
#hosting td.basic { background-color:#be9e3f; }
#hosting td.standard { background-color:#7ea285; }
#hosting td.business { background-color:#37708d; }
#hosting td.ecommerce { background-color:#1c405c; }
#hosting #form_download a { color:#fff; text-decoration:underline; }
#hosting .hlight, .table_list .hlight { color:#390; }
#hosting .tick, .table_list .tick { background:#fafcfe url(../images/green_bullet1.gif) 50% 50% no-repeat; }
#hosting .dark td { background-color:#f4f6f8; border-bottom:1px solid #e8e8e8; }
#hosting .upline td { border-top:1px solid #e8e8e8; }
#hosting h2 { font-weight:bold; color:#333; font-size:1.2em; }
#hosting h2.red { color:#d24a46; }

#sign_up { border:1px solid #ccc; padding:10px; }
#sign_up .textbox { width:190px; margin-top:5px; }

#portfolio .devider { padding-top:25px; border-bottom:1px dashed #d6d6d6; }
#portfolio .col1 { float:left; width:420px; padding-bottom:25px; background: url(../images/portfolio/portfolio_bg.gif) 0% 100% no-repeat; }
#portfolio .col2 { float:right; width:248px; }
#portfolio h5 { margin-bottom:10px; }
#portfolio .button { position:absolute; margin-top:25px; }

#page_nav { background:#efefef; padding:10px; text-align:right; }
#page_nav a, #page_nav span { border:1px solid #cccccc; background:#fff; padding:2px 6px; text-decoration:none; color:#000; margin:0 1px; }
#page_nav a:hover, #page_nav a.active { border:1px solid #7db5de; background:#edf8ff; }
#page_nav span { border:1px solid #d1d1d1; background:#f1f1f1; color:#ccc; }

#maintenance td { padding:5px 7px; line-height:1.6em; }
#maintenance .bronze { background:#963; font-weight:bold; color:#fff; }
#maintenance .silver { background:#e8e8e8; font-weight:bold; color:#000; }
#maintenance .gold { background:#cea918; font-weight:bold; color:#fff; }

.audio_icon { height:42px; line-height:42px; margin:20px 0 10px 0; }
.audio_icon a { float:left; background: url(../images/audio.png) 0 0 no-repeat; height:42px; font-size:1.3em; padding-left:48px; text-decoration:none; }
.audio_icon a:hover { color:#000; }

#map { clear:both; padding:20px 0; }

/********************* Tab content ********************/
.shadetabs { padding: 5px 3px 5px 25px; margin-left:0; margin-top:1px; margin-bottom:0; list-style-type:none; text-align:left; }
.shadetabs li { float:left; margin:0 2px; background: url(../images/tabmenu.gif) no-repeat 0 -25px; }
.shadetabs li a { background: url(../images/tabmenu.gif) no-repeat 100% -75px; padding:0 15px; color:#fff; display:block; float:left; text-decoration:none; font-weight:bold; height:25px; line-height:25px; text-align:center; }
.shadetabs li a:hover { text-decoration:underline; }
.shadetabs li.selected { position:relative; background:url(../images/tabmenu.gif) no-repeat 0 0; }
.shadetabs li.selected a { background: url(../images/tabmenu.gif) no-repeat 100% -50px; text-decoration:none; color:#2e5f9f; }
.tabcontentstyle { border:1px solid #15a9fa; padding:10px; margin-top:0; }
.tabcontent { display:none; }

#packages { margin-bottom:10px; position:relative; }
#packages .shadetabs { padding:0 3px 0 150px; margin-top:-24px; position:absolute; }
#packages .arrow { background: url(../images/package_arrow1.gif) no-repeat 0 0; display:block; position:absolute; bottom:-8px; width:15px; height:9px; font-size:0;  }
#packages #tcontent1 .arrow { left:241px; }
#packages #tcontent2 .arrow { left:335px; }
#packages #tcontent3 .arrow { left:432px; }
#packages #tcontent4 .arrow { left:522px; }
#packages #tcontent5 .arrow { left:618px; }

/***************************** Portfolio LOGIN **************************/
#login_box { background:#f1f1f1; margin:15px 0; padding:25px 15px; height:100%; overflow:hidden; padding:15px; border:1px solid #ccc; }
#login_box .textbox { border:1px solid #ccc; color:#333; }
#login_box .button { font-size:1.4em; padding-bottom:3px; background: url(../images/button_small.gif) no-repeat 0 0; width:129px; }
#login_box .button:hover { color:#fff; background-position:0 -32px; }

#portfolio_terms { width:450px; height:250px; overflow:auto; background:#fff; padding:10px; border:1px solid #ccc; font-size:.9em; }

.form_box .row { float:left; padding:5px 0; width:100%;  }
.form_box .row label { font-weight:bold; padding:6px 5px 0 0; float:left; text-align:right; width:150px; }
.form_box .button { cursor:pointer; background: url(../images/button.gif) no-repeat 0 0; width:229px; height:32px; padding:0 0 0 10px; border:0; margin:0; text-align:left; color:#00215e; font-weight:bold; }
.form_box .button:hover { color:#fff; background-position:0 -32px; }
.form_box .button:focus { border:0; }
#login_box input.error, #login_box select.error, #login_box textarea.error { border:1px solid #f99; }
.form_box .row label.error { color:#c30; float:none; padding:3px; width:auto; font-size:.85em; font-weight:bold; margin-bottom:0; }

/********************* classes for differentiation of padding, border & color ********************/
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.justify { text-align:justify; }
.line_height { line-height:2em; }
.bold { font-weight:bold; }
.pad { padding:5px; }
.pad1 { padding:10px; }
.pt { padding-top:5px; }
.pt1 { padding-top:10px; }
.pb { padding-bottom:5px; }
.pb1 { padding-bottom:10px; }
.pl { padding-left:5px; }
.pl1 { padding-left:10px; }
.pr { padding-right:5px; }
.pr1 { padding-right:10px; }
.mrg { margin:5px; }
.mt { margin-top:5px; }
.mt1 { margin-top:10px; }
.mt2 { margin-top:20px; }
.mb { margin-bottom:5px; }
.mb1 { margin-bottom:10px; }
.ml { margin-left:5px; }
.ml1 { margin-left:10px; }
.mr { margin-right:5px; }
.mr1 { margin-right:10px; }
.white_text { color:#ffffff; }
.small_text { font-size:.85em; }
.mid_align { vertical-align:middle; }
.width_full { width:100%; }
.star { color:#f00; }

input, textarea, select { font: .9em/1.2em arial, "Trebuchet MS", sans-serif, serif; }
.textbox1 { width:18em; }
.textarea1 { width:18em; height:8em; }
.textarea2 { width:28em; height:10em; }
.but { width:10em; }


/********************* Updated On May 3rd ********************/
#header_graphic p { width:480px; position:absolute; top:160px; left:20px; font-size:1.1em; font-weight:bold; color:#00215e; }
#mainsearch {width: 340px; height:37px; float: right; background: url(../images/search_box.png) repeat-x top; margin-top: 175px;
	padding:6px 0 0 16px; margin-right:12px;
}
#mainsearch .searchbox {
  color:#7f7f7f;
  font:14px arial, helvetica, sans-serif;
  float:left;
  font-size:14px;
  width:285px;
  border:0px;
  height:16px;
  margin-right:10px;
  margin-top:6px;
}
.btnsearch{
	background:url(../images/search_btn.gif) no-repeat left top;
	width:40px;
	height:30px;
	border:0px;
	cursor:pointer;
	float:left;
}