@charset "UTF-8";

.block {
display:block;
width: 870px;
clear:both;
}

.block a {
font-family:Helvetica, Arial, sans-serif;
font-size: 10px;
color: #acacac;
text-decoration:none;
}

.block a:hover {
color:#FFFFFF;
background-color:#acacac;
}

	#block_right_div {
	float:right;
	padding-top:10px;
	}
	
	#block_left_div {
	float:left;
	padding-top:10px;
	}


img {
border:none;
}

body {
/*
background:url(../images/main_bg4.jpg);

background-color:#f3f0e7;

*/

background-color:#f7f7f7;
margin:0;
border:0;
}

.logo {
margin-left:35px;
margin-top:15px;
}


#wrapper {
width: 870px;
min-height: 800px;
margin-left:auto;
margin-right:auto;
background-color:#f7f7f7;
/*
background:url(../images/main_bg4.jpg);
*/




}


#headerx {
background: url(../images/headerx_repeat_bg.jpg) repeat-x;
height:70px;
margin:0;
padding:0;
width:100%;
display:block;
position: relative;

clear:both;

}	


.headerx_sub_head {
margin-top:7px;
}

.top_nav_bar {
margin: 0 5px;
}

#header {
width: 870px;

margin-left:auto;
margin-right:auto;
}	

	#nav_bar_container {
	float:right;
	}
	
	.main_nav_bar {
	margin-left:365px;
	}

#work {
margin-top:20px;
}

#about {
margin-top:20px;
}

#contact {
margin-top:20px;
}

.graphic_web_design_sub_head {
margin-top:30px;
}


#homepage_view_btn {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size:12px;
color:#19bbec;
text-align:right;
text-decoration:none;
margin:0;
padding:0;
float:right;
}

#homepage_view_btn:hover {

text-decoration:underline;
}

/*
#hot_link1 {
width:272px;
height:145px;
margin-right:11px;
margin-left:11px;
margin-top:15px;
text-align:left;
display:inline;

}

#hot_link2 {
width:272px;
height:145px;
margin-right:11px;
margin-top:15px;
text-align:left;
display:inline;



}

#hot_link3 {
width:272px;
height:145px;
margin-right:11px;
margin-top:15px;
text-align:left;
display:inline;

}
*/
#hot_links {
display:block;

}

.mini_container1 {
float:left;
width:272px;
margin: 15px 12px 0 15px;
}

.mini_container {
float:left;
width:272px;
margin: 15px 12px 0 0;
}

.mini_container h1, .mini_container1 h1 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size:16px;
color:#7f7f7f;
text-align:left;

}

.mini_container a, .mini_container1 a {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size:16px;
color:#7f7f7f;

text-decoration:none;

}

.mini_container a:hover, .mini_container1 a:hover {
text-decoration:underline;
color:#19bbec;

}


.mini_container p, .mini_container1 p {
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:12px;
color:#7f7f7f;
text-align:left;
line-height:17px;

}


.work_thumb_container1 {
float:left;
width:272px;
margin: 0 12px 0 15px;
}

.work_thumb_container {
float:left;
width:272px;
margin: 0 12px 0 0;
}


/*
	#hot_link1_text {
width:272px;
height:145px;
margin-right:11px;
margin-left:11px;
margin-top:15px;
text-align:left;
display:inline;

}

#hot_link2_text {
width:272px;
height:145px;
margin-right:11px;
margin-top:15px;
text-align:left;
display:inline;



}

#hot_link3_text {
width:272px;
height:145px;
margin-right:11px;
margin-top:15px;
text-align:left;
display:inline;

}

.hot_links_no1{
margin-left:10px;
margin-right:12px;
margin-top:15px;
text-align:left;
}

#hot_links {
margin-right:12px;
margin-top:15px;
text-align:left;
}

.hot_links p{
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:13px;
text-align:left;
}

/*

#header {
padding-top: 15px;
}
*/
.email_text {
font-family:Helvetica, Arial, sans-serif;
font-size: 11px;

color: #00b9e9;
}

#dotted_line {
width:870px;
height:35px;
background:url(../images/dotted_line.gif) no-repeat;
clear:both;
}

	.homepage_next_btn {
	padding-top:12px;
	}
	


#main_content p {
text-align:left;

}

#work_content p {
text-align:left;
margin-left:150px;

}






.port_btn {
padding-bottom: 5px;
}

.about_btn {
padding-bottom: 5px;
}



#work_area {
width: 600px;
height: auto;
float: right;
margin-top: 110px;
margin-right:25px;



}

#news h1{
font-family:Helvetica, Arial, sans-serif;
font-size: 10px;

color: #00b9e9;
}


#news h2{
font-family:Helvetica, Arial, sans-serif;
font-size: 11px;

color: #00b9e9;
}

#news h3{
font-family:Helvetica, Arial, sans-serif;
font-size: 10px;
text-align:left;
color: #959595;
}


#news p{
font-family:Helvetica, Arial, sans-serif;
font-size: 10px;
text-align:left;
color: #959595;
text-indent: 10px;
}

