/* CSS Document */

body {
	margin:0;
	background:#40495d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#666666;}
	
h2 {
	font-size:1.3em;
	font-weight:bold;}
	
h3 {
	font-size:1em;
	margin:0;
	font-weight:bold;}
	
label{
	color:#666666;
	font-weight:bold;}

#topRow{
	width:950px;
	height:95px;
	margin:0 auto;
	background-color:#f0f1f4;
}

#topRow img{
	border:0;
	padding:0.3em 0 0 0.3em;
	float:left;}

#topRow form {
	display:block;
	float:right;
	font-size:0.8em;
	margin-top:1em;
}
	
#topRow form input{
	font-size:0.85em;
	margin-right:0.8em;} 

	
#bottomRow{
	width:950px;
	margin:0 auto;
	/*border:1px solid #999999;*/
} 

#navheader{
	background-image:url(images/naviBG.jpg); background-repeat:repeat;
	width:950px;
	height:29px;
	margin-bottom:0;
	border:0;
}

#navheader img {
	border:0;
	vertical-align:middle;}
	
#navheader ul {
	display:block;
	width:950px;
	height:29px;
	margin:0;
	padding:0;
}	

#navheader li{
	margin:0;
	background-color:#00FF00;
	display: inline;
}

#navheader ul li a{
	color: white; /*text color*/
	padding:0.6em 0;
	text-decoration: none;
	text-align:center;
	font-size:0.95em;
	font-weight:bold;
	display:block;
	width:117px;
	/* old width-	width:130px;*/
	float:left;
}

#navheader ul li a:hover{
	background-image:url(images/naviBG2.jpg);
	color:#FFFFFF;
/*	border-left:1px solid #0000CC;
	border-right:1px solid #0000CC;*/}
	


/*---- Navigation Page Indicators ----*/
#home #navi-home a, #pcServices #navi-pcServices a, #networking #navi-networking a, #hosting #navi-hosting a, #products #navi-products a, #specialService #navi-specialService a, #partners #navi-partners a, #contact #navi-contact a {
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	background-image:url(images/naviBG2.jpg);
}	

#content{
	background-color:#f6f4ea;
	margin:0;
	padding-top:0.7em;}
	
#pageDesc{
	width:99%;
	display:block;
	height:208px;
	margin:0em auto;
	padding:0.6em 0;
	}
	
#pageDesc img{
	display:block;
	float:right;
	}

#pageDesc h1{
	color:#000000;
	margin:0 0 0.5em 0;
	padding:0.2em 0 0.2em 0;
	}

#pageDesc p{
	display:block;
	width:450px;
	margin:0.7em 0 0 1.2em;
	padding:0 0 0 0.6em;
	border-left:solid 7px #0066CC;}


#contactTable{
	width:96%;
	margin:0 auto;}
	
#contactTable tr td{
	vertical-align:top;
	padding:2px;}
	
#contentTable{
	width:98%;
	margin:0 auto;
}	

.requiredField {
	font-size:0.9em;
	color:#CC0000;
	padding-left:0.4em;
	font-weight:bold;}
	
.linkIndent{
	margin: 0.3em 0 1.2em 1em;
	display:block;}

#contentTable tr td{
	vertical-align:top;}
	
.contentTableLeft{
	width:165px;
	border-right:1px solid #CCCCCC;}
	
.contentTableRight{
	padding-left:1.2em;
	}
	
.contentTableRight p{
	margin-top:0;}
	
.OnecontentTable {
	width:96%;}

.underlineTitle{
	display:block;
	width:93%;
	font-size:1.2em;
	font-weight:bold;
	color:#666666;
	border-bottom:4px solid #0066CC;
	margin-bottom:0.3em;}
	
.services{
	list-style:square;}
	
#FrontEndServiceWrap{
	display:block;
	width:96%;
	margin:0.5em auto;
	height:150px;}
	
#FrontEndServiceWrap h4{
	margin:0.6em 0 0.2em 0;
	}

	
#FrontEndServiceWrap ul{
	margin:0;
	padding:0;}
		
#FrontEndServiceWrap ul li{
	list-style:none;
	font-size:0.8em;
	margin:0;
	padding:0 0 0.5em 0;
	border-bottom:1px dashed #99CCFF;}
	
#FrontEndServiceWrap #left{
	display:block;
	width:45%;
	float:left;
	}
	
#FrontEndServiceWrap #right{
	display:block;
	width:45%;
	float:right;
	}
	
#featureLeft, #newsLeft{
	display:block;
	width:93%;
	background-color:#FFFFFF;
	margin-bottom:1.2em;
	vertical-align:top;
	}
	
#FeaturePartners table{
	width:100%;
	}

#FeaturePartners table tr td{
	padding:3px;}
	
#footer {
	display:block;
	width:950px;
	margin:0.5em auto;
	font-size:70%;
	color:#CCCCCC;
	text-align:center;}
	
/****************************************************/
/*             little boxes on homepage             */ 
/*      Credits: Dynamic Drive CSS Library          */
/*      URL: http://www.dynamicdrive.com/style/     */
/****************************************************/

.commentbox{
background-color:#99CCFF;
width: 200px;
padding: 5px;
}

.commentLink{
	text-align:right;
	margin-bottom:0.3em;}
	
.commentLink a{
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
	color:#330066;
}
	
.commentLink a:hover{
	color:#6699CC;}

.commentbox h1{
	font-size:1.5em;
	margin:0 0 0.6em 0;
	border-bottom:1px solid #999999;
	padding-bottom:0.3em;
}

.commentfooter{
background: url(images/specialBoxArrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
width:100px;
height:20px;
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

.specialWrapper{
	float:left;
	width:205px;
	margin:0 1.6em;}
	
	
/*************************************/
/******* style for partner slide *******/
/*************************************/

#myGallery
{
	width: 440px;
	height: 208px;
	z-index:5;
	float:right;
}


#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-position: center center;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-position: center center;
	background-image: url('images/loading-bar-blue.gif'); background-repeat:no-repeat;
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background:#CCFFFF;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}



.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}