body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#384d5b;
	background:url(img/bg.png) repeat;
}
html, body {
	height:100%;
}
* {
	margin:0px;
}
a {
	text-decoration:none;
}
a:active {
  outline: none;
}
.fullwidth {
	width:100%;
}
.alignright {
	text-align:right;
}
.next {
	width:400px;
	font-family: 'Reenie Beanie', arial, serif;
	height:20px;
	text-align:center;
	margin-left:auto;
	font-size:40px;
	margin-right:auto;
	padding-top:35px;
}
.next2 a {
	clear:both;
	width:400px;
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
a img:active {
  outline: none;
}
.clear {
	clear:both;
}
.left {
	float:left;
}
.right {
	float:right;
}
@font-face {
    font-family : "Museo-Slab";
     src: url('Museo_Slab.otf');
}
@font-face {
	font-family : "AGaramondPro-Regular";
	src: url('themes/site_themes/default/AGaramondPro-Regular.woff');
}
h4 {
	margin:0px;
	padding:0px;
	font-size:18px;
	font-family:Museo-Slab;
	font-weight:normal;
	color:#455866;
}
h2 {
	margin:0px;
	padding:0px;
	font-size:18px;
	font-weight:normal;
	color:#455866;
}
input {
	outline:medium none;
}
textarea {
	outline:medium none;
	resize: none;

}
select {
	outline:medium none;
}
/*--------------- website content starts here ----------------*/

#top {
	background-image:url(img/top.png);
	width:100%;
	padding-top:5px;
	height:45px;
	background-repeat:repeat-x;
}
#top #top_content {
	width:901px;
	margin-left:auto;
	margin-right:auto;
}
#top #top_content #logo a {
	display:block;
	background:url(img/logo.png) transparent no-repeat;
	float:left;
	padding-top:37px;
	width:236px;
	overflow:hidden;
	height:0px;
}
#top #top_content #email a {
	float:right;
	display:block;
	height:37px;
	color:#FFFFFF;
	line-height:37px;
	font-size:11px;
	padding-left:20px;
	letter-spacing:0.02em;
	background:url(img/envelope.png) transparent center left no-repeat;
	text-shadow:#000000 0px 1px 1px;
}
#middle {
	background-image:url(img/middlestrip.png);
	height:301px;
	width:100%;
}
#middle #middle_container {
	width:901px;
	margin-left:auto;
	margin-right:auto;
	background:url(img/flash.png) transparent no-repeat;
	background-position:40px 0px;
	height:301px;
}
#middle #middle_container #middle_left {
	width:330px;
}
#middle #middle_container #middle_left #tagline {
	background:url(img/tagline.png);
	padding-top:87px;
	width:292px;
	height:0px;
	margin-top:32px;
	overflow:hidden;
}
#middle #middle_container #middle_left #text p {
	margin:0px;
	margin-top:10px;
	width:220px;
	padding-left:2px;
	line-height:21px;
}
.project {
	margin-top:20px;
}
#middle #middle_container #middle_left #button a {
	display:block;
	height:0px;
	overflow:hidden;
	margin-top:26px;
	background:url(img/calltoaction.png) transparent no-repeat;
	width:211px;
	padding-top:63px;
}
#middle #middle_container #middle_right {
	background:url(img/screens.png) transparent no-repeat;
	width:565px;
	margin-top:7px;
	margin-left:5px;
	height:294px;
}
#silverbar {
	width:100%;
	background:url(img/silverbar.png) repeat-x;
	height:56px;
}
#silverbar #silverbar_container {
	width:901px;
	margin-left:auto;
	margin-right:auto;
}
#silverbar #silverbar_container ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#silverbar #silverbar_container ul li {
	display:inline;
	margin:0px;
	padding:0px;
}
#silverbar #silverbar_container ul li a.selected {
	background:url(img/selected.png) no-repeat;
	color:#384d5b;
}
#silverbar #silverbar_container ul li a.start {
	background:url(img/startnotselected.png) no-repeat;
	color:#384d5b;
}
#silverbar #silverbar_container ul li a {
	width:278px;
	height:44px;
	padding-top:9px;
	background:url(img/notselected.png) no-repeat;
	padding-left:20px;
	display:inline-block;
	color:#41667e;
	text-shadow:#FFFFFF 0px 1px 0px;
}
#silverbar #silverbar_container ul li a span.whole {
	display:inline-block;
	width:297px;
	float:left;
	position:relative;
	
}
#silverbar #silverbar_container ul li a span.whole span.top {
	font-family: Museo-Slab;
	font-weight:lighter;
	font-size:17px;
}
#silverbar #silverbar_container ul li a span.bottom {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	margin-top:3px;
}
#content #project_push {
	display:block;
	height:40px;
}
ul.list {
	margin:0px;
	padding:8px 0px 5px 24px;
}
ul.list li {
	margin:0px;
	list-style-image:url(img/tick.png);
}
.viewProject {
	background:url(img/viewproject.png) no-repeat transparent;
	height:0px;
	display:inline-block;
	overflow:hidden;
	width:131px;
	padding-top:46px;
	margin-top:15px;
}
#content {
	width:901px;
	min-height:100%;
	height: auto !important;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-4em;
}
#content #tom {
	width:200px;
	height:200px;
	background:url(img/tom.png) no-repeat;
}
#content #team {
	width:640px;
	margin:19px 20px 0px 20px;
}
#content #team h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:28px;
	font-family:Museo-Slab;
	font-weight:normal;
	color:##374d5b;
}
ul.social {
	margin:0;
}
ul.social li {
	float:left;
	display:inline;
	margin:0px 19px 0px 19px;
}
ul.social li div {
	height:30px;
	width:30px;
	float:left;
	display:inline-block;
}
ul.social li.twitter div {
	background:url(img/twitter.png) transparent no-repeat;
}
ul.social li.website div {
	width:39px;
	background:url(img/website.png) transparent no-repeat;
}
ul.social li.email div {
	background:url(img/email.png) transparent no-repeat;
}
ul.social li a {
	height:30px;
	line-height:30px;
	margin:0px; 0px 0px 3px;
	color:#333333;
	float:left;
	display:inline-block;
}
#content #team p.sub {
	font-size:16px;
	font-family: 'Lato', arial, serif;
}
#content #team p {
	margin:6px 0px 0px 0px;
	font-size:12px;
}
#content #dan {
	height:200px;
	width:200px;
	background:url(img/dan.png) no-repeat;
}
#content #left_column{
	width:443px;
	margin-top:40px;
}
#content #left_column p {
	margin:0px;
	margin-top:10px;
	text-align:justify;
	padding:0px;
	width:80%;
}
#content #left_column #top_left{
	width:50%;
}
#content #left_column #top_right{
	width:50%;
}
#content #left_column #bottom_left{
	width:50%;
}
#content #left_column #bottom_right{
	width:50%;
}

