@charset "UTF-8";
body {
	background-image: url(../images/bg-slice2.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.service-title {
	font: bold 24px/24px Arial, Helvetica, Verdana;
	letter-spacing: -2px;
}
#header {
	height: 118px;
	width: 960px;
	float: left;
	margin-top: 5px;
}
#bodyWrapper {
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	float: left;
	height: 50px;
	width: 255px;
}
a {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.learnmore a {
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.learnmore a:hover {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
#menu {
	float: right;
	height: 50px;
	width: 570px;
}
#flash {
	float: left;
	height: 435px;
	width: 960px;
	margin-top: 20px;
}
#content {
	float: left;
	height: auto;
	width: 960px;
	margin-top: 30px;
}
#blog-main {
	float: left;
	height: 500px;
	width: 960px;
}
#we-deliver-results  {
	float: left;
	height: auto;
	width: 200px;
	margin-right: 30px;
	padding-left: 10px;
}
#divider {
	height: 1px;
	width: 960px;
	margin-bottom: 15px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000000;
	float: left;
	margin-top: 15px;
}
#design-service {
	float: left;
	height: auto;
	width: 960px;
}
.services-box {
	background-image: url(../images/services-red-bg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 241px;
	width: 254px;
	margin-right: 30px;
	color: #FFFFFF;
	line-height: 22px;
	padding-left: 15px;
	padding-top: 10px;
}
.service-title {
	float: left;
	height: auto;
	width: 600px;
}
.service-info {
	float: left;
	height: auto;
	width: 650px;
	line-height: 22px;
}
.home-bullets {
	list-style-position: outside;
	height: auto;
	width: 200px;
	margin-left: 0px;
	float: left;
}
.learnmore-btn {
	float: left;
	height: 40px;
	width: 110px;
	clear: left;
}
#design {
	float: left;
	height: 330px;
	width: 220px;
	margin-right: 20px;
}
#development {
	float: left;
	height: 330px;
	width: 220px;
	margin-right: 20px;
}
#video {
	float: left;
	height: 330px;
	width: 220px;
}
.red-text {
	color: #ff0000;
	font-weight: bold;
	margin-left: 0px;
}
#footerWrapper {
	float: left;
	height: 305px;
	width: 100%;
	background-color: #000000;
}
#changing-the-web {
	float: left;
	height: 350px;
	width: 420px;
	line-height: 22px;
}
#facility-tour {
	float: left;
	height: 36px;
	width: 102px;
	margin-left: 320px;
	margin-top: 15px;
}
.team-name {
	height: 20px;
	width: 210px;
	font-weight: bold;
	margin-top: 10px;
}
#view-work {
	float: right;
	height: 36px;
	width: 102px;
	margin-left: 15px;
	margin-top: 15px;
}
#the-team {
	float: left;
	height: 160px;
	width: 893px;
	margin-bottom: 15px;
}
#stu {
	float: left;
	height: auto;
	width: 220px;
	margin-right: 23px;
	margin-bottom: 15px;
}
#dan {
	float: left;
	height: auto;
	width: 220px;
	margin-right: 23px;
	margin-bottom: 15px;
}
#jon {
	float: left;
	height: auto;
	width: 220px;
	margin-right: 23px;
	margin-bottom: 15px;
}
#mike {
	float: left;
	height: auto;
	width: 220px;
	margin-bottom: 15px;
}
#partial-client-list {
	float: left;
	height: auto;
	width: 960px;
	padding: 0px;
	margin: 0px;
}
#demo-reel {
	float: right;
	height: 300px;
	width: 400px;
}
#latest-title {
	float: left;
	height: auto;
	width: 960px;
}
.project {
	height: auto;
	width: 460px;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right: 15px;
}
.project-details {
	float: left;
	height: auto;
	width: 455px;
	margin-top: 15px;
}
#latest-projects {
	float: left;
	height: auto;
	width: 962px;
	height: auto;
}
#footer {
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}
#copyright {
	height: auto;
	width: 960px;
	color: #FFFFFF;
	font-size: 10px;
}
#footer-nav {
	float: left;
	height: auto;
	width: 960px;
	font-size: 10px;
	color: #FFFFFF;
}
#footer-nav a {
	color: #FFFFFF;
}
#quick-links {
	float: left;
	width: 137px;
	margin-bottom: 10px;
	margin-right: 30px;
}
#latest-post {
	float: left;
	height: auto;
	width: 280px;
	color: #FFFFFF;
}
#latest-blog-entry {
	height: auto;
	width: 280px;
	float: left;
	margin-right: 30px;
}
.newsletter-field {
	height: 26px;
	width: 220px;
	margin: 0px;
	float: left;
	font-size: 16px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	
}
.contact-field {
	height: 26px;
	width: 400px;
	margin: 0px;
	float: left;
	font-size: 16px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.contact-field2 {
	height: 125px;
	width: 460px;
	margin: 0px;
	float: left;
	font-size: 16px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.newsletter-field2 {
	height: 26px;
	width: 110px;
	margin: 0px;
	float: left;
	font-size: 16px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-left:10px;
	margin-right:10px;
}

.quick-links-title {
	margin-bottom: 15px;
}
#latest-blog-title {
	float: left;
	height: auto;
	width: 270px;
	margin-bottom: 15px;
}
#newsletter-signup {
	float: left;
	height: auto;
	width: 480px;
}
#newsletter-title {
	float: left;
	height: auto;
	width: 480px;
	margin-bottom: 15px;
}
#submit {
	float: left;
	height: 37px;
	width: 101px;
}
#form {
	float: left;
	height: auto;
	width: 480px;
}
#address {
	float: left;
	height: auto;
	width: 220px;
	color: #FFFFFF;
	margin-top: 15px;
}
.style1 {
	color: #FF0000;
	font-weight: bold;
}
#social-icons {
	float: right;
	height: 40px;
	width: 84px;
	margin-top: 50px;
}
#divider2 {
	height: 1px;
	width: 960px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FFFFFF;
	float: left;
	margin-top: 10px;
}
#clr {
	clear: both;
}
#footer-nav a:hover {
	color: #FF0000;
}
.client-list {
	float: left;
	height: auto;
	width: 240px;
	list-style-type: none;
	padding: 0px;
	margin-bottom: 30px;
}
.view-work {
	float: right;
	height: 36px;
	width: 102px;
}
#development-service {
	float: left;
	height: auto;
	width: 960px;
}
#video-service {
	float: left;
	height: auto;
	width: 960px;
	margin-bottom: 30px;
}
#contact-image {
	height: 300px;
	width: 349px;
	float: left;
	margin-right: 50px;
}
#contact-address {
	float: left;
	height: auto;
	width: 300px;
	margin-top: -130px;
	margin-bottom: 15px;
	clear: left;
}
#contact-form {
	height: auto;
	width: 520px;
	float: left;
}

/* Extras */

.pinkBg {
	background-color: pink;
}

.blackBg {
	background-color: black;
}

.redBg {
	background-color: red;
}

#feedback {
	position: fixed;
	top: 120px;
	right: 0px;
	width: 30px;
	height: 160px;
	background-image: url(/images/testdrivebutton.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-right: -2px;
	color: white;
	font-weight: bold;
	cursor: pointer;
	display:block;
	z-index:100;
	display:none;
}

.blogReadmore {
	color: #666;
}

.emailTemp {
	color: #666;
	font-style: italic;
}
.firstTemp {
	color: #666;
	font-style: italic;
}