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

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	background:url(../images/background.jpg) repeat top left;
	}

body, form, ul, li, h1, h2, h3 {
	margin:0px;
	padding:0px;
	}

a {
	text-decoration:none;
	color:#000000;
	}
	
a:hover, a.active {
	background-color:#000000;
	color:#fff;
	}
	
h1 {font-size:70px;
	font-weight:bold;
	line-height:84px;
	}
	
h2 {font-size:70px;
	font-weight:bold;
	line-height:84px;
	text-transform:uppercase;
	}
    
h3 {font-size:16px;
	font-weight:bold;
	line-height:19px;
	}
	
textarea, input {
	border:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	padding:2px;
	}

#container {
	margin:60px 180px 30px 30px;
	width:800px;
	background-color:#FFFFFF;
	}

#maincontent {
	padding:75px 25px 0px 25px;
	}

#leftCol {
	width:400px;
	margin-right:15px;
	float:left;
	}

#leftCol img {
	border:5px solid #000;
	}

#leftCol p {
	font-size:14px;
	font-weight:bold;
}

#rightCol {
	width:335px;
	float:left;
	font-size:11px;
	line-height:13px;
	}

#rightCol ul {
	border-left:5px solid #000;
	border-right:5px solid #000;
	width:155px;
	font-weight:bold;
	float:left;
	
	}
	
#rightCol li {
	list-style-type:none;
	margin:0px 10px 10px 10px;
	}

#rightCol img {
	float:left;
	margin:0px;
	width:15px;
	}
	
#rightCol div {
	float:left;
	width:170px;
	margin:0 0 10px 0px;
	}

#rightCol .infoContent {
	width:130px;
	margin:0px;
	background-color:#000000;
	color:#ffffff;
	padding:15px 10px;
	}
	
#rightCol .infoContent a {
	color:#fff;
	font-weight:bold;
}

#rightCol .infoContent p {
	margin-top:0px;
}	

#footer {
	padding: 0px 25px 40px 25px;
	margin-top:80px;
	}

#footer ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-transform:uppercase;
	font-weight:bold;
	}

#footer li {
	display:inline;
	margin-right:10px;
	}

.clearboth{
	clear: both;
	visibility: hidden;
	}

/* SKILLS */
#rightCol #css img {margin-top: 18px;}
#rightCol #crossbrowser img {margin-top: 40px;}
#rightCol #standards img {margin-top: 77px;}
#rightCol #validating img {margin-top: 98px;}
#rightCol #php img {margin-top: 120px;}
#rightCol #javascript img {margin-top: 145px;}
#rightCol #templates img {margin-top: 168px;}
#rightCol #cms img {margin-top: 191px;}
#rightCol #usability img {margin-top: 214px;}
#rightCol #specwriting img {margin-top: 237px;}
#rightCol #userinterface img {margin-top: 260px;}

#rightCol #crossbrowser .infoContent {margin-top: 17px;}
#rightCol #php .infoContent {margin-top: 89px;}
#rightCol #javascript .infoContent {margin-top: 83px;}
#rightCol #templates .infoContent {margin-top: 138px;}
#rightCol #cms .infoContent {margin-top: 38px;}
#rightCol #usability .infoContent {margin-top: 154px;}
#rightCol #specwriting .infoContent {margin-top: 77px;}
#rightCol #userinterface .infoContent {margin-top: 181px;}



/* WORK */
#rightCol #certified_text img {margin-top: 17px;}
#rightCol #koboscoffee_text img {margin-top: 40px;}
#rightCol #livepdx_text img {margin-top: 62px;}
#rightCol #blende_text img {margin-top: 86px;}
#rightCol #atwood_text img {margin-top: 111px;}
#rightCol #pinnaclepines_text img {margin-top: 134px;}
#rightCol #sempdx_text img {margin-top: 156px;}
#rightCol #storables_text img {margin-top: 179px;}
#rightCol #driverside_text img {margin-top: 205px;}

#rightCol #blende_text .infoContent {margin-top: 33px;}
#rightCol #atwood_text .infoContent {margin-top: 56px;}
#rightCol #sempdx_text .infoContent {margin-top: 85px;}
#rightCol #storables_text .infoContent {margin-top: 20px;}


/* QUOTES 
#quote1 {
	position:absolute;
	top:473px;
	left:50px;
}

#quote2 {
	position:absolute;
	top:200px;
	left:825px;
}

#quote3 {
	position:absolute;
	top:380px;
	left:825px;
}

.quoteContent  {
	width:115px;
	background-color:#000;
	color:#fff;
	font-size:11px;
	padding:10px;
	float:left;
}

#quote1 img, #quote2 img, #quote3 img { float:left; margin-top:40px;}
#quote1 img.horizarrow, #quote2 img.horizarrow, #quote3 img.horizarrow {
	float:none;
	margin-left:70px;}
*/

.contactform {
	background-color:#000;
	color:#fff;
	padding:15px;
	margin-top:30px;
}

.contactform td {
	padding-top:10px;
}
	
.sendbutton {
	width:65px;
	height:25px;
	padding:0px 0px 0px 5px;
	font-weight:bold;
	text-align:left;
	background: #fff url(../images/button_send.gif) no-repeat top right;
	float:right;
}