*{
padding:0;
margin:0;
outline:none;
}

body{
margin:0;
padding:0px;
font-family:"Lucida Grande","Lucida Sans Unicode",verdana,sans-serif;
font-size:12px;
line-height:18px;
background:#2b2924;
}

#container{
width:100%;
float:left;
}

#bannerContainer{
width:100%;
text-align:center;
background-image:url('../designs/banner_bg.jpg');
background-repeat:repeat-x;
}

	#banner{
	width:960px;
	height:100px;
	margin:0 auto;
	text-align:left;
	}

		#banner img{
		margin:17px 0px 0px 0px;
		}

		#banner .mainbanner{
		text-decoration:none;
		border:none;
		}

#navContainer{
width:100%;
text-align:center;
background-image:url('../designs/nav_bgtile.jpg');
background-repeat:repeat-x;
}

	#nav{
	width:960px;
	height:40px;
	margin:0 auto;
	text-align:left;
	background-image:url('../designs/nav_bg.jpg');
	background-repeat:no-repeat;
	}

		#nav .home{
		margin:0px 0px 0px 30px;
		}

		#nav .project{
		padding:0px 0px 0px 60px;
		}

		#nav .serviceandrates{
		padding:0px 0px 0px 75px;
		}

		#nav .contact{
		padding:0px 0px 0px 75px;
		}

		#nav ul{
		padding-top:12px;
		}

		#nav ul li{
		list-style-type:none;
		display:inline;
		color:#fff;
		}

		#nav ul li a{
		text-decoration:none;
		color:#fff;
		}

		#nav ul li a:hover{
		text-decoration:underline;
		}

#updatesContainer{
width:100%;
height:320px;
text-align:center;
background-image:url('../designs/updates_bg.jpg');
background-repeat:repeat-x;
background-color:#484848;
}

	#updates{
	width:960px;
	margin:0 auto;
	padding:20px 0px 20px 0px;
	text-align:left;
	}

		#flashbox{
		width:570px;
		margin:0px 10px 20px 0px;
		float:left;
		}	

		#updatebox{
		width:380px;
		margin:0px 0px 20px 0px;
		float:left;
		}
		
			#updatebox h3{
			margin:28px 0 0 20px;
			color:#fff;
			font-size:24px;
			font-weight:normal;
			float:left;
			}
		
			#updatebox p{
			margin:10px 0 0 20px;
			color:#fff;
			font-size:12px;
			line-height:20px;
			float:left;
			}
			

