@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("960.css");
@import url("portfolio.css");
@import url("form.css");

body {
	background:#ffffff url(../images/bg_small.png) repeat-x;
	text-align:center;
	font-size:12px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;	
}

body.main {
	background:#ffffff url(../images/bg.png) repeat-x;
}

h1 span, h2 span, h3 span, h4 span, a span {
	display:none;
}

a {
	color:#8f0000;
	text-decoration:none;
}

p {margin-bottom:10px}
p.medium {font-size:13px}

hr {
	border:0;
	padding:10px 0;
	background:url(../images/horizontal-rule.gif) no-repeat center top
}

ul.basic {
	margin:0px 5px 10px;
}
ul.basic li {
	margin:3px 10px;
	list-style-image:url(../images/bullet.png);
}

.comment {
	background:url(../images/comment.png) no-repeat;
	padding:0 0 0 20px;
}


.hidden { display:none}

#header {
	height:160px;
	background:url(../images/bg-sub-header_small.png) no-repeat 0 57px;
	text-align:left;
}

.main #header {
	height:300px;
	background:url(../images/bg-sub-header.png) no-repeat 0 57px;
}

	#header h1 a {
		height:126px;
		width:378px;
		display:block;
	}
	
	#header h1 {
		float:left;
		background:url(../images/logo.png);
		width:378px;
		height:126px;
		margin-left:27px;
	}
	
	.main #header h2 {
		width: 400px;
		margin:40px 0 0 50px;
		color:#fff;
		font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:normal;
		line-height:18px;
		float:left;
	}
	
	.learnmore {
		display:block;
		float:left;
		background:url(../images/btn_learn_more.png) no-repeat;
		width:150px;
		height:32px;
		margin:10px 0 0 50px;
	}
	
		.learnmore:hover {
			background:url(../images/btn_learn_more_on.png) no-repeat;
		}
		
	.submit {
		display:block;
		background:url(../images/btn_submit.png) no-repeat;
		width:150px;
		height:32px;
	}
	
		.submit:hover {
			background:url(../images/btn_submit_on.png) no-repeat;
		}

#header .nav {
	float:right;
	width:549px;
	height:52px;
}

	#header .nav li, #header .nav li a {
		display:block;
		height:52px;
		float:left;	
		background-position: 0 52px;
	}
	
	#header .nav li a:hover, #header .nav li.on a {
		background-position: 0 0;
	}
	
	#header .nav li#blog a {
		background-image:url(../images/nav_blog.png);
		width:87px;
	}
	
	#header .nav li#services a {
		background-image:url(../images/nav_services.png);
		width:130px;
	}
	
	#header .nav li#work a{
		background-image:url(../images/nav_work.png);
		width:108px;
	}
	
	#header .nav li#contact a{
		background-image:url(../images/nav_contact.png);
		width:134px;
	}
	
	#header h2 {
		width:416px;
		height:77px;
		float:right;
	}
	
	#header h2#work { background:url(../images/h2_work.png); }
	#header h2#contact { background:url(../images/h2_contact.png); }
	#header h2#blog { background:url(../images/h2_blog.png); }
	#header h2#services { background:url(../images/h2_services.png); }
	
	#header #frames {
		width:374px;
		height:302px;
		margin-right:100px;
		float:right;
	}
		#header #frames #frame1 {
			background:url(../images/home_frame1.png) no-repeat;
			z-index: 25;
		}
		#header #frames #frame2 {
			background:url(../images/home_frame2.png) no-repeat;
			z-index: 50;
		}
		#header #frames #frame3 {
			background:url(../images/home_frame3.png) no-repeat;
			z-index: 75;
		}
		#header #frames #frame4 {
			background:url(../images/home_frame4.png) no-repeat;
			z-index: 100;
		}
	
	#header .home_frame {
		width:374px;
		position:absolute;
		height:302px;
	}
	
#pre-body, #body {
	color:#636B75;
	line-height:18px;
	margin-top:25px;
	text-align:left;
	overflow:hidden;
}

	#pre-body h4 {
		width:550px;
		height:47px;
	}
	
	#pre-body .grid_3 h4 {
		width:220px !important;
	}
	#pre-body h4 {background-repeat:no-repeat;}
	#pre-body h4#usability { background-image:url(../images/h4_usability.png)}
	#pre-body h4#maintainability { background-image:url(../images/h4_maintainability.png)}
	#pre-body h4#innovation { background-image:url(../images/h4_innovation.png)}
	#pre-body h4#creativity { background-image:url(../images/h4_creativity.png)}
	#pre-body h4#about{ background-image:url(../images/h4_aboutus.png)}
	
	#pre-body h4#whychoose { background-image:url(../images/h4_whychoose.png);}
	#pre-body h4#contact { background-image:url(../images/h4_contact.png);}
