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

body{
background-color:#020202;
margin:0px;
padding:0px;
}

#super_container{
background-image:url(images/bg_top.png);
height:472px;
}

#container{
width:900px;
text-align:center;
/*border:#FF0000 1px solid;*/
}

#header_top{
overflow:hidden;
}

#logo{
background-image:url(images/logo.png);
background-repeat:no-repeat;
width:277px;
height:187px;
text-indent : -9999px;
float:left;
margin-top:10px;
}

#brand_name{
background-image:url(images/the-web-square.png);
background-repeat:no-repeat;
width:381px;
height:42px;
text-indent : -9999px;
float:right;
margin-top:135px;
margin-right:10px;
}

#navbar{
overflow:hidden;
}

#navbar_left{
height:34px;
float:left;
}

#navbar_content{
background-image:url(images/nav_bg.jpg);
background-repeat:repeat-x;
height:44px;
width:888px;
float:left;
}

#navbar_navigation{
background-image:url(images/nav_bg.jpg);
background-repeat:repeat-x;
height:44px;
width:670px;
margin-left:73px;
float:left;
}

#navbar_right{
height:34px;
float:right;
margin:0px 0px 0px 0px;
}

#nav_left_blocks{
float:left;
margin:5px 0px 0px 5px;
}

#nav_right_blocks{
float:left;
margin:5px 0px 0px 71px;
}

ul.ul_navbar{
margin:0px 15px 0px 15px;
padding:0px;
}

.li_navbar{
display:block;
list-style:none;
float:left;
height:44px;;
cursor:pointer;
width:90px;
}

.li_navbar_seperator{
display:block;
list-style:none;
float:left;
height:34px;;
cursor:pointer;
width:1px;
}

a.navbar_content_link:link{
padding:10px 0px 0px 0px;
background-image:url(images/nav_bg.jpg);
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:16px;
text-decoration:none;
display:block;
height:34px;
width:90px;
margin:0px;
}
a.navbar_content_link:visited{
padding:10px 0px 0px 0px;
background-image:url(images/nav_bg.jpg);
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:16px;
text-decoration:none;
display:block;
height:34px;
width:90px;
}
a.navbar_content_link:hover{
padding:10px 0px 0px 0px;
background-image:url(images/nav_selected.jpg);
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:16px;
text-decoration:none;
display:block;
height:34px;
width:90px;
margin:0px;
font-weight:bold;
}

/* CONTENT CONTAINER */
#content_container{
background-color:#FFFFFF;
padding-bottom:30px;
}

#animation_container{
padding-top:20px;
margin-bottom:50px;
}

#seperator_curved{
background-image:url(images/seperator_curved.jpg);
background-repeat:no-repeat;
height:6px;
width:796px;
margin:10px 0px 0px 0px;
}

#seperator_curved_updown{
background-image:url(images/seperator_curved_updown.jpg);
background-repeat:no-repeat;
height:6px;
width:796px;
margin:10px 0px 0px 0px;
}

.seperator_straight{
background-image:url(images/seperator_straight.jpg);
background-repeat:repeat-x;
height:2px;
width:796px;
margin:10px 0px 0px 0px;
}

.seperator_straight_vertical{
background-image:url(images/seperator_straight.jpg);
background-repeat:repeat-y;
height:480px;
width:2px;
margin:0px 0px 0px 0px;
float:left;
}

.h1_text{
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#7c7c7c;
font-weight:bold;
font-size:20px;
}

#subcontent_home{
font-family:sans-serif;
font-size:14px;
color:#535353;
text-align:justify;
padding:10px;
}

#content_top{
overflow:hidden;
margin-top:10px;
}

#main_content_gb{
background-image:url(images/greybox.jpg);
background-repeat:no-repeat;
height:243px;
width:338px;
margin:0px 0px 0px 0px;
float:left;
}

p.home_content{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#595959;
text-align:justify;
padding:10px;
}

#subcontent_sections{
width:500px;
float:right;
}

#section_1{
width:230px;
overflow:hidden;
height:130px;
float:left;
}

#section_2{
width:230px;
overflow:hidden;
height:130px;
float:right;
}

#section_3{
width:230px;
overflow:hidden;
height:130px;
float:left;
}

#section_4{
width:230px;
overflow:hidden;
height:130px;
float:right;
}

.section_heading{
overflow:hidden;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
height:20px;
}

#subcontent_top{
width:500px;
overflow:hidden;
}

#subcontent_bottom{
width:500px;
overflow:hidden;
}

#section_top_1{
overflow:hidden;
width:230px;
}
#section_top_2{
overflow:hidden;
width:160px;
}
#section_top_3{
overflow:hidden;
width:230px;
}
#section_top_4{
overflow:hidden;
width:160px;
}

.section_icon{
float:left;
}

.section_h2{
font-family:sans-serif;
font-size:18px;
color:#535353;
text-align:justify;
margin:0px;
float:right;
}

.section_content{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#535353;
text-align:justify;
margin:0px;
}

#banner_container{
margin-top:25px;
}

#bottom_sections{
margin:10px;
overflow:hidden;
}