#content #right_column{
	width:auto;
}
#content #right_column #form {
	background:url(img/form_bg.png) no-repeat;
	height:404px;
	width:449px;
	margin-left:9px;
	padding-top:10px;
	margin-top:20px;
}
h2 span {
	display:inline-block;
	width:34px;
	height:34px;
}
h2.home span {
	background:url(img/home.png) transparent no-repeat;
	margin-left:30px;
}
h2.traffic span {
	background:url(img/traffic.png) transparent no-repeat;
	margin-left:13px;
}
h2.hosting span {
	background:url(img/hosting.png) transparent no-repeat;
	margin-left:30px;
}
h2.printing span {
	background:url(img/print.png) transparent no-repeat;
	margin-left:48px;
}

h3.top {
	background:url(img/top_form_header.png) repeat-x;
	width:auto;
	color:#999999;
	display:block;
	height:29px;
	line-height:29px;
	margin:13px 6px 14px 4px;
	text-shadow:#ffffff 0px 1px 0px;
	padding-left:36px;
}
.label {
	margin:5px 10px 15px 40px;
	display:inline-block;
	height:31px;
	line-height:31px;	
	color:#999999;
	text-shadow:#ffffff 0px 1px 0px;
	font-size:13px;
	font-weight:bold;
}
select {
	margin:5px 40px 15px 10px;
	height:31px;
	line-height:31px;
	width:275px;
	color:#384D5B;
	border:solid 1px #cfcfcf;
	font-size:16px;
	line-height:16px;
	-moz-box-shadow: 0 2px 4px rgba(160, 154, 143, 0.25) inset;
 	-webkit-box-shadow: 0 2px 4px rgba(160, 154, 143, 0.25) inset;
 	box-shadow:0 2px 4px rgba(160, 154, 143, 0.25) inset;
}
.textinput {
	margin:5px 40px 15px 10px;
	height:31px;
	width:275px;
	border:solid 1px #cfcfcf;
	font-size:16px;
	
	-moz-box-shadow: 0 2px 4px rgba(160, 154, 143, 0.25) inset;
 	-webkit-box-shadow: 0 2px 4px rgba(160, 154, 143, 0.25) inset;
 	box-shadow:0 2px 4px rgba(160, 154, 143, 0.25) inset;
  
 	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
.focus {
	 box-shadow: 0 0 4px #3d94ff;
  -moz-box-shadow: 0 0 4px #3d94ff;
  -webkit-box-shadow: 0 0 4px #3d94ff;
}
textarea {
	margin:5px 40px 15px 10px;
	height:62px;
	color:#384D5B;
	width:275px;
	border:solid 1px #cfcfcf;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	-moz-box-shadow: 0 2px 4px rgba(160, 154, 143, 0.25) inset;
 	-webkit-box-shadow: 0 2px 4px rgba(160, 154, 143, 0.25) inset;
 	box-shadow:0 2px 4px rgba(160, 154, 143, 0.25) inset;
  	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
.button {
	background:url(img/button.png) transparent;
	background-repeat:no-repeat;
	border:none;
	width:129px;
	height:44px;
	margin-right:auto;
	margin-left:auto;
	display:block;
}
#footer {
	background:url(img/footer.png) transparent repeat-x;
	height:134px;
	width:100%;
	color:#13222a;
	display:block;
}
#footer h2 {
	font-family: Museo-Slab;
	color:#13222a;
	margin-top:16px;
	margin-bottom:4px;
	text-shadow:#999999 0px 1px 0px;
}
#footer #footer_container {
	width:901px;
	margin-left:auto;
	margin-right:auto;
}
#footer #footer_container #footer_left {
	width:350px;
}
#footer #footer_container #footer_middle {
	width:350px;
}
#footer #footer_container #footer_right {
	width:196px;
}
.push {
	height: 134px;
	clear: both;
}
#footer ul {
	padding:0px;
}
#footer ul li.email {
	list-style-type:none;
	list-style-image:none;
	padding-bottom:4px;
	margin:0px;
}
#footer ul li.phone {
	list-style-type:none;
	list-style-image:none;
	padding-bottom:4px;
	margin:0px 0px 0px 0px;
}
#footer ul li.email span{
	display:inline-block;
	background-image:url(img/envelope2.png);
	background-repeat:no-repeat;
	height:15px;
	width:25px;
}	
#footer ul li.phone span {
	display:inline-block;
	background-image:url(img/phone.png);
	background-repeat:no-repeat;
	height:15px;
	margin:0px;
	width:25px;
}
#footer ul li {
	margin:0px;
	list-style-image:url(img/bullet_point.png);
	text-shadow:#999999 0px 1px 0px;
	padding:0px;
	margin:0px 0px 0px 15px;
}