@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding:0;
	color:#949494;
	font-family: 'Droid Serif', arial, serif;
	font-size:14px;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.15);
	background: url(images/backgroundPattern.jpg) repeat;
}

h1 {
	font-family: 'Lobster', arial, serif;
	font-size:48px;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.15);
	line-height: 20px;
}

h2 {
	font-family: 'Droid Serif', arial, serif;
	font-size:29px;
	color:#989898;
	text-shadow: 0 2px 2px rgba(248,248,255,100);
	font-weight:lighter;
	margin: 10px 0 0 0;
}

img {
	border:none;
}

a {
	text-decoration:none;
}

a:hover {
	color:#d89384;
}

a:focus {
outline: none;
}

/*GENERAL FORMATTING BEGINS*/

.line {
	float:left;
	width:600px;
	background:url(images/sowline.png) repeat-x;
	height:12px;
	margin: 0 0 10px 0;
}

.divider {
	background:url(images/dividerline.jpg) repeat-x;
	height:2px;
}

.bluehilight {
	color:#72d2cd;
}

.redhilight {
	color:#c28476;
}

.tanhilight {
	color:#edeedc;
}

.orangehilight {
	color:#f9ce9a;
}

.grayhilight {
	color:#949494;
}

.th {
	width:200px;
	float:left;
	display:block;
}

#thInside {
	width:160px;
	height:240px;
	float:left;
	padding: 10px;
	margin: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:url(images/thgradient.jpg) repeat-x;
	box-shadow: 1 1px 1px rgba(0,0,0,0.95);
}


/*HEADER*/

#topbar {
float:left;
width:100%;
height:22px;
background: url(images/topbar.jpg) repeat-x;
}

#header {
	float:left;
	width:100%;
	height:97px;
	padding:0;
	text-align:left;
	background: url(images/headerPattern.jpg) repeat-x;
}

#topTools {
	margin-left:auto;
	margin-right:auto;
	padding: 30px 0 30px 0;
	text-align:right;
	width:960px;
	height:97px;
}

.followme {
	float:right;
	width:152px;
	height:15px;
	padding:10px 40px 0 0;
}
	

#sayhelloButton {
float:right;
  display: block;
  width: 176px;
  height: 37px;
  background: url("images/sayhello.png") no-repeat 0 0;

}

#sayhelloButton:hover
{ 
  background-position: 0 -37px;
}

#sayhelloButton span
{
  display: none;
}

/*BODY*/

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:auto;
}

#leftPane {
	float:left;
	width:300px;
	height:auto;
	padding:60px 60px 60px 0;
	text-align:right;
}

#rightPane {
	float:right;
	width:600px;
	height:auto;
	padding:60px 0 60px 0;
}

#footer {
	float:left;
	width:100%;
	height:400px;
	background:url(images/greendot.jpg) repeat;
}

#footer a {
	color: #f9ce9a;
}

#footer a:hover {
	color: #fff;
}

#footerContainer {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:auto;
	color:#FFFFFF;
	}
	
#footerLeft {
	float:left;
	width:300px;
	padding:60px 60px 60px 0;
}
	
#footerMiddle {
	float:left;
	width:240px;
	padding:60px 0 60px 0;
}

#footerRight {
	float:left;
	width:301px;
	padding:60px 0 60px 59px;
}

#contactme {
float:right;
  display: block;
  width: 139px;
  height: 38px;
  background: url("images/contactme.png") no-repeat 0 0;

}

#contactme:hover
{ 
  background-position: 0 -38px;
}

#contactme span
{
  display: none;
}

#recommendme {
float:right;
  display: block;
  width: 162px;
  height: 38px;
  background: url("images/recommendme.png") no-repeat 0 0;

}

#recommendme:hover
{ 
  background-position: 0 -38px;
}

#recommendme span
{
  display: none;
}

#downloadcv {
float:left;
  display: block;
  width: 264px;
  height: 38px;
  background: url("images/downloadcv.png") no-repeat 0 0;

}

#downloadcv:hover
{ 
  background-position: 0 -38px;
}

#downloadcv span
{
  display: none;
}

#bottomGraydient {
	float:left;
	width:100%;
	height:32px;
	background:url(images/bottomGraydient.jpg) repeat-x;
	}

#meSmall {
	float:left;
	width:137px;
	height:140px;
}

#projectDescription {
	float:right;
	width:463px;
	height:140px;
}

#displayWrapper {
	float:left;
	width:100%;
	height:auto;
padding: 0 0 50px 0;
	}

#display {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:auto;
	}

/*SLIDING PANEL*/

.formTitle {
text-align:center;
}

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: url(images/backgroundPattern.jpg) repeat;
	padding: 20px;
	border: 20px solid #a9aa9d;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}


/*PORTFOLIO LINKS*/

.buttonP {  
    width:300px;  
    height:37px; /* Notice that the height is not the height of the whole sprite, but the height of one single button */  
    display:block;  
    background-image:url(images/portfoliobutton.png); /*path to the sprite*/  
    background-position: top; /* the background position (in combination with the height!) makes it possible that only the top of the whole sprite will be visible */  
}  

.buttonP:hover{  
    width:300px;  
    background-position: bottom;  
    height:37px;  
    background-image:url(images/portfoliobutton.png) no repeat;  
}  

input {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family: 'Droid Serif', arial, serif;
	font-size:14px;
	height: 30px;
color:#fff;
border:1px;
background:url(images/formgraydient.jpg) repeat;
padding: 0 10px 0 10px;  
}

.gform_wrapper {
width:100%;
}

.gfield {
list-style:none;
margin: 20px 0 20px 0;
}

.gfield_required {
color:#c28476;
font-size:10px;
}

.ginput_left {
font-size:10px;
}

.ginput_right {
font-size:10px;
}

.gfield_label {
margin: 10px 30px 10px 0;
}

textarea {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family: 'Droid Serif', arial, serif;
	font-size:14px;
background:url(images/textareagradient.jpg) repeat;
padding: 10px; 
border: none;
color: #fff;
}

.gfield_description {

}

.validation_message {
font-size:12px;
color:#c28476;
margin: 10px 12px 10px 0;
background:url(images/exclamation.png) no-repeat;
padding: 0 0 0 15px; 
}

.validation_error {
font-size:12px;
color:#c28476;
margin: 10px 12px 10px 0;
background:url(images/exclamation.png) no-repeat;
padding: 0 0 0 15px; 
}

.gform_footer {
width:100%;
text-align:center;
}

.top_label {
margin:0;
}