/*------ Clear Fix ------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

div.social_item {
	display: inline-block;
	margin: 0px 0px 30px 0px;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

#feedback {
	width: 205px;
	margin-left: 5px
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

/* Body Content */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	background-attachment: fixed;
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
}

img a{
	border: 0px;
}

a:link{
	font: normal 14px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #336394;
	text-decoration: none;
}
a:visited{
	font: normal 14px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #336394;
	text-decoration: none;
}
a:hover {
	font: normal 14px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #336394;
	text-decoration: underline;
}
html {
	color: #344054;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	overflow-y: scroll
}

/* End Body Content */

/* Navigation */
#topbar {
	margin: 0px;
	height: 60px;
	background-image: url(../images/topbar.jpg);
}
#tlogo span {
	height: 50px;
	width: 50px;
}
#tlogo {
	height: 49px;
	width: 60px;
	background-image: url(../images/toplogo.jpg);
	clear: left;
	float: left;
}

#topcontainer {
	margin: auto;
	width: 850px;
}
#topnav {
	float: right;
	width: auto;
}
#topnav div {
	width: auto;
	float: left;
	height: 32px;
	padding-top: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: lighter;
	color: #CCC;
	margin-right: 15px;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #333;
	border-left-color: #333;
	padding-right: 5px;
	padding-left: 5px;
}

#topnav div:hover {
		font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: lighter;
	color: #336294;
	background-image: url(../images/thover.png);
	background-repeat: repeat-x;
}
#theader {
	float: left;
	width: auto;
	height: 36px;
	padding-top: 16px;
	padding-left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #CCC;
	font-weight: normal;
}

#content h1 a.namelink {
	font-size: 26px;
	font-weight: bold;
}
#topnav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: lighter;
	color: #CCC;

}

#topnav a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: lighter;
	color: #336294;
	text-decoration: none;
}
/* End Navigation */
div#content {
	width: 960px;
	clear: both;
	margin: 0px 0px 20px 0px;
}

div#introduction {
	width: 400px;
	float: left;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div#sample {
	height:200px;
	width: 390px;
	float: right;
}
div#content2 {
	width: 960px;
	clear: both;
}

div#featured {
	width: 530px;
	float: left;
	margin: 10px 10px 0px 0px;
	padding: 0px 5px 0px 0px;
}

div#reference {
	width: 380px;
	float: right;
	margin: 10px 10px 0px 20px;
}

#main_wrapper {
	width: 960px;
	margin: 25px auto 0px auto;
	
}

#header {
	height:  150px;
	background-image: url('../images/dsg2/header.jpg');
	margin: 10px 0px 50px 0px;
}

#header span.header_link {
	width:  960px;
	height: 150px;
	display: block;
}

h1 {
	font: bold 28px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #333;
	border-bottom: 6px solid #333;
	margin: 0px 0px 20px 0px;
}

div#social {
	width: 530px;
	float: left;
	margin: 10px 10px 0px 0px;
}

#social div.social_image {
	width: 75px;
	height: 75px;
	float: left;
	margin: 0px 10px 0px 0px;
}

#social ul li {
	list-style-type: none;
}

#social div.social_text {
	width: 400px;
	float: left;
}



h2 {
	font: bold 20px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #336394;
	border-bottom: 3px solid #333;
	margin: 0px 0px 10px 0px;
}

#referenceitem1 {
	background: url(../images/resume.jpg) no-repeat;
	height: 25px;
	padding: 10px 0px 0px 35px;
}

#referenceitem1 a {
	font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #696969;
}

#referenceitem1 a:hover {
	font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #336394;
}

#referenceitem2 {
	background: url(../images/portfolio.jpg) no-repeat;
	height: 25px;
	padding: 10px 0px 0px 35px;
}

#referenceitem2 a {
	font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #696969;
}

#referenceitem2 a:hover {
	font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #336394;
}


div.portfolio_text {
	width: 480px;
	float: left;
}

div.portfolio_text h2 a {
	font: bold 20px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #336394;
	text-decoration: none;
}

#reference li {
	list-style-type: none;
	padding: 0px 0px 10px 0px;
}

#process {
	width: 600px;
	position: relative;
	top: 100px;
}

div#questions {
	width: 400px;
	float: left;
	margin: 0px 0px 0px 40px;
}




div.portfolio_image {
	width: 420px;
	float: left;
	margin: 0px 0px 0px 20px;
	height:  100px;
}

li.clearfix {
	padding: 0px 0px 70px 0px;
}




/*-- Contact Page --*/

#registration_form{
	margin: 0px 0px 0px 28px;
	width: 400px;
	/*background-image: url(../images/register_bg.jpg);*/
	background-repeat: no-repeat;
	float: left;
}

.formstyle h1{
	line-height: 20px;
	padding-bottom: 5px;
	font-size: 20px;
	float: left;
}

.formstyle label{
	display: inline-block;
	font-size: 14px;
	text-align: right;
	line-height: 23px;
	width: 150px;
	float: left;
}

.formstyle input{
	height: 23px;
	line-height: 23px;
	float: right;
	margin: 0px 0px 0px 5px
}

.text{
	width: 200px;
	height: 20px;
}


.formstyle .register_item{
	background-color: #fafafa;
	float: left;
	padding: 15px 25px 12px 5px;
}

.requiredfields {
	background-color: #fafafa;
	margin:0px 11px 0px 0px;
	padding:8px 5px 0px 0px;
	display: block;
	/*border: 1px solid #000;*/
	width: 110px;
	height: 20px;
	text-align: right;
	font-size: 12px;
	color: #757575;
	float: right;	
}

span.required {
	color: #ff0000;	
}

.requiredfields text{
	padding-top: 5px;
}




/*-------BUTTONS-------*/
input.form_button.submit{
	background-color: #336294;
	border: 1px solid #5a839b;
	margin: 7px 0px 0px 160px;
	height: 25px;
	width:  205px;
	color: #fff;
	float: left;
	
}


input.form_button.reset {
	background-color: #222d33;
	border: 1px solid #4c6f85;
	margin: 10px 10px 0px 15px;
	height: 25px;
	width: 105px;
	color: #fff;
}

.formstyle register_item label{
	font-size: 16px;
}


.formstyle .register_item .text{
	font-size: 18px;
}

.formstyle input{
	float: right;
}

.formbtns{
	margin-top: 10px;
	/*background-color: #cae1fe;*/
	float: left;
	width: 375px;
	height: 75px;
	
}

#content h1 a {
	font-size: 28px;
	font-weight: bold;
}