/***** GENERAL *****/
body {
	background-color: #252525;
	/*background-color: black;*/
	color: #cfcfcf;
	text-align: center;
	margin: 0 auto;
	font-family: Eurostile, Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
}
img {border: none;}
p {font-size: 1em; line-height: 25px;}
p.content {color: #cfcfcf; padding-left: 25px;}
p.affiliateManagement {width: 620px; float: left; clear: right;  padding-right: 50px;}
.bold {font-weight: bold;}
.dark {color: #666;}

/***** LAYOUT *****/
#header, #top, #bottom, #footer { text-align: left; width: 100%;}
#header {height: 100px; background-color: black;}
#wrapper,#headWrapper, #homeWhiteWrapper {text-align: left; width: 1000px; margin: 0 auto; padding: 20px 0;}
#headWrapper {padding: 0px;}
#homeWhiteWrapper {width: 960px; background: transparent url('../images/home/graph.jpg') no-repeat top right; min-height: 200px;}
#top {background-color: white;}
#top #ripTop {height: 40px; margin: 0px; padding: 0px; width:100%; background: transparent url('../images/riptop.jpg') repeat-x top left;}
#top #ripBottom {height: 34px; margin: 0px; padding: 0px; width:100%; background: transparent url('../images/ripbottom.png') repeat-x bottom left; clear: both;}
#top #wrapper img {position: relative; bottom: 10px;}
#bottom {background-color: black;}
#footer {background-color: #252525; min-height: 200px; }
.spacer {height: 60px; clear: both;}
.right {float: right;}

/***** FOOTER *****/
.ourInfo, .ourServices, .otherStuff, .newsletterFooter {float: left; clear: right;}
.ourInfo, .ourServices {width: 206px; padding-right: 60px;}
.otherStuff {width: 146px; padding-right: 50px;}
.newsletterFooter {width: 240px; padding-left: 30px; border-left: 1px solid #666; height: 150px;}
.newsletterFooter input {width: 230px; background-color: #b2b2b2}
.newsletterFooter input.subscribe {width: 74px; float: right;}

/***** LISTS *****/
.headerTopNav {
	float: right;
	margin: 0px;
}
.headerBottomNav {
	float: right;
	clear: right;
	margin-top: 20px;
}
.headerTopNav ul {margin: 0px; padding: 0px;}
.headerTopNav ul, .headerBottomNav ul {
	display: block;
}
.headerTopNav li, .headerBottomNav li {
	display: inline;
}
.headerTopNav a, .headerBottomNav a {
	color: #cfcfcf;
	text-decoration: none;
}
.headerTopNav li {
	padding: 0 8px 0 8px;
}
.headerBottomNav li {
	padding: 0 20px 0 20px;
}
li.no_right_padding {
	padding-right: 0px;
}
li.no_left_padding {
	padding-left: 0px;
}

/***** IMAGES *****/
#header img.logo {padding-top: 10px;}

/***** LINKS *****/
a {color: #8dc852;}
#bottom p a {float: right; color: #666;}
#bottom p a:hover {text-decoration: none;}
#bottom .homeWhyBlog .right p a {float: none;}
#footer a {color: #b2b2b2; text-decoration: none; font-size: .95em;}
#footer a:hover {text-decoration: underline;}
.clients a {color: #8dc852; text-decoration: none;}
.clients a:hover {text-decoration: underline;}
a#nofloat {float: none;}
.thirdSectionLeft a, .thirdSectionMiddle a, .thirdSectionRight a {color: #8dc852 !IMPORTANT;}

/***** HOME PAGE *****/
.thirdSectionLeft, .thirdSectionMiddle, .thirdSectionRight {width: 266px; float: left; clear: right; color: #666 !IMPORTANT; line-height: 20px;}
.thirdSectionLeft {padding-right: 50px;}
.thirdSectionMiddle {padding: 0 50px; border-left: 1px solid #666; border-right: 1px solid #666;}
.thirdSectionRight {padding-left: 50px;}
.homePartners, .homeWhyBlog {width: 1000px; clear: both; padding-top: 60px; color: #666;}
.homeParterns {height: 100px;}
.homeWhyBlog {min-height: 225px;}
.homePartners .left {display: inline; height: 100px;}
.homePartners .left img {padding-right: 80px;}
.homePartners .right {display: inline; float: left; clear: right; padding-left: 40px; border-left: 1px solid #666;}
.homeWhyBlog .left {width: 580px; float: left;}
.homeWhyBlog .right {width: 340px; padding-left: 80px; float: left; clear: right; font-size: .9em;}

/***** ABOUT PAGE *****/
img.about {padding: 20px;}

/***** CONTACT US PAGE *****/
.contactUs {padding-left: 25px; min-height: 500px;}
.contactUs .form, .contactUs .location {float: left; clear: right;}
.contactUs .form {padding-right: 110px; border-right: 1px solid #666;}
.contactUs .form input, .contactUs .form select, .contactUs .form textarea {width: 360px;}
.contactUs .form textarea {height: 90px;}
.contactUs .form input.submit {width: 70px; float: right;}
.contactUs .form table.contactUsTable tr {height: 40px;}
.contactUs .location {padding-left: 50px;}
.contactUs .location img.locationImg {padding-left: 25px;}
.contactUs .form .MHCRecaptcha {padding-left: 90px;}

/***** DEVELOPMENT PAGE *****/
.devProjects {padding-left: 25px;}
.devProjects img {padding: 20px 35px 0 0;}

/***** DESIGN PAGE *****/
.designProjects {padding-left: 25px;}
.designProjects img {padding: 20px 45px 0 0; vertical-align: top;}

/***** CLIENT PAGE *****/
.clients {padding-left: 25px;}
.clients img {float: left; margin-right: 50px; border: 1px solid white;}
.clients hr {margin: 30px 0;}
.clients .clientInfo {margin-left: 300px;}

/***** TESTIMONIALS PAGE *****/
.testimonials {padding-left: 25px;}
.testimonials hr {margin: 30px 0;}

/***** GETTING STARTED PAGE *****/
.gettingStarted, .quickProposal {float: left; clear: right;}
.gettingStarted {width: 620px; padding-left: 25px; padding-right: 50px; line-height: 20px;}
.quickProposal {padding-left: 50px;}
.quickProposal {width:250px; border-left: 1px solid #666;}
.quickProposal input, .quickProposal textarea {width: 250px; background-color: #b2b2b2; margin-bottom: 15px;}
.quickProposal input {height: 25px;}
.quickProposal textarea {height: 150px;}
.quickProposal input.submit {width: 70px; float: right;}

/***** SERVICES PAGE *****/
.services {float: left; clear: right; width: 620px; padding-left: 25px; padding-right: 50px; line-height: 20px;}

/****** SITEMAP PAGE *****/
.sitemap {line-height: 25px; padding-left: 25px;}