@charset "utf-8";

/* This section is for the header ********************************************************/
#header {
	background: url(../../images/header.png) top right no-repeat;
	height: 146px;
	margin: 0px auto;
	padding: 0px;
	width: 960px;
}

/* This section is for the navigation ****************************************************/
.preloadImage_home {
	background: url(../../images/navigation/home_over.png) top left no-repeat;
	height: 0px;
	overflow: hidden;
	width: 0px;
}

.preloadImage_webdesign {
	background: url(../../images/navigation/wdesign_over.png) top left no-repeat;
	height: 0px;
	overflow: hidden;
	width: 0px;
}

.preloadImage_graphicdesign {
	background: url(../../images/navigation/gdesign_over.png) top left no-repeat;
	height: 0px;
	overflow: hidden;
	width: 0px;
}

.preloadImage_blog{
	background: url(../../images/navigation/blog_over.png) top left no-repeat;
	height: 0px;
	overflow: hidden;
	width: 0px;
}

.preloadImage_resume {
	background: url(../../images/navigation/resume_over.png) top left no-repeat;
	height: 0px;
	overflow: hidden;
	width: 0px;
}

.preloadImage_contact {
	background: url(../../images/navigation/contact_over.png) top left no-repeat;
	height: 0px;
	overflow: hidden;
	width: 0px;
}

#navigation {
	background: url(../../images/navRepeat.png) top left repeat-x;
	height: 40px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#navigationContent {
	margin: 0px auto;
	width: 960px;
}

#navigationContent ul {
	float: right;
	height: 40px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#navigationContent ul li {
	float: left;
}

#navigationContent ul li a {
	display: block;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}

#navigationContent ul li#contact a {
	background: url(../../images/navigation/contact.png) top left no-repeat;
	width: 125px;
}

#navigationContent ul li#contact a:hover {
	background: url(../../images/navigation/contact_over.png) top left no-repeat;
}

#navigationContent ul li#contact_selected a {
	background: url(../../images/navigation/contact_over.png) top left no-repeat;
	width: 125px;
}

#navigationContent ul li#resume a {
	background: url(../../images/navigation/resume.png) top left no-repeat;
	width: 120px;
}

#navigationContent ul li#resume a:hover {
	background: url(../../images/navigation/resume_over.png) top left no-repeat;
}

#navigationContent ul li#resume_selected a {
	background: url(../../images/navigation/resume_over.png) top left no-repeat;
	width: 120px;
}

#navigationContent ul li#blog a {
	background: url(../../images/navigation/blog.png) top left no-repeat;
	width: 98px;
}

#navigationContent ul li#blog a:hover {
	background: url(../../images/navigation/blog_over.png) top left no-repeat;
}

#navigationContent ul li#blog_selected a {
	background: url(../../images/navigation/blog_over.png) top left no-repeat;
	width: 98px;
}

#navigationContent ul li#gdesign a {
	background: url(../../images/navigation/gdesign.png) top left no-repeat;
	width: 174px;
}

#navigationContent ul li#gdesign a:hover {
	background: url(../../images/navigation/gdesign_over.png) top left no-repeat;
}

#navigationContent ul li#gdesign_selected a {
	background: url(../../images/navigation/gdesign_over.png) top left no-repeat;
	width: 174px;
}

#navigationContent ul li#wdesign a {
	background: url(../../images/navigation/wdesign.png) top left no-repeat;
	width: 147px;
}

#navigationContent ul li#wdesign a:hover {
	background: url(../../images/navigation/wdesign_over.png) top left no-repeat;
}

#navigationContent ul li#wdesign_selected a {
	background: url(../../images/navigation/wdesign_over.png) top left no-repeat;
	width: 147px;
}

#navigationContent ul li#home a {
	background: url(../../images/navigation/home.png) top left no-repeat;
	width: 100px;
}

#navigationContent ul li#home a:hover {
	background: url(../../images/navigation/home_over.png) top left no-repeat;
}

#navigationContent ul li#home_selected a {
	background: url(../../images/navigation/home_over.png) top left no-repeat;
	width: 100px;
}

.hidden {
	height: 1px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: -10000px;
	width: 1px;
}

/* This section is for the body **********************************************************/
body {
	background-color: #000000;
	background-image: url(../../images/background.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	font-size: 62.5%;
	margin: 0px;
	padding: 0px;
}

#container {
	margin: 0px auto;
	padding: 40px 0px 0px 0px;
	width: 960px;
}

#contentContainer {
	border: 1px #666666 solid;
}

#contentBackground {
	background: url(../../images/contentBackground.png) top left no-repeat;
	margin: 0px auto;
	min-height: 520px;
	width: 958px;
}

#content {
	color: #CCCCCC;
	font-family: "Trebuchet MS";
	font-size: 120%;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
	width: 920px;
}

#content h1 {
	height: 0px;
	margin: 0px;
	overflow: hidden;
	padding: 25px 0px 0px 0px;
}

#content h1.home {
	background: url(../../images/headings/home.png) top left no-repeat;
}

#content h1.wdesign {
	background: url(../../images/headings/wdesign.png) top left no-repeat;
}

#content h1.gdesign {
	background: url(../../images/headings/gdesign.png) top left no-repeat;
}

#content h1.blog {
	background: url(../../images/headings/blog.png) top left no-repeat;
}

#content h1.resume {
	background: url(../../images/headings/resume.png) top left no-repeat;
}

#content h1.contact {
	background: url(../../images/headings/contact.png) top left no-repeat;
}

#content h1.sitemap {
	background: url(../../images/headings/sitemap.png) top left no-repeat;
}

#content h1.privacy {
	background: url(../../images/headings/privacy.png) top left no-repeat;
}

#content h2.services, #content h2.skills, #content h2.examples {
	height: 0px;
	margin: 0px;
	overflow: hidden;
	padding: 20px 0px 0px 0px;
}

#content h2.services {
	background: url(../../images/headings/services.png) top no-repeat;
}

#content h2.skills {
	background: url(../../images/headings/skills.png) top no-repeat;
}

#content h2.examples {
	background: url(../../images/headings/examples.png) top no-repeat;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	color: #FF6600;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
	margin: 0px;
	padding: 0px;
}

#content h2 {
	font-size: 150%;
}

#content h3 {
	font-size: 140%;
}

#content h4 {
	font-size: 130%;
}

#content h5 {
	font-size: 120%;
}

#content h6 {
	font-size: 110%;
}

#content a {
	color: #FF9933;
}

#content a:hover {
	color: #FF6600;
}

legend {
	color: #FF6600;
}

.req {
	color: #FF0000;
	font-size: 90%;
}

#contactForm input, #contactForm textarea, #contactForm select {
	background: #CCCCCC;
	border: 1px #999999 solid;
}

#contactForm input.submit {
	background: #FF6600;
	border: 1px #FFFFFF solid;
	font-size: 75%;
	width: 100px;	
}

.leftColumn {
	float: left;
	margin-bottom: 3px;
	text-align: right;
	width: 25%;
}

.rightColumn {
	float: left;
	margin-bottom: 3px;
	padding-left: 5px;
	width: 70%;
}

.indent {
	margin-left: 15px;
}

/* This section is for the footer ********************************************************/
#footer {
	color: #666666;
	font-family: 'Trebuchet MS';
	margin: 0px auto;
	padding: 5px 0px 20px 0px;
	width: 960px;
}

#footer a {
	color: #666666;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}