#contentContainer{
width:100%;
padding:0 0 20px;
float:left;
text-align:center;
background:#303030 none repeat scroll 0 0;
}

	#content{
	width:960px;
	margin:0 auto;
	padding:20px 0px 20px 0px;
	text-align:left;
	}

		#content .feature{
		width:290px;
		margin:0px 30px 0px 0px;
		float:left;
		}
			
			#content .feature h1{
			width:320px;
			font-family:"Lucida Grande","Lucida Sans Unicode",verdana,sans-serif;
			letter-spacing:0px;
			float:left;
			}
			
			#content .feature p{
			width:270px;
			float:left;
			}
			
			#content .feature img{
			float:left;
			}
			
			#content .feature img.feature_design{
			margin:0 0 0 60px;
			}
			
			#content .feature img.feature_development{
			margin:0 0 0 50px;
			}
			
			#content .feature img.feature_support{
			margin:0 0 0 30px;
			}

	#projectContainer{
	width:100%;
	float:left;
	text-align:center;
	background:#303030 none repeat scroll 0 0;
	}

		#project{
		width:960px;
		margin:0 auto;
		padding:20px 0px 20px 0px;
		text-align:left;
		}

			#projectleft{
			width:480px;
			margin:25px 0px 25px 0px;
			float:left;
			text-align:center;
			}

				#projectleft p{
				margin:0;
				padding:10px 0px 40px 80px;
				text-align:left;
				}

				#projectleft img{
				border:none;
				}

				#projectleft .websitename{
				color:#BFC422;
				}

				#projectleft p a{
				text-decoration:none;
				color:#fff;
				}

				#projectleft p a:hover{
				text-decoration:underline;
				color:#fff;
				}

			#projectright{
			width:480px;
			margin:25px 0px 25px 0px;
			float:left;
			text-align:center;
			}

				#projectright p{
				margin:0;
				padding:10px 0px 40px 80px;
				text-align:left;
				}

				#projectright img{
				border:none;
				}

				#projectright .websitename{
				color:#BFC422;
				}				

				#projectright p a{
				text-decoration:none;
				color:#fff;
				}

				#projectright p a:hover{
				text-decoration:underline;
				color:#fff;
				}

	#serviceratesContainer{
	width:100%;
	float:left;
	text-align:center;
	background:#303030 none repeat scroll 0 0;
	}

		#servicerates{
		width:960px;
		margin:0 auto;
		padding:20px 0px 20px 0px;
		text-align:left;
		}

			#servicerates .puzzle{
			width:310px;
			margin:15px 60px 0px 0px;
			float:right;
			}
			
			#servicerates p{
			width:550px;
			}

			#servicerates p.bottom{
			width:800px;
			}

			#servicerates a{
			text-decoration:none;
			color:#808080;
			}


			#servicerates a:hover{
			text-decoration:underline;
			}

			#servicerates ul{
			padding:0px 0px 0px 20px;
			color:#fff;
			list-style-type: none;
			}
			
			#servicerates ul li{
			background-image: url('../designs/icon_checkmark.jpg');
			background-repeat: no-repeat;
			padding:0px 0px 0px 20px;
			}

	#contactContainer{
	width:100%;
	float:left;
	text-align:center;
	background:#303030 none repeat scroll 0 0;
	}

		#contact{
		width:960px;
		margin:0 auto;
		padding:20px 0px 20px 0px;
		text-align:left;
		}
		
			#contact p a{
			color:#fff;
			text-decoration:none;
			}
			
			#contact p a:hover{
			text-decoration:underline;
			}
		
			#contact .contactus{
			width:293px;
			margin:30px 300px 0px 0px;
			float:right;
			}
			
			#contact .form{
			margin:10px 0px 0px 0px;
			color:#fff;
			}
			
				#contact .form #name, #email, #subject, #message{
				margin:0px 0px 5px 0px;
				font-size:14px;
				font-family:"Trebuchet MS",verdana,sans-serif;
				}
				
				#contact .form #name, #email, #subject{
				width:200px;
				}
				
				#contact .form #message{
				width:300px;
				height:100px;
				}
				
				#contact .form .validation{
				margin:0px 0px 10px 0px;
				font-size:10px;
				color:#808080;
				}

#footerContainer{
width:100%;
text-align:center;
background:#2b2924 none repeat scroll 0 0;
}

	#footer{
	width:960px;
	margin:0 auto;
	text-align:left;
	}
	
		#footer #left{
		width:480px;
		float:left;
		text-align:left;
		}
		
			#footer #left a{
			text-decoration:none;
			color:#808080;
			}
			
			#footer #left a:hover{
			text-decoration:underline;
			}
		
			#footer #left p{
			color:#808080;
			}
			
				#footer #left p img{
				border:none;
				margin:5px 5px 0px 0px;
				}
		
		#footer #right{
		width:480px;
		padding-top:15px;
		float:left;
		text-align:right;
		}
		
			#footer #right p{
			color:#808080;
			}
			
			#footer #right a{
			color:#808080;
			text-decoration:none;
			}
			
			#footer #right a:hover{
			text-decoration:underline;
			}

			#footer #right ul li{
			list-style-type:none;
			display:inline;
			color:#808080;
			}

			#footer #right ul li a{
			text-decoration:none;
			color:#808080;
			}

			#footer #right ul li a:hover{
			text-decoration:underline;
			}

/*IBOX*/
#ibox h4{
	margin:0;
	padding:0;
	color:#748C04;
	}

/*TEXT FORMATTING*/
p{
padding:10px 0px 10px 0px;
color:#fff;
}

p.green{
padding:10px 0px 10px 0px;
color:#cdd629;
}

h1{
padding:10px 0px 10px 0px;
font-family:verdana, arial, sans-serif;
font-size:18px;
font-weight:normal;
letter-spacing:4px;
color:#fff;
}