/* CSS Document */
* html, body{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
html, body {
	height: 100% auto !important;
	background-color:#161616;
	color:#a5a4a3;
	background-image:url(../images/watermark.gif);
	background-repeat:no-repeat;
	background-position:center;
}
a:link {
	color:#8a5e01;
	text-decoration:none;
}
a:visited {
	color:#8a5e01;
	text-decoration:none;
}
a:hover {
	color:#eecf8e;
	text-decoration:underline;
}
a:active {
	color:#eecf8e;
	text-decoration:underline;
}
h3 {
	margin-top:5px;
	color:#887652;
}
p {
	font-size:0.9em;
}
#topMask {
	position:fixed;
	top:0px;
	left:0px;	
	width:100%;
	height:114px;
	background-color:#161616;
	z-index:1;
}
#themes {
	position:fixed;
	top:0px;
	right:0px;
	height:44px;
	width:194px;
	background-color:#161616;
	border-left:#281e0f 7px solid;
	padding-left:5px;
	font-size:0.85em;
	z-index:5;
	padding-top:7px;
}
.themesLink {
	font-size:0.8em;
}
#topBar {
	position:fixed;
	width:100%;
	height:64px;
	background-color:#281e0f;
	top:51px;
	left:0px;
	z-index:3;
	border-bottom:#8a5e00 thin solid;
}
#insideTopBar {
	float:left;
	width:100%;
	height:22px;
	background-color:#534328;
	border-top:#887652 solid 7px;
	margin-top:0px;
}
#searchBar {
	float:right;
	margin-right:50px;
	margin-top:6px;
}
input.searchBar {
	color:#a5a4a3;
	background-color:#887652;
	border:none;
	padding-left:5px;
	padding-bottom:3px;
	padding-top:3px;
	width:144px;
}
#normalNav {
	position:fixed;
	width:500px;
	height:20px;
	top:90px;
	left:235px;
	z-index:5;
	font-size:0.75em;
}
#logo {
	position:fixed;
	height:101px;
	width:419px;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	margin-top:13px;
	left:163px;
	z-index:4;
}
#mainSection {
	position:absolute;
	left:165px;
	top:120px;
	width:60%;
	padding-bottom:30px;
}
#rightBar_border {
	position:fixed;
	right:0px;
	top:115px;
	background-color:#281e0f;
	width:206px;
	z-index:3;
	border-left:#8a5e00 thin solid;
	border-top:#8a5e00 thin solid;
}
#rightBar {
	float:right;
	width:179px;
	background-color:#534328;
	margin-left:7px;
	padding-left:10px;
	padding-right:10px;
	height:100%;
}
#changeable {
	float:left;
	color:#a5a4a3;
	font-size:0.85em;
	width:100%;
	border-bottom:#8a5e00 thin solid;
	z-index:0;
}
#pageHeader {
	float:left;
	height:78px;
	background-repeat:none;
}
.pageTitle_portfolio {
	width:307px;
	background-image:url(../images/creativePortfolio.gif);
}
.pageTitle_aboutMe {
	width:298px;
	background-image:url(../images/aboutMe.png);
}
#breadcrumb {
	float:right;
	margin-top:60px;
}
#showIconLegend {
	float:right;
	width:100%;
	text-align:right;
}
#iconLegend {
	float:left;
	width:100%;
	display:block;
	font-size:0.8em;
	padding-bottom:20px;
	border-bottom:thin solid #8A5E00;
}

/********************************* Home Section *********************************/
#home {
	float:left;
	margin-top:5px;
	font-size:0.8em;
}

/******************************* Portfolio Thumbs *******************************/
.portfolioSection {
	float:left;
	margin-top:25px;
	clear:both;
	width:100%;
}
.portSectionHeader {
	float:left;
	display:block;
	width:100%;
	font-size:1.2em;
	color:#a5a4a3;
	font-weight:bold;
	clear:both;
	margin-bottom:5px;
}
.portSectionThumbs {
	float:left;
	width:100%;
	clear:both;
}
div.portSectionThumbContainer {
	float:left;
	width:102px;
	height:86px;
	margin-bottom:15px;
	margin-left:10px;
}
a.portSectionThumb {
	float:left;
	width:102px;
	height:60px;
	border:#63666A solid 1px;
	margin-top:10px;
	margin-bottom:5px;
	background-repeat:no-repeat;
}
a.portSectionThumb:hover {
	float:left;
	width:102px;
	height:60px;
	border:#eecf8d solid 2px;
	margin-top:8px;
	cursor:pointer;
}
.thumbIcon {
	float:left;
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	margin-right:10px;
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
  	opacity: 0.65;
}
.thumbIcon:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
  	opacity: 1.0;
}
.commercial {
	background-image:url(../images/money_dollar.png);
}
.php {
	background-image:url(../images/page_white_php.png);
}
.mobile {
	background-image:url(../images/phone.png);
}
.xhtml {
	background-image:url(../images/xhtml_valid.png);
}
.flash {
	background-image:url(../images/page_white_actionscript.png);
}
.school {
	background-image:url(../images/book_open.png);
}
.vector {
	background-image:url(../images/page_white_vector.png);
}
.raster {
	background-image:url(../images/picture.png);
}
.personal {
	background-image:url(../images/user_suit.png);
}


/*********************************** SlidingNav Bars **************************************/
.slider {
	position:fixed;
	display:block;
	width:50px;
	background-repeat:no-repeat;
	height:60%;
	padding-top:30%;
	z-index:4;
}
#blogSlider {
	background-color:#634401;
	background-image:url(../images/blogBarBG.gif);
	left:0px;
	top:0px;
}
#portfolioSlider {
	background-color:#8a5e00;
	background-image:url(../images/portfolioBarBG.gif);
	left:50px;
	top:0px;
}
#latestWorksSlider {
	background-color:#be8201;
	background-image:url(../images/latestWorksBarBG.gif);
	left:100px;
	top:0px;
}
.leftArrow {
	background-image:url(../images/arrowLeft.png);
	background-repeat:no-repeat;
	width:30px;
	height:31px;
	margin-top:-15px;
	margin-left:10px;
}
.rightArrow {
	background-image:url(../images/arrowRight.png);
	background-repeat:no-repeat;
	width:30px;
	height:31px;
	margin-top:-15px;
	margin-left:7px;
}
#blogSlider:hover {
	background-color:#eecf8d;
	background-image:url(../images/blogBarBG_over.gif);
	cursor:pointer;
}
#portfolioSlider:hover {
	background-color:#eecf8d;
	background-image:url(../images/portfolioBarBg_over.gif);
	cursor:pointer;
}
#latestWorksSlider:hover {
	background-color:#eecf8d;
	background-image:url(../images/latestWorksBarBG_over.gif);
	cursor:pointer;
}