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

*
{
	margin:0px;
	padding:0px;
}

img
{
	border:none;
}

body
{
	font-family:Verdana, Geneva, sans-serif;
	background-image:url(../images/main_background.jpg);
	background-repeat:repeat-x;
	background-color:#121212;
}

#site_container
{
	background-image:url(../images/top_background2.png);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	z-index:5;
}

#main_site
{
	width:950px;
	text-align:left;
	margin:0px auto 0px auto;
}

#top
{
	height:46px;
}

#header
{
	height:270px;
}

#logo
{
	width:320px;
	float:left;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	height:270px;
}

* html #logo
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logo.png", sizingMethod="crop");
}

#flash_movie
{
	width:630px;
	float:right;
}

.clearify
{
	clear:both;
}

.details_area_homepage
{
	width:950px;
}

#web, #internet, #programming
{
	height:271px;
	width:290px;
	background-image:url(../images/box_webdesign.png);
	background-repeat:no-repeat;
}

* html #web
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/box_webdesign.png", sizingMethod="crop");
}

#programming
{
	background-image:url(../images/box_programming.png);
	background-repeat:no-repeat;
}

* html #programming
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/box_programming.png", sizingMethod="crop");
}

#internet
{
	background-image:url(../images/box_internet.png);
	background-repeat:no-repeat;
}

* html #internet
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/box_internet.png", sizingMethod="crop");
}


#web p, #internet p, #programming p
{
	font-size:12px;
	color:#FFF;
	padding-top:50px;
	padding-left:25px;
	padding-right:45px;
	line-height:22px;
	text-align:justify;
}

#homepage_left
{
	float:left;
	width:610px;
	padding-top:30px;
}

.quote_area
{
	background-image:url(../images/quote_area.gif);
	background-repeat:no-repeat;
	height:80px;
	width:510px;
	font-size:12px;
	line-height:18px;
	font-style:italic;
	color:#9e9e9e;
	padding-top:20px;
	padding-left:70px;
	padding-right:30px;
}

.client_name
{
	color:#FFF;
}

#homepage_right
{
	float:right;
	width:300px;
	padding-top:30px;
}

#details_area
{
	width:950px;
	background-image:url(../images/details_area_middle.png);
	background-repeat:repeat-y;
}

* html #details_area
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/details_area_middle.png", sizingMethod="scale");
	height:100%;
}


#details_area_left
{
	width:620px;
	float:left;
}

#details_area_right
{
	width:300px;
	float:right;
}

#details_area_left h1, #details_area_right h1
{
	padding-left:30px;
	padding-top:10px;
}

#details_area_right h1
{
	padding-left:0px;
}

h1
{
	font-size:20px;
	font-weight:normal;
	color:#FFF;
	padding-bottom:20px;
}

h2, #details_area_right h2, .service_column h2
{
	font-size:18px;
	font-weight:normal;
	padding-left:30px;
	color:#faaf00;
}

#details_area_right h2, .service_column h2, .portfolio_box h2
{
	padding-left:0px;
}

.portfolio_box h2
{
	font-size:14px;
	padding-bottom:5px;
	padding-top:5px;
}

#details_area_right h3
{
	font-size:14px;
	color:#CCC;
	font-weight:normal;
}

.details_text
{
	font-size:12px;
	line-height:18px;
	color:#9e9e9e;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
}

.services_text
{
	font-size:12px;
	color:#9e9e9e;
	padding-top:10px;
	padding-bottom:10px;
	line-height:18px;
	padding-right:10px;
}

#details_area_right .details_text
{
	padding-left:0px;
	padding-right:30px;
}

#services
{
	width:895px;
	padding-left:30px;
	padding-right:25px;
}

.service_column
{
	width:33%;
	float:left;
	padding-right:2px;
}

.portfolio_box
{
	background-image:url(../images/portfolio_back.png);
	background-repeat:no-repeat;
	width:266px;
	height:207px;
	float:left;
	margin-left:20px;
	margin-bottom:10px;
	text-align:center;
}

.portfolio_box img
{
	margin-bottom:7px;
	border:#999 3px solid;
}

.portfolio_box .btn
{
	border:none;
}

#footer
{
	height:36px;
	margin:0px auto 0px auto;
	text-align:center;
	width:930px;
	color:#666;
	font-size:12px;
	padding-top:30px;
	background-image:url(../images/footer_back.png);
	background-repeat:no-repeat;
	margin-top:20px;
	margin-bottom:20px;
}

#footer a:link, #footer a:visited, #details_area a:link, #details_area a:visited
{
	color:#666;
	text-decoration:none;
	position:relative;
}

#footer a:hover, #details_area a:hover
{
	color:#FFF;
}

* html #footer
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/footer_back.png", sizingMethod="crop");
}


#nav
{
	color:#FFFFFF;
	font-size:13px;
	margin-left:20px;
	margin-right:20px;
}

#nav ul {

	list-style:none;
	padding: 0px;
	height:42px;
}

#nav a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding-left:12px;
	padding-right:12px;
	padding-top:8px;
	padding-bottom:10px;
	position:relative;
}

#nav li {
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}

#nav li:hover, #nav li.sfhover {
/*	background: #137ab5;*/
	background-image:url(../images/menu_back.jpg);
	background-repeat:repeat-x;
}