﻿/**************************************************************************************
Inner Pages classes
Copyright © 2010 Dot IT All rights reserved
Powered by Dot IT
**************************************************************************************/

/**/
.data_inner{
	width:840px;
	height:auto;
	margin:30px 30px 45px 30px;

}

#data_inner2{
	width:840px;
	height:auto;
	margin:30px 30px 0 30px;

}


.title_bold{
	font-weight:bold;
}

.line_center{
	width:600px;
	margin:30px auto 30px auto;
	height:1px;
	background-color:#dddddd;
}


/*staff*/

.staff_data{
	float:left;margin-right:20px;margin-bottom:10px;height:20px;width:450px;
	}
	
	
/* About */

#staff_link{
	margin-top:25px;
	width:84px;
	height:26px;
	float:right;
	text-align:right;
}

#staff_links:link, #staff_links:visited {
	width:84px;
	height:26px;
	display:block;
	background:url('../images/Staff_link.jpg') center center no-repeat;
}

#staff_links:hover, #staff_links:active{
	background:url('../images/staff_link_h.jpg') center center no-repeat;
}



	
	
	
	
	
	
	


#folio_menu{
	width:197px;
	height:auto;
	padding-top:46px;
	float:left;
	background:url('../images/portfolio_menu_bg.jpg') center top no-repeat;
}

#folio_menu ul {
	width:195px;
	height:auto;
	list-style:none;
	margin:0 1px;
}


#folio_menu ul li {
	width:175px;
	height:auto;
	margin:0 10px;
	border-bottom:1px #6b6b6b dotted;
}



#folio_menu ul li a:link,#folio_menu ul li a:visited{
	width:145px;
	height:11px;
	padding:10px 15px;
	display:block;
	font-family:Verdana;
	font-size:11px;
	color:#6b6b6b;
	text-decoration:none;
}

#folio_menu ul li a:hover, #folio_menu ul li a:active{
	color:#fff;
	background-color:#0083c4;
}





#folio_gallery{
	width:600px;
	height:auto;
	float:right;
}

	
	


#folio_gallery ul{
	width:600px;
	height:330px;
	text-align:center;
	list-style:none;
	float:left;
	clear:both;
}

#folio_gallery ul li{
	float:left;
	width:135px;
	height:145px;
	margin:6px 6px;
}



.gallery_ph{
	width:135px;
	height:145px;
	vertical-align:top;
}
	

.gallery_ph_left{
	width:9px;
	height:40px;
	background:url('../images/portfolio_ph_left.jpg') center center no-repeat;
	float:left;
	clear:both;
}
	

.gallery_ph_right{
	width:9px;
	height:40px;
	background:url('../images/portfolio_ph_right.jpg') center center no-repeat;
	float:right;
}
	

.gallery_ph_top{
	padding-top:10px;
	width:117px;
	height:30px;
	background:url('../images/portfolio_ph_top.jpg') center top repeat-x;
	float:left;
	color:white;
}


.gallery_ph_center{
	width:115px;
	padding:0 10px;
	height:95px;
	background-color:#f5f5f5;
	clear:both;
	float:left;
}

.gallery_ph_top a:link, .gallery_ph_top a:visited{
	color:#fff;
}

.gallery_ph_top a:hover, .gallery_ph_top a:active{
	color:#004c93;
}

.gallery_ph_bottom{
	width:135px;
	height:10px;
	background:url('../images/portfolio_ph_bottom.jpg') center center no-repeat;
	clear:both;
}

	
	
	
	
.gallery_con {
	width:600px;
	height:20px;
	clear:both;
	padding-top:15px;
	text-align:center;
	border-top:1px #d2d2d2 dotted;
}
	
.gallery_con_in {
	width:300px;
	height:20px;
	text-align:center;
}
	


	
.gallery_con_num:link,.gallery_con_num:visited{
	width:13px;
	height:13px;
	padding:5px 3px;
	display:inline-block;
	font-family:Verdana;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	background-color:#0083c4;
}

.gallery_con_num:hover, .gallery_con_num:active{
	background-color:#49aa41;
}
	

.gallery_con_num_out{
	width:13px;
	height:13px;
	padding:5px 3px;
	display:inline-block;
	font-family:Verdana;
	font-size:10px;
	color:#666;
	text-decoration:none;
	background-color:#f5f5f5;
	
}
	
.gallery_end{
	clear:both;
	width:100%;
	height:25px;
	float:left;
}	
	
	





.warning{
	width:840px;
	height:71px;
	clear:both;
	margin-top:25px;
}


.warning_left{
	width:56px;
	height:71px;
	float:left;
	background:url('../images/warning_left.jpg') center right no-repeat;
}

.warning_right{
	width:39px;
	height:71px;
	float:right;
	background:url('../images/warning_right.jpg') center left no-repeat;
}

.warning_center{
	width:705px;
	height:53px;
	padding:16px 20px 0 20px;
	float:left;
	border-top:1px #d6d6d6 solid;
	border-bottom:1px #d6d6d6 solid;
	color:#3d3d3d;
	font-size:9px;
}










/*  portfolio  */

.portfolio{
	width:840px;
	height:auto;
	list-style:none;
}

.portfolio li{
	width:130px;
	height:134px;
	float:left;
	margin:40px 40px;
}








/*Network*/
.uls{
	
}

.uls ul{
	list-style:none;
}



.uls ul li{
	margin-left:20px;
	padding:5px 0 5px 0;
}


.mt15{
	margin-top:15px;
}


/* Web Host */

.row_host_title{
	clear:both;
	width:600px;
	height:20px;
	padding-left:240px;
	margin-top:30px;
	
}

.rows{
	margin-top:20px;
	width:840px;
	height:auto;
}


.row_title{
	clear:both;
	width:820px;
	height:20px;
	border-bottom:1px #dddddd solid;
	padding-left:20px;
}

.row_data{
	clear:both;
	width:840px;
	height:25px;
	border-bottom:1px #dddddd solid;
	
}

.row_data2{
	clear:both;
	width:840px;
	height:50px;
	border-bottom:1px #dddddd solid;
	
}


.row_data:hover{
		background-color:#f1f2f2;
}


.c_title{
	width:220px;
	float:left;
	padding:5px 0 0 20px;
	
}


.c_data{
	width:200px;
	float:left;
	text-align:center;
	padding-top:5px;
}
.c_data2{
	width:600px;
	float:left;
	padding-top:5px;
}




/* Services */
.back {
	text-align:right;
	width:840px;
	height:auto;
}