.new_item {
font-family:Helvetica, Arial, sans-serif;
font-size: 11px;
background: #ffffff;
color: #00b9e9;
text-decoration: blink;
padding-top: 2px;
padding-bottom:2px;
padding-right:3px;
padding-left:3px;
}



.client {
font-family:Helvetica, Arial, sans-serif;
font-size: 10px;
text-transform:uppercase;
color: #555555;


padding-top: 2px;
padding-bottom:2px;
padding-left:7px;
}

.client_large {
font-family:Helvetica, Arial, sans-serif;
font-size: 11px;
text-transform:uppercase;
color: #555555;


padding-top: 2px;
padding-bottom:2px;
padding-left:7px;
}

.description {
font-family:Helvetica, Arial, sans-serif;
font-size: 11px;
padding-right:5px;
padding-top: 1px;
padding-bottom:2px;
padding-left:5px;
color: #878787;
margin-left:4px;



}

.description_large {
font-family:Helvetica, Arial, sans-serif;
font-size: 12px;
padding-right:5px;
padding-top: 1px;
padding-bottom:2px;
padding-left:5px;
color: #878787;



}

.website_links {
font-family:Helvetica, Arial, sans-serif;
font-size: 12px;
color: #878787;
text-decoration:underline;
}

.website_links:hover {
background: #00b9e9;
color: #ffffff;

}

.website_links_work {
font-family:Helvetica, Arial, sans-serif;
font-size: 11px;
color: #878787;
text-decoration:underline;
}

.website_links_work:hover {
background: #00b9e9;
color: #ffffff;

}
.back_btn a {
font-family:Helvetica, Arial, sans-serif;
font-size: 12px;

/*
color: #00b9e9;
*/
text-align:left;
}


/*
.back_btn a:hover {
color: #ffffff;
background: #00b9e9;
}
*/


.copyright_info {
font-family:Helvetica, Arial, sans-serif;
font-size: 9px;
color: #acacac;
text-transform:uppercase;

}

.copyright_info_about {
font-family:Helvetica, Arial, sans-serif;
font-size: 9px;
color: #acacac;
text-transform:uppercase;
text-align:center;

}

#about_left {
width: 594px;
min-height: 246px;
margin-top:15px;
float:left;

}


#about_right {
width: 199px;
height: 280px;
background:url(../images/about_right_div_bg.jpg) no-repeat;
float: right;
margin-top:75px;
margin-right:15px;


}


	.what_i_use_headline {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 17px;
	color: #7f7f7f;
	margin:20px 20px;
	}
	
	#what_i_use_list {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #ffffff;
	
	}
	
	#what_i_use_list li {
	padding:2px 0;
	}

.about_header {
margin-left:20px;
}

#about_left h1 {
font-family:Helvetica, Arial, sans-serif;
font-size: 16px;
color: #7f7f7f;
padding-left:20px;
padding-right:20px; 
}


#about_left p {
font-family:Helvetica, Arial, sans-serif;
font-size: 13px;
color: #7f7f7f;
padding-left:20px; 
padding-right:20px;
padding-bottom:10px;
margin-left:0;
line-height:17px;
}

#about_lower {
width:870px;
height:12px;
clear:both;
padding-top:35px;

}

#about_lower p {
font-family:Helvetica, Arial, sans-serif;
font-size: 9px;
color: #acacac;
text-transform:uppercase;
text-align:left;
margin-left: 150px;
}


#footer {
background:url(../images/dotted_line.gif) no-repeat;
width:870px;
height:10px;
clear:both;
}

#footer_about {
background:url(../images/dotted_line.gif) no-repeat;
width:870px;
height:10px;
clear:both;
margin-top: 25px;
}

#footer_about p {
font-family:Helvetica, Arial, sans-serif;
font-size: 9px;
color: #acacac;
text-transform:uppercase;
text-align:center;
padding-top: 25px;
}


#logos_left {
width:282px;
min-height:400px;
float:left;
padding-left:115px;
}

#logos_right {
width:282px;
min-height:400px;
float:right;
padding-left:35px;
padding-right:115px;
}

#logos_right img, #logos_left img {
padding-bottom:25px;
}




			
	/* Easy Slider */

	#slider {
	margin-left:15px;
	overflow:hidden;
	width:840px;
	height:340px;
	
	}
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:840px;
		height:340px;
		overflow:hidden; 
		}	

							
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-160px;
		}	
	#nextBtn, #nextBtn2{ 
		left:840px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}			
		
		
		
		.graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }									




/************NOSCRIPT**************/

#no_javascript {
	background-color:#fffeb8;
	border-bottom:1px solid;
	position:absolute;
	top:0;
	width:100%;
	height: 30px;
	
	
}

#no_javascript p{
	background: url(../images/no_javascript_icon.gif) no-repeat 0;
	line-height: 2.5em;
	display:inline;
	padding:6px 0 6px 25px;
	color:#333333;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}