#body {
	background:#fff url(../images/bg_main.png) repeat-x;
	min-height:200px;
	color:#666666;
}

	#body h3 {
		margin-top:10px;
		width:300px;
		height:47px;
	}
	
	#body h3#latest-project { background:url(../images/h3_latest_project.png)}
	#body h3#from-the-blog { background:url(../images/h3_from_the_blog.png)}
	
	#body h3#deal_of_the_day {width:513px; background:url(../images/h3_deal_of_the_day.png)}
	#body h3#ecommerce {width:513px; background:url(../images/h3_ecommerce.png)}
	#body h3#hosting_maintenance {width:513px; background:url(../images/h3_hosting_maintenance.png)}
	#body h3#online_presences {width:513px; background:url(../images/h3_online_presences.png)}
	

.quote-box {
	width:300px;
	height:350px;
	background:url(../images/quote_box.png) no-repeat;
	margin-bottom:10px;
}

	.quote-box .quote {
		margin:60px 30px 10px 40px;
		height:260px;
		font-size:13px;
		line-height:18px;
	}
	
	.quote-box .author {
		text-align:right;
		font-weight:bold;
		font-size:14px;
	}
	
	.quote-box a {
		font-weight:normal;
		border-left: 1px #ccc solid;
		padding-left:5px;
		margin-left:5px;
	}
	
.success {
	background:url(../images/checkmark.png) no-repeat;
	padding-left:30px;
	margin:20px;
}

.latest-project {
	display:block;
	height:208px;
	width:250px;
	background:url(../images/latest_project.png) no-repeat;
}

.post {
	overflow:hidden;
	margin:10px 0;
	background:url(../images/horizontal-rule.gif) no-repeat 40px 0;
	padding-top:10px;
}

.postfirst {
	background:none !important;
}

	.post .date {
		background:url(../images/CalendarAlt.png) no-repeat 0 2px;
		width:59px;
		height:80px;
		float:left;
		margin:5px 15px 0 0;		
		text-transform:uppercase;
	}

		.post .date .month {
			width:59px;
			text-align:center;
			color:#fff;
			font-weight:bold;
		}
		
		.post .date .day {
			text-align:center;
			font-size:28px;
			font-weight:bold;
		}
	
	.post .content {
		padding-left:70px;
	}
	
	.post .content h4 {
		font-size:16px;
		margin-bottom:8px;
	}
	
	.post .content a {
		border-bottom:1px dashed #8f0000;
	}


#footer {
	background:url(../images/bg_footer.png);
	height:85px;
	color:#fff;
	line-height:12px;
}

	#footer p.copy {
		float:left;
		text-align:left;
		padding-top:60px;
		font-size:11px;
	}
	
	#footer p.right {
		float:right;
		text-align:left;
		padding-top:60px;
		font-size:11px;
	}
	
	#footer ul.nav {
		float:right;
		padding-top:60px;
		font-size:11px;
	}
	
	#footer ul.nav li {
		float:left;
		padding:0 5px;
		margin:0 5px;
	}
	
	#footer  a {
		color:#fff;
	}
	
	#footer ul.nav a span {
		display:block;
	}
	
	#footer .logo {
		background:url(../images/logo_footer.png);
		display:block;
		height:85px;
		width:72px;
		float:left;
	}

#fnf404 {
	background:url(../images/404.png);
	width:400px;
	height:400px;
	margin-bottom:100px;
}

#fnf404 span {display:none}

#pre-body ul.nav {
	margin:0px 5px 10px;
}

#pre-body ul.nav li {
	margin:3px 10px;
	list-style-image:url(../images/bullet.png);
}

#pre-body ul.nav a span {
	display:inline;
	font-size:15px;
	border-bottom:1px dashed #8f0000;
	line-height:24px;
}

.vis-clear { 
	clear:both;
	font-size:0px;
	height:0px;
	line-height:0px;
	width:100%;
}