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

/*
	---------------------
	Author:  Chris Johnson
	Date:  March 4, 2008
	----------------------
*/

/*------------------ PAGE/GENERAL------------- */

* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	width: 100%;
	height: 100%;
	background-color: #121110;
	color: #8a8989;
}

img {
	border: none;
}

.clear {clear:both;}
	
.left {float: left;}

.right {float: right;}

a:link {
	text-decoration: none;
	color: #8a8989;
}

a:visited {
	text-decoration: none;
	color: #8a8989;
}

a:hover {
	text-decoration: none;
	color: #fff;
}
a:active {
	text-decoration: none;
	color: #8a8989;
}


/*------------------ HEADER ------------- */

#background {
	width: 100%;
	height: 124px;
	background-image:url(../images/main/header_bg.jpg);
	background-repeat: repeat-x;
	background-color: #505050;
}

#headercontainer {
	width: 792px;
	margin: 0 auto;
	height: 124px;
}

#logo {
	width: 370px;
	height: 124px;
	background-image:url(../images/main/logo.png);
	background-position:left top;
	background-repeat:no-repeat;
	float: left;
	/* ieWin only stuff */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/main/logo.png');
}

/*------------------ NAVIGATION ------------- */

#logo li {padding: 0; list-style: none;}
#logo a {display: block;}
#home {left: 0px; top: 0px; width: 370px; height: 124px;}
#home a {height: 124px;}

#navigation {
	float: right;
	width: 378px;
	height: 124px;
	background-image:url(../images/main/navigation.png);
	background-position: right top;
	background-repeat:no-repeat;
	/* ieWin only stuff */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/main/navigation.png');
}

#navbuttons {
 	width: 318px;
 	height: 124px;
 	float: right;
 	padding: 0 0 0 60px;
 	position: relative;
}

#navbuttons li {margin: 0; padding: 0; list-style: none; float: left;}

#navbuttons a {display: block;}

#work {left: 0px; top: 0px; width: 109px; height: 35px;}
#about {left: -109px; top: 0px; width: 103px; height: 35px;}
#contact {left: -298px; top: 0px; width: 106px; height: 35px;}

#work a {height: 35px;}
#about a {height: 35px;}
#contact a {height: 35px;}

/*------------------ CONTENT AREA ------------- */

#content_bg {
	width: 100%;
	background-color: #505050;
}

#container {
	 margin: 0 auto;
	 width: 792px;
	 padding: 16px 0 0 0;
}

.mainheader {
	background-image:url(../images/main/heading_bg.gif);
	background-repeat: repeat-x;
	background-position:top left;
	text-transform:uppercase;
	height: 30px;
	width: 790px;
	border: 1px solid #2f2e2b;
	margin: 0 0 24px 0;
}

#container .mainheader h1 {
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	text-transform:uppercase;	
	background-image:url(../images/home/featuredwork_icon.gif);
	background-repeat:no-repeat;
	background-position: left;
	height: 24px;
	padding: 6px 0 0 36px;
	width: 756px;
}

#container #leftcolumn {
	width: 588px;
	float: left;
}

#container #rightcolumn {
	width: 188px;
	float: right;
}

#container #rightcolumn img{
	width: 188px;
	float: right;
	border: 1px solid #2f2e2b;
}

#container #leftcolumn a:link {
	text-decoration:underline;
	color: #ffb501;
}

#container #leftcolumn a:visited {
	text-decoration: underline;
	color: #ffb501;
}

#container #leftcolumn a:hover {
	text-decoration: underline;
	color: #ebcdce;
}
#container #leftcolumn a:active {
	text-decoration: underline;
	color: #fff;
}
#container p {
	color: #fff;
	font-size: .9em;
	font-weight: normal;
	margin: 0 0 24px 0;
	padding: 0 0 0 7px;
	line-height: 140%;
}

#container h2 {
	font-size: 1em;
	text-transform:uppercase;
	color: #fff;
	padding: 0 0 0 7px;
}

