/** Global Reset **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/** Main Styles **/
html, body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
  	line-height: 16px;
  	color: #000;
	background-color: #FFF;	
	margin: 0px;
	padding: 0 10px 20px 10px;
	text-align: left;
}

a	{
	color: #000;
	font-weight:bold;
	text-decoration: none;
	background-color: transparent;
}

a:link	{
	color: #000;
	text-decoration: none;
	background-color: transparent;
} 

a:visited	{
	color: #000;
	text-decoration: none;
	background-color: transparent;
} 

a:hover		{ 
	color: #00aeef; 
	text-decoration:underline; 
	background-color: transparent;
}

a:active	{ 
	color: #00aeef;  
	text-decoration:underline;
	background-color: transparent;
} 

img	{
	padding: 0px;
	border: 0px;
	margin: 0px;
}
	
h1	{
	font-family: helvetica, arial, sans-serif;
	font-size: 20px;
	line-height: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

h2	{
	font-size: 20px;
	font-family: helvetica, arial, sans-serif;
	color: #000;
	line-height: 16px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
}		

h3	{
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	line-height: 16px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
}
h4	{
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	line-height: 16px;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	border: 0px;
	margin: 10px 0px 0px 0px;
	color: #a6a6a6;
	text-transform: uppercase;
}
p	{
	padding: 0px 0px 10px 0px;
}
abbr {
	border-bottom: 1px dotted rgb(100,100,100); 	cursor: help;
	}

/** Wrapper **/
div#wrapper{
	width: 850px;
	margin: 0px auto;
	padding: 0px;
}
/* Grid Background 
div#wrapper{
	background-image: url(../img/grid.gif);
	background-position: top left;
	background-repeat: repeat-y;
}*/


/** Header **/
div#header{
	margin: 70px 0 90px 0;
	position: relative;
}
div#header h1{
	float: right;
	margin: -10px 77px 0 0;
	padding: 10px 0;
	display: inline; /* IE Fix */
}
ul#main-navigation{
	width: 405px;
	margin-left: 10px;
	padding: 2px 0 10px 5px;
	font-weight: bold;
	color: #b7b7b7;
	border-bottom: 1px #b7b7b7 solid;
}
ul#main-navigation li{
	display: inline;
	padding-right: 10px;
}

/** Next and Previous **/
div#secondary-nav{
	height: 20px;
	margin: 0 10px 90px 10px;
	padding: 0 5px;
}
li#previous{
	margin-right: 15px;
}
li#previous a{
	background: url(../img/buttons/prev-arrow.gif) no-repeat top left;
	width: 95px;
	height: 15px;
	display: block;
	padding: 1px 0 1px 25px;
}
li#previous a:hover{
	background-position: bottom left !important;
}
li#next a{
	background: url(../img/buttons/next-arrow.gif) no-repeat top right;
	width: 71px;
	height: 15px;
	display: block;
	padding: 1px 25px 1px 0;
}
li#next a:hover{
	background-position: bottom right !important;
}
li#next, li#previous{
	float: left;
}

/** Visit Site **/
div#visit-site a{
	background: url(../img/buttons/go-to-site-arrow.gif) no-repeat top right;
	width: 86px;
	height: 15px;
	display: block;
	padding: 1px 25px 1px 0;
	/*color: #00aeef;*/
	color: #bf2100;
}
div#visit-site a:hover{
	background-position: bottom right !important;
	color: #00aeef;
}
div#visit-site p{
	font-size: 11px;
	color: #a6a6a6;
}
div#visit-site{
	float: right;
	margin-right: 78px;
	display: inline; /* IE Fix */
}

/** Back to the top **/
div#back-to-the-top{
	float: right;
	margin: 60px 0 60px 0;
}
div#back-to-the-top a{
	background: url(../img/buttons/up-arrow.gif) no-repeat top right;
	width: 87px;
	height: 15px;
	display: block;
	padding: 4px 22px 0 0;
}
div#back-to-the-top a:hover{
	background-position: bottom right !important;
}

/** Sidebar **/
div#project-info{
	float: right;
}
div#project-info p span{
	font-weight: bold;
}
div#project-info p, div#project-info h3{
	width: 190px;
	margin: 0 10px 0 0;
	padding: 0 5px;
}
div#project-info h3{
	margin: 1px 0 10px 0;
	padding: 0 0 9px 5px;
	border-bottom: 1px #b7b7b7 solid;
}
div#project-info p{
	font-size: 11px;
	padding-bottom: 10px;
}