#showcase_container{
float:left;
background-image:url(images/whitebox_shadow.jpg);
background-repeat:no-repeat;
width:268px;
height:316px;
margin:10px;
}

#showcase{
overflow:hidden;
width:253px;
margin-right:5px;
}

#arrow_left{
float:left;
margin-right:5px;
padding-top:55px;
}

.showcase_screen{
/*float:left;*/
}

#arrow_right{
float:right;
padding-top:55px;
}

.showcase_text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#666666;
margin-top:10px;
}

#requestquote_container{
float:left;
background-image:url(images/whitebox_shadow.jpg);
background-repeat:no-repeat;
width:268px;
height:316px;
margin:10px 10px 10px 13px;
}

#request_form{
margin:0px;
padding:0px;
}

#raq_form{
}

#frm_quote{
margin:0px;
padding:0px;
}

#testimonial_container{
float:right;
width:277px;
height:305px;
margin:10px;
}
#testimonial_container_top{
background-image:url(images/testimonial_bg.jpg);
background-repeat:no-repeat;
width:277px;
height:196px;
}
#testimonial_container_bottom{
background-image:url(images/testimonial_bg_belowmark.jpg);
background-repeat:no-repeat;
width:66px;
height:60px;
}
.testimonial_text{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:justify;
padding:0px 10px 0px 10px;
}
.testimonial_name{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
margin-right:30px;
font-weight:bold;
font-style:italic;
}
#btn_view_portfolio{
margin-top:10px;
}

/* FOOTER */
#footer_container{
width:900px;
}

#footer_top{
background-color:#3d3d3d;
height:200px;
}

.h3_text{
font-family:sans-serif;
font-size:18px;
color:#535353;
margin-right:3px;
margin-top:15px;
}

.h3_text_raq{
font-family:sans-serif;
font-size:18px;
color:#535353;
margin-right:3px;
margin-top:15px;
margin-bottom:8px;
}

.h3_testimonial{
font-family:sans-serif;
font-size:18px;
color:#FFFFFF;
margin:0px;
padding:15px;
}

.quickquote_input{
padding:0px;
margin:5px 5px 5px 0px;
background-color:#efefef;
border:none;
height:20px;
width:225px;
color:#535353;
}

.quickquote_input_tarea{
margin:5px 5px 10px 0px;
background-color:#efefef;
border:none;
color:#535353;
height:90px;
width:225px;
}

.quickquote_input_btn{
margin:5px 5px 5px 0px;
}

.footer_h2{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#d8d8d8;
margin:0px;
}

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

.footer_li{
list-style:none;
padding:5px;
margin-left:5px;
}

.footer_ul_logos{
list-style:none;
padding:0px;
margin:60px 0px 0px 30px;
}

.footer_li_logos{
list-style:none;
padding:1px;
margin-left:5px;
float:left;
}

.footer_image{
border:none;
}

.footer_li_seperator{
list-style:none;
font-size:0;
line-height:0;
height:1px;
margin-left:5px;
}

.footer_seperator{
background-image:url(images/footer_seperator.jpg);
background-repeat:no-repeat;
width:149px;
height:1px;
}

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

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

a.footer_link:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#d8d8d8;
text-decoration:underline;
}

#footer_columns{
overflow:hidden;
width:900px;
}

#footer_column_1{
float:left;
padding:20px;
}

#footer_column_2{
float:left;
padding:20px;
}

#footer_column_3{
float:left;
padding:20px;
}

#footer_column_4{
float:right;
padding:20px;
}

#contact_info{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#d8d8d8;
padding:15px 0px 0px 0px;
}

#footer_bottom{
padding:10px;
}

#footer_bottom_text{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#d8d8d8;
}

/* INNER PAGE */

#inner_page{
background-color:#FFFFFF;
}

#innerpage_content{
padding:15px 30px 15px 30px;
}

.inner_content{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#595959;
text-align:justify;
line-height:2em;
}

.inner_content_offer{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#0099FF;
font-weight:bold;
text-align:justify;
line-height:2em;
}

a.offerlink:link{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#0099FF;
font-weight:bold;
text-decoration:none;
}
a.offerlink:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#0099FF;
font-weight:bold;
text-decoration:none;
}
a.offerlink:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#0099FF;
font-weight:bold;
text-decoration:underline;
}

a.offerlinklanding:link{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:bold;
text-decoration:none;
}
a.offerlinklanding:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:bold;
text-decoration:none;
}
a.offerlinklanding:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:bold;
text-decoration:underline;
}

.innerpage_h2{
font-family:sans-serif;
font-size:18px;
color:#535353;
text-align:left;
}

.inner_numlist{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#595959;
text-align:left;
list-style:decimal;
font-weight:bold;
line-height:2em;
}

.inner_dashlist{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#595959;
text-align:left;
list-style:square;
font-weight:bold;
line-height:2em;
}

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

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

a.inner_link:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#595959;
text-decoration:underline;
}

a.inner_link_blue:link{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3399FF;
text-decoration:none;
}

a.inner_link_blue:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3399FF;
text-decoration:none;
}

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

.img_solutions{
float:left;
margin-right:2px;
margin-bottom:2px;
}

