/* -- CSS level 2.1 Document -- */

/* Common Styles */

* {
margin: 0px;
padding: 0px;
}
body {
	background: url(../images/bg.jpg) repeat-x;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;
	color: #999999;
	line-height: 140%;
	text-align: center;
}
img {
	border: none;
	display: block;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
}
p {
	margin-bottom: 10px;	
}
ul {
	list-style-type: none;
}	
li {
	padding: 0px 0px 0px 20px;
	line-height: 20px;
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
/* Top and Navigation */
#top {
	margin: 0 auto;
	width: 717px;
	height: 58px;
	padding-top: 28px;
	text-align: left;
}
#nav {
	float:right;
}
#nav ul li {
	float: left;
	height: 24px;
	width: 88px;
	padding: 0px;
	line-height: normal;
	background: url(../includes/top/images/nav-bg.jpg) no-repeat;
}
#nav ul li.home {
	width: 88px;
	padding-left: 34px;
	background: url(../includes/top/images/nav-curve.jpg) no-repeat;
}	
#nav ul li a {
	display: block;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
	font-weight: 600;
	text-decoration: none;
}
#nav ul li a:hover {
	color: #EBEBEB;
}
/* Common Page Layout */
#container_content {
	overflow: hidden;
}
#content_leftbg {
	float: left;
	width: 50%;
	margin-left: -359px;
	background-color: #E8E8E8;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
#content {
	float: left;
	width: 717px;
	margin-right: -358px;
	background-color: #E8E8E8;
	text-align: justify;
}
#content_col1 {
	float: left;
	width: 278px;
}
#content_col2 {
	float: left;
	width: 439px;
	min-height: 430px;
	padding-bottom: 18px;
	background-color: #FFFFFF;
}
#contact {
	width: 262px;
	height: 155px;
	margin: 15px auto 0px auto;
	padding: 8px 0px 0px 15px;
	background:url(../includes/contact/images/bg-contact.jpg) no-repeat;
	color: #666666;
	font-size: 11px;
}
#contact a {
	color: #666666;
}
#contact span {
	margin-left: 24px;
}
#contact p {
	margin: 4px 0px;
}
/* Footer */
#footer {
	clear: both;
	height: 74px;
	background: #272C2E url(../includes/footer/images/bg-footer.jpg) repeat-x;
}
#footer_content {
	width: 717px;
	height: 44px;
	margin: 0px auto;
	padding: 15px;
	background: #666666 url(../includes/footer/images/bg-footer_content.jpg) repeat-x;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
}
#footer_content img {
	float:right;
	margin-top: 6px;
}
#footer_content a {
	color: #FFFFFF;
}
/* Homepage Only */
#about, #services {
	width: 425px;
	float: right;
	margin-bottom: 10px;
}
#about {
	margin-top: 15px;
}
#about h1, #services h1 {
	font-size: 14px;
	font-weight: bold;
	color: #777777;
}
#services_col1{
	width: 200px;
	float: left;
}
#services_col2{
	width: 225px;
	float: right;
}
#services #services_col1 ul, #services #services_col2 ul {
	margin: 0px 0px 0px 15px;
}
#services #services_col1 ul li, #services #services_col2 ul li {
	margin-top: 5px;
}
#portfolio_examples {
	width: 425px;
	height: 135px;
	float: right;
	margin-top: 10px;
	background: url(../images/bg-portfolio_examples.jpg) no-repeat;
}
#portfolio_examples h1 {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #C9D2D3;
	letter-spacing: 1px;
	margin-top: 4px;
}
#portfolio_examples img {
	margin: 5px 0px 5px 24px;
	float: left;
	display: inline;
}
#portfolio_examples p {
	clear: both;
	text-align: center;
	margin: 0px;
}
#portfolio_examples a {
	font-size: 11px;
	color: #C9D2D3;
}
/* Inside Pages */
#pagetitle {
	width: 262px;
	height: 243px;
	margin: 15px auto 0px auto;
	background: url(../images/bg-pagetitle.jpg) no-repeat;
}
#pagetitle h1{
	padding-top: 25px;	
	font-size: 19px;
	letter-spacing: 1px;
	font-weight: normal;
	color:#777777;
	text-align: right;
}
#pagedata {
	width: 425px;
	float: right;
	margin-top: 15px;
}
/* Portfolio Page */
#portfolio li {
	float: left;
	margin: 0px 15px 20px 15px;
	padding: 0px;
	background-image: none;
}
#portfolio a img {
	border-style: solid;
	border-color: #E8E8E8;
	border-width: 5px;
	width: 163px;
	height: 109px;
}
#portfolio a:hover img {
	border-style: solid;
	border-color: #D7DEDF;
	border-width: 5px;
}
/* Hosting Page */
#hosting_table {
	width: 425px;
	border: #CCCCCC 1px solid;
}
#hosting_table td {
	height: 30px;
	text-align: center;
	background-color: #F6F6F6;
}
#hosting_table .title {
	background: url(../images/bg-hosting-table.jpg) repeat-x;
	font-size: 14px;
	font-weight: bold;
}
#hosting_table .column1 {
	width: 164px;
	padding-left: 5px;
	background-color: #EFEFEF;
	text-align: left;
}
#hosting_table .othercolumns {
	width: 64px;
}
#hosting_table .cat {
	color: #FF6600;
	background-color: #FFFFFF;
	padding-left: 5px;
	text-align: left;
}
/* Contact Page */
#contactform {
	width: 340px;
	margin: 20px auto;
}
#contactform_left { 
	float: left;	
}
#contactform_right {
	float: right;
}
/* Custom Classes for Reuse */
.clearfloat {
	clear: both;
}
.center {
	text-align: center;
}