#container h3 {
	font-size: 1em;
	text-transform:uppercase;
	color: #fff;
	padding: 0 0 0 7px;
}

.thumbnailright {
	margin: 0 0 24px 0;
	float: left;
	width: 182px;
	height: 130px;
	padding: 0;
	border: 1px solid #2f2e2b;
	color: #fff;
}

.thumbnailright a{
	color: #fff;
}

.thumbnail {
	margin: 0 18px 24px 0;
	float: left;
	width: 182px;
	height: 130px;
	padding: 0;
	border: 1px solid #2f2e2b;
	color: #fff;
}

.thumbnail a{
	color: #fff;
}

.galleryheader {
	font-size: .8em;
	line-height: 220%;
	color: #fff;
	text-align: center;
	text-transform:uppercase;
	width: 182px;
	height: 27px;
	background-image:url(../images/main/gallery_header.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

/*------------------ LINK AREA ------------- */

#linkarea_bg {
	width: 100%;
	background-image:url(../images/main/linkarea_bg.jpg);
	background-repeat: repeat-x;
	background-position:top left;
	padding: 22px 0 22px 0;
	background-color: #1d1b1b;
}

#linkarea {
	width: 792px;
	margin: 0 auto;
	font-size:.9em;
}

#linkarea p {
	padding: 0px 0 0px 0;
	line-height: 130%;
	}
	
#linkarea img {
	margin: 0 7px 0 0;
	border: 1px solid #2f2e2b;
}

#linkarea #column1 {
	width: 242px;
	float: left;
}

#linkarea #column2 {
	width: 242px;
	float: left;
	margin: 0 0 0 33px;
}

#linkarea #column3 {
	width: 242px;
	float: right;
}

#linkarea h2 {
	text-transform:uppercase;
	color: #fff;
	font-size: 1em;
	height: 16px;
	font-weight:normal;
	text-align: center;
}

.secondaryheader {
	background-image:url(../images/main/linkareaheader_bg.jpg);
	background-repeat: repeat-x;
	background-position:top left;
	text-transform:uppercase;
	height: 16px;
	border: 1px solid #2f2e2b;
	padding: 4px 0 2px 0;
}

#column1 .secondaryheader h2 {
	background-image:url(../images/home/delicious_icon.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#column2 .secondaryheader h2 {
	background-image:url(../images/home/flickr_icon.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#column3 .secondaryheader h2 {
	background:url(../images/home/twitter_icon.gif) 5px 0px no-repeat;
}

#linkarea ul {
	margin: 8px 0 0 0;
}

#linkarea li {
	list-style:none;
	background-image: url(../images/main/dottedline.gif);
	background-position:top left;
	background-repeat:repeat-x;
	padding: 5px 0 6px 0;
}

#linkarea li a{
	display: block;
	background: url(../images/main/link_arrow.gif) 0% 50% no-repeat;
	padding:0 0 0 28px;
}

.dottedline {
	background-image:url(../images/home/dottedsingleline.gif);
	background-position:left top;
	background-repeat:repeat-x;
	width: 100%;
	height: 7px;
	margin: 7px 0 0 0;
}

/*------------------ Twitter BADGE ------------- */

#linkarea ul#twitter_update_list li a{
	display: inline;
	background-image:url(../images/home/dottedsingleline.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	padding: 0;
}

/*------------------ FLICKR BADGE ------------- */
#linkarea #column2 img {border: 1px solid #323231; float: left; margin: 2px 1px 1px 2px;}
#flickr_www {display:block;}


/*------------------ FOOTER ------------- */

#footer_bg {
	width: 100%;
	background-image:url(../images/main/footer_bg.gif);
	background-repeat: repeat-x;
	background-position:top left;
	background-color: #121110;
	margin: 0;
}

#footer {
	margin: 0 auto;
	width: 792px;
	padding: 10px 0 10px 0;
	color: #8a8989;
	font-size:.7em;
}

#footer a{
	text-transform:uppercase;
}

/*------------------ LOGIN ------------- */

p#ForgotPassword a{
	color: #fff;
}