/** Main page content **/
div#main-content{
	width: 620px;
	float: left;
	margin-left: 10px;
	display: inline; /* IE Fix */
	min-height: 450px;
}
div#main-content p{
	margin-left: 210px;
	padding: 0 5px 10px 5px;
	line-height: 16px;
}
div#main-content p span.italic{
	font-style: italic;
}
div#main-content p span.bold{
	font-weight: bold;	
}
div#main-content h2{
	width: 510px;
	float: right;
	padding-left: 5px;
	margin-bottom: 10px;
	border-bottom: 1px #b7b7b7 solid;
}
div#main-content ul{
	margin: 0 0 10px 215px;
}
div#main-content p.testimonial{
	font-style: italic;
}

/** Contact Form **/
p.summary{
	font-size: 11px;
	color: #a6a6a6;
}
form#cForm{
	margin: 30px 0;
}
form#cForm fieldset{
	margin-left: 210px;
	padding: 0 5px;
	display: inline;
}
form#cForm label{
	font-size: 12px;
}
form#cForm input.subject, form#cForm input.email, form#cForm input.name{
	width: 190px;
	margin-bottom: 10px;
}
form#cForm textarea.message{
	width: 400px;
	margin-bottom: 10px;
}
form#cForm span.req{
	font-size: 11px;
	font-style: italic;
}
.none {
	display: block;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	position: relative;
	color: #333;
	margin: 0 0 1em;
	padding: 0.5em;
	background-color: #CCFFAA;
	border: 1px dotted #ccc;
}

.NOTOK {
	display: block;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	position: relative;
	color: #000;
	margin: 0 0 1em;
	padding: 0.5em;
	background-color: #ffdfdf;
	border: 1px dotted #de9292;
}

.OK {
	display: block;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	position: relative;
	color: #003300;
	margin: 0 0 1em;
	padding: 0.5em;
	border: 1px dotted #de9292;
	background-color: #CCFFAA;
}

.errorMessage {
	display: block;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	position: relative;
	color: #000;
	margin: 0 0 1em;
	padding: 0.5em;
	background-color: #ffdfdf;
	border: 1px dotted #de9292;
}
.errorMessage, .OK, .NOTOK, .none{
	margin-left: 215px;
}

.focus { background-color: #fefbc8; }

.error {
	background: #FF9999;
}

.warning {
	background: url(../img/marks.gif) no-repeat left 0px;
}

.checkmark {
	background: url(../img/marks.gif) no-repeat left -40px;
}

.question {
	background: none;
}

.highlight {
	background: url(../img/marks.gif) no-repeat left -60px;
}

/** About Me **/
div#main-content dl{
	margin: 0 0 20px 110px;
}
div#main-content dt{
	font-weight: bold;
}
div#main-content dd{
	margin-left: 105px;
}
div#main-content h4{
	margin-left: 215px;
}

/** Flash coverflow in index.php **/
#flash-flow{
	margin: 0 0 60px 105px;
}


/** Pictures and Captions **/
div.screen-shot{
	float: left;
	padding: 0 3px 0 0;
	margin: 0;
	display: inline; /* IE Fix */
	position: relative;
}
div.screen-shot span{
	font-size: 11px;
	color: #a6a6a6;
	font-weight: normal;
	display: block;
	margin: -5px 0 -15px 5px;
}
div.image-footnote{
	float: left;
	position: absolute;
	top: 750px;
	width: 85px;
	padding: 0 5px;
	font-size: 10px;
	line-height: 12px;
}
div.web{
	margin: 0 10px 10px 0;
	height:  250px;
	width: 300px;
	display: block;
}
div.web-right{
	margin: 0 0 10px 0;
	height:  250px;
	width: 300px;
}

/** Footer **/
div#footer{
	clear: both;
	border-top: 1px #b7b7b7 solid;
	margin: 30px 10px 0 10px;
	height: 200px;
}
div#website-list, div#interactive-list{
	float: left;
	display: inline; /* IE Fix */
}
div#website-list{
	height: 100px;
	width: 630px;
	margin-left: 5px;
}
div#website-list li{
	float: left;
	width: 210px;
}
div#footer p{
	font-size: 11px;
	color: #a6a6a6;
	margin-top: 60px;
	clear: both;
	margin-left: 215px;
}

/** 404 **/
img#four-oh-four{
	margin-left: 105px;
}

/** Clear **/
div.clear-left{
	clear: left;
}
.clear-both{
	clear: both;
}