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

body { margin:0 auto 0 auto ; padding:0; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#000000; width:1000px; }



td, tr { font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}



ul{ list-style:circle;}

h1 { padding:8px 0 4px 100px; font:28px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#393939; margin:10px 0px 0px 0px; }

h2 { color:#FF9900; font-size:18px; padding:0; margin:0;}

h3 { padding:0; margin:0;color:#FF9900; font-size:16px; }

a:link, a:active, a:visited { color:#FF6600;}
a:hover { color:#990000; }

select, textarea, input { font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; }

/*------------------------------------------Header Start----------------------------------*/
#container{
	margin:0 auto 0 auto;
	padding:0;
	width:1000px;
	position:relative;
	background:#ffffff;

}
#container2{ margin:15px 10px 10px 23px; height:255px; }
#container3{ margin:15px 8px 0px 15px; height:600px; background:#FFFFFF; }
#slide_holder{ float:left; margin-right:10px; }
#header {width:1000px;}
.header-logo { background:url(images/header.jpg) no-repeat top center; width:1000px; height:111px; }
.bar { background: url(images/follow-the-orange.gif) no-repeat #000000; width:1000px; height:40px; }
.bar3 { margin:0 0 10px 20px; float:left;}
.main-pic {padding:10px 4px 10px 4px; display:inline;}

.main-portfolio-title { float:left; height:83px; padding-left:5px}
.main-portfolio-content { float:left; height:168px; padding-left:5px;}
/*------------------------------------------Header End-------------------------------------*/

/*------------------------------------------Content Start----------------------------------*/
#content { padding:10px 20px 10px 20px; width:960px; background:#FFFFFF; float:left; margin:0px; }
.main-font {font-size:12px;}
.content-2 { padding:0 25px 0 25px; }
.leftcontent { width:515px; float:left; background:#FFFFFF; }
.title { background:url(images/title2.gif) top left no-repeat; margin:0 0 5px 0; padding: 0 0 10px 0;  }
.title2 { background:url(images/title.gif) top left no-repeat; margin:0 0 5px 0; padding: 0 0 10px 0;  }
.title-head { padding: 0 0 0 100px; margin:0px; font-size:13px; line-height:25px;}

.leftcontentalt { width:690px; float:left;background:#FFFFFF; text-align: justify; padding:0px; margin:0px; }
.rightcontentalt{ width:235px; float:left;background: url(images/right-bar-bg.gif) no-repeat right top #F1F1F1; margin-left:15px; padding:10px; }
.rightcontentalt2 { width:235px; float:left; background-color:#F1F1F1; margin-left:15px; padding:10px; }


.rightcontent{ width:445px; float:left;background:#FFFFFF;  }
.small-thumnail { background:url(images/square.gif) no-repeat center; height:90px; width:129px; padding:0px 2px 0px 2px; float:left;}
.small-thumbnail-img{padding: 5px;}
.small-thumnail-pos { padding-left:30px;}
.portfolio{ }
.portfolio-front{ background:url(images/portfolio.gif) no-repeat; height:338px; width:415px; float:left; }
.title-head { font-size:13px; }
.title-portfolio{ font-size:22px; padding-left:110px; padding-top:30px; }
.portfolio-padding { padding-top:35px; padding-left: 20px; text-align: center;}
.left-img { padding:5px 30px 50px 50px;}
.main-desc {font-size:12px;}
.intro {padding:0 0 0 45px;}


.bullet ul { list-style:none; padding:0; margin:0; }
.bullet ul li { background:url(images/arrow_blue02.gif) no-repeat; padding-left:20px; }

.bullet1 ul { list-style:none; padding:0; margin:0 0 0 20px; float:left; width:240px; font-size:11px;}
.bullet1 ul li { background:url(images/arrow_blue02.gif) no-repeat; padding-left:20px; }

.bullet2 ul { list-style:none; padding:0; margin:0; float:left; width:240x;font-size:11px;}
.bullet2 ul li { background:url(images/arrow_blue02.gif) no-repeat; padding-left:20px; }

.content2 {margin:5px 0 15px 10px;}

.domain-title {font-size:20px; font-weight:bold; color:#FFFFFF; padding:30px 0 0 15px;}
.domain-check {font-size:20px; font-weight:bold; color:#FFFFFF; padding:24px 0 0 100px;}
.domain-check-content { text-align:center; padding:3px;}

.package-title { font-size:20px; font-weight:bold; color:#FFFFFF; padding:35px 0 0 5px;}
/*-----Home page link ----*/
a:link.home, a:visited.home { color:#993300; text-decoration:none; }
a:hover.home { color:#FF0000; text-decoration:none; border:1px dashed; }
a:active.home { color:#FF0000; text-decoration:none; border:2px dashed; font-weight:bold; }
/*-----Portfolio link ----*/
a:link.portfolio2, a:active.portfolio2, a:visited.portfolio2{font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; text-decoration:none;}
a:hover.portfolio2{color:#663300; text-decoration:none;}
.portfolio-title { font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#FF6600; background-color:#ffffff;}
.portfolio-detail { font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#666666; background-color:#ffffff;}

.chn-title { color:#CC3300; font-weight:bold; font-size:16px;}
.chn-faq { padding-left:25px;}
/*------------------------------------------Content End----------------------------------*/


/*------------------------------------------Hosting Table Start----------------------------------*/
.tb-yellow1 { background:url(images/hosting-bg-gradient-white-yellow.gif) bottom repeat-x; height: 23px; padding-left:10px;}
.tb-yellow2 { background:url(images/hosting-bg-gradient-white-yellow.gif) center repeat-x; height: 23px; padding-left:10px;}
.tb-blue { background:#EFF4F6; height: 23px;}
.tb-blue2 {background:#FFDB83; height: 23px; padding:5px 0 5px 10px; font-weight:bold; color:#000000; font-size:14px;}
.tb-white { height: 23px;}
.tb-title { background:url(images/hosting-bg-gradient-blue.gif) top repeat-x; color:#FFFFFF; font-weight:bold; padding:5px;}
/*------------------------------------------Hosting Table End----------------------------------*/

/*drop-down*/
/* Begin CSS Popout Menu */



#menuh-container
	{	
	top: 1.2em;

	}

#menuh
	{
	font-size:12px;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	padding-left:80px;
	margin-top: 1.2em;
	}
		
#menuh a
	{
	text-align: left;
	display:block;

	white-space:nowrap;
	margin:0;
	padding:0px 0px 5px 10px;
	}
	
#menuh a, #menuh a:visited	/* menu at rest */
	{
	color: white;
	background-color:#FF9900;
	text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color:#663300;
	
	}	
			
/*#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	/*{
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}*/
	
/*#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	/*{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}*/

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:6.5em;	/* width of all menu boxes */
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	
	}
	
	
#menuh ul li ul li{
display: block;
width: 170px; /*Width of top level menu link items*/

}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Popout Menu */

/*tab*/

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 0px;
border: 1px solid #D7D7D7;
color: #656363;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #656363;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
background:#FFFFFF;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid  #D7D7D7;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}
/*end tab*/

/*------------------------------------------Footer Start----------------------------------*/
#footer { width:1000px; float:left; background:#FFFFFF;}
.footer-bar { background:#393939 repeat-x; height:86px; padding-top:3px; text-align:center;}
.copyright {font-size:12px;}
/*------------------------------------------End Footer Start----------------------------------*/

/*------------------------------------------Package----------------------------------*/
#bulletpackage ul { padding:0px; margin:0px 0px 0px 15px; list-style:none; }
#bulletpackage ul li { background:url(images/buttle01.gif) no-repeat; line-height:20px; padding-left:20px; }
.package-price { font:25px Arial, Helvetica, sans-serif; font-weight:bold; color:#A91F1F; padding:5px; border-bottom:2px #A91F1F dashed;}
.package-price-desc { font:12px Arial, Helvetica, sans-serif; font-weight:bold; }
.orange { background:#F6C861; color:#000000;font-size:13px; font-weight:bold; }
.orange-bar { background:#F4D99B; color:#000000; font-size:13px; font-weight:bold;}
.tbl_d1{ background:#FDF2D6; font-size:12px;}
.tbl_d2 { font-size:12px;}
.tableborder {border:1px solid #E2E2E2;}
.smalltext { font-size:14px; }

/*------------------------------------------Home page banner css----------------------------------*/
div#MainPromotionBanner{
	width:960px;
	height:274px;
}
#MainPromotionBanner #SlidePlayer {
	position:relative;
	margin: 0 auto;
}
#MainPromotionBanner .Slides{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 274px;
	overflow: hidden;
}
#MainPromotionBanner .Slides li {
	float: left;
	width: 960px;
	height: 274px;
}

#MainPromotionBanner .Slides img{
	border:0;
	display: block;
	width: 960px;
	height: 274px;	
}

#MainPromotionBanner .SlideTriggers{
	margin: 0;
	padding: 0;
	list-style: none; 
	position: absolute; 
	top: 240px; 
	right: 8px;
	z-index: 10;
	height: 20px;	
         filter:alpha(opacity=75);
}
#MainPromotionBanner .SlideTriggers li{
	float: left;
	display: inline;
	color: #ffffff;
	text-align: center;
	line-height:15px;
	width: 14px;
	height: 15px;
	font-family: Arial;
	font-size: 9px;
	cursor: pointer;
	overflow: hidden; 
	margin:3px 5px;
	background: url(images/slide_trigger.gif) no-repeat center center;
}
#MainPromotionBanner .SlideTriggers li.Current{ 
	color:#fff; 
	background: url(images/slide_trigger_c.gif) no-repeat center center;
	border:0; 
	font-weight:bold;
	font-size: 1.1em;
	line-height: 21px;
	height: 22px;
	width: 20px;
	margin:0 6px; 
}

.bar_title{ background:#000000; line-height:38px; color:#FFFFFF; padding-left:20px; font-size:16px; font-weight:bold; }
.bar_content{ background-color:#FFFFFF; }

/* table style */

#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px auto;
	width: 300px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #9ed7ff url('table-images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #dff1ff url('table-images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #bde4ff url('table-images/gradhover.png') repeat-x;
	color: #339;
}

/* end table style */

.careertop { background:url(images/career-bar1.jpg) no-repeat; margin:0; padding:0; height:14px;}
.careermid { background:url(images/career-bar2.jpg) repeat-y; padding-left:15px; margin:0;}
.careerbot { background:url(images/career-bar3.jpg) no-repeat; margin:0; padding:0; height:14px;}

/* table style */

#gradient-style2
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px auto;
	width: 300px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style2 th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #ffb5b2 url('table-images/gradhead-red.png') repeat-x;
	border-top: 2px solid #e39e9b;
	border-bottom: 1px solid #fff;
	color: #3f2008;
}
#gradient-style2 td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #3f2008;
	border-top: 1px solid #fff;
	background: #ffe7e5 url('table-images/gradback-red.png') repeat-x;
}
#gradient-style2 tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #3f2008;
}
#gradient-style2 tbody tr:hover td
{
	background: #ffcdcb url('table-images/gradhover-red.png') repeat-x;
	color: #690720;
}

/* end table style */


/* table style */

#gradient-style3
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px auto;
	width: 300px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style3 th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #ffbe7d url('table-images/gradhead-orange.png') repeat-x;
	border-top: 2px solid #e39e9b;
	border-bottom: 1px solid #fff;
	color: #8c4b0c;
}
#gradient-style3 td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #8c4b0c;
	border-top: 1px solid #fff;
	background: #ffead4 url('table-images/gradback-orange.png') repeat-x;
}
#gradient-style3 tfoot tr td
{
	background: #8c4b0c;
	font-size: 12px;
	color: #de7d1e;
}
#gradient-style3 tbody tr:hover td
{
	background: #ffd3a7 url('table-images/gradhover-orange.png') repeat-x;
	color: #5a2e04;
}

/* end table style */


.brown{ color:#7b1111; font-family:"Trebuchet MS"; font-size:15px; text-align:center;}

.brown span{ font-weight:bold; font-size:20px;}


/* orange estate table */

.estate-banner { background:url(images/main-orange-estate.jpg) no-repeat; width:997px; height:340px;}

.estate-left { background:url(images/estate-tablebg.jpg) no-repeat #fff; width:620px; float:left; padding:20px 30px 0 52px;}


.estate-rightside { width:295px; float:left; text-align:center; vertical-align:top;}



.estate-right { background:url(images/tag.jpg) no-repeat; width:250px;float:left; margin-bottom:20px; padding-top:100px; padding-left:25px; padding-right:20px;}

.clearboth { clear:both;}

.center-estate { background:#FFFFFF; width:1000px;}
.estate-red {color:#990000; font-size:16px; font-weight:bold;}
.estate-green { color:#496818; font-size:20px; font-weight:bold;}
.red-color { color:#990000; font-size:18px;}
.green-color { color:#698223; font-size:16px;}
.green-color2 {color:#698223; }

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index:20;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
background-color:#FFFFFF;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:0px;
left: 150px; /*position where enlarged image should offset horizontally */
background-color:#FFFFFF;


}

.flow { background:url(/v2/images/web-design/center.jpg) no-repeat; width:620px;}
.flow h2 { font-size:16px; margin:0; padding-left:48px; color:#000;}
.flow h2 span { color:#D04306;}
.flow tr, .flow td { font-size:12px; line-height:1.25em; } 
.right-contact { background:url(/v2/images/web-design/contact-bg.jpg) no-repeat; width:344px;}
#commentForm tr, #commentForm td {font-size:11px; line-height:1.25em; } 
#commentForm input, #commentForm textarea, #commentForm select{ font-size:11px; line-height:1.25em; font-size:98%;}