/* ROUND BOX */

.box
	{
	margin-left: 0px;
	margin-right: auto;	
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 600px;				/* <-- use this for a set width */
	background-color: #FFFFFF;
	}


/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/


.tlc, .trc, .blc, .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.tlc
	{
	background-image:url(images/portfolio_left_top.jpg);
	background-position: 0% 0%;
	}

.trc
	{
	background-image:url(images/portfolio_right_top.jpg);
	background-position: 100% 0%;
	}
	
.blc
	{
	background-image:url(images/portfolio_left_bottom.jpg);
	background-position: 0% 100%;
	}

.brc
	{
	background-image:url(images/portfolio_right_bottom.jpg);
	background-position: 100% 100%;
	}

.tb, .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.tb
	{
	background-image:url(images/portfolio_top.jpg);
	background-position: 0% 0%;
	}

.bb
	{
	background-image:url(images/portfolio_bottom.jpg);
	background-position: 50% 100%;
	}
	
.rb
	{
	background-image:url(images/portfolio_right.jpg);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb
	{
	background-image:url(images/portfolio_left.jpg);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

.portfolio_box{
overflow:hidden;
margin-top:30px;
}

.portfolio_content{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#464646;
padding: 8px 8px 8px 8px;
width:580px;
}

.portfolio_image{
float:left;
margin-right:47px;
}

.portfolio_img_small{
border:none;
}

.portfolio_data{
float:right;
}

.portfolio_heading{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#535353;
text-align:center;
}

.portfolio_linkbox{
margin-left: auto;
margin-right: auto;
width:580px;
}

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

a.portfolio_link:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#535353;
text-decoration:none;
}
a.portfolio_link:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3399FF;
text-decoration:none;
}

.seperator_straight_portfolio{
background-image:url(images/seperator_straight.jpg);
background-repeat:repeat-x;
height:2px;
width:796px;
margin:0px 0px 0px 0px;
}

.clientele_ul{
padding:0px;
margin-left:40px;
}


.clientele_li{
list-style:none;
display:block;
border:#999999 dashed 1px;
width:130px;
height:130px;
float:left;
margin:10px;
}

.clientele_div{
overflow:hidden;
}

#contactus{
overflow:hidden;
}

#contactus_fs{
border:none;
margin:10px;
text-align:left;
}

.contactus_label{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#595959;
text-align:left;
vertical-align:top;
}

.country_icon{
margin-right:10px;
}

.country_name{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#535353;
font-weight:bold;
}

.country_contact{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#535353;
}

.countrywise{
width:300px;
float:left;
}

.country_1{
}

.country_2{
}

#contactus_div{
width:500px;
float:right;
}

#captcha_contactus{
margin:-12px 0px 0px 150px;
overflow:hidden;
width:150px;
}

#captcha_raq{
overflow:hidden;
width:150px;
}

#newCaptcha{
float:left;
}

#captchaimg{
float:right;
margin-top:7px;
}

.captcha_input{
margin: 10px 0px 0px 150px;
}

#scroll_buttons{
overflow:hidden;
width:80px;
}

#scroll_button_left{
float:left;
}

#scroll_button_right{
float:right;
}

#raq_captcha_container{
overflow:hidden;
width:250px;
}

#raq_captcha{
float:left;
margin-left:10px;
}

#raq_captcha_textbox{
float:right;
margin-top:8px;
margin-right:15px;
}

.captcha_input_raq{
width:50px;
}

.txt_success{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#00CC33;
font-weight:bold;
text-decoration:none;
}

.txt_error{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
font-weight:bold;
text-decoration:none;
}

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

.txt_error_home{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FF0000;
font-weight:bold;
text-decoration:none;
margin:0px;
padding:0px;
}

.txt_success_home{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#00CC33;
font-weight:bold;
text-decoration:none;
margin:0px;
padding:0px;
}

.p_spacer{
line-height:1px;
margin:8px;
}

#clientreviews{
margin:0px;
padding:5px;
}

.li_testimonials{
list-style:none;
display:block;
position:absolute;
top:0%;
left:0%;
}

#showcase_scroll{
}

#showcase_ul{
margin:0px 0px 0px 4px;
padding:0px;
}

.li_showcase{
list-style:none;
width:252px;
position:absolute;
top:0%;
left:0%;
}

/* DOMAIN HOSTING PLANS */

.tbl_features{
}

.features_heading_tr{
background-color:#666666;
height:40px;
}

.features_heading_td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:center;
font-weight:bold;
}

.features_tr{
height:40px;
}

.features_td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#535353;
border:1px solid #666666;
text-align:center;
}

.features_td_left{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#535353;
border:1px solid #666666;
text-align:left;
}

.order_red{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#CC3300;
font-weight:bold;
text-align:center;
}

a.order_red_link:link{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#CC3300;
font-weight:bold;
text-align:center;
text-decoration:underline;
}
a.order_red_link:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#CC3300;
font-weight:bold;
text-align:center;
text-decoration:underline;
}
a.order_red_link:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#CC3300;
font-weight:bold;
text-align:center;
text-decoration:underline;
}