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

/* -- 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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -- End of Reset ------------------------------------------------- */



/* -- Global -------------------------------------------------------- */

html {
	overflow-y:scroll;
}

body {
	background-color:#e7e5d3;
	background-image: url(../../images/global/bg_box_v01.png);
	background-repeat:repeat-x;
	background-position:0 110px;
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
}


/* --Start of Header Div --------------------------------------------- */

#header {
	height:100px;
	background-color:transparent;
	position:relative;
	margin:0 auto;
	width:800px;
}

/* -- Start of Logo Div ----------------------------------------------- */

#logo {
	float:left;
	margin:20px 0 0 25px;
}

#logo p {
	font-size:3em;
	color:#571c1f;
	vertical-align:top;
	margin:0;
	padding:0;
}
/* -- End of Logo Div -------------------------------------------------- */


/* -- Start of Main Menu Div ------------------------------------------- */
#mainMenu {
	float:right;
	width:340px;
	color:#571c1f;
	position:absolute;
	left:450px;
	bottom:0;
}

#mainMenu ul {
	list-style:none;
	margin:0;
	padding:0;
}

#mainMenu li {
	float:left;
	margin:0;
	padding:0;
}

#mainMenu li a:link, #mainMenu li a:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	text-decoration:none;	
	border:none;
	margin:0 10px 0 0;
	color:#571c1f;
	width:75px;
	text-align:center;
	line-height:27px;
}

/*
#mainMenu li a:link, #mainMenu li a:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	color:#FFF;
	text-decoration:none;
	background: url(Images/mainMenu_bg.png) no-repeat top left;	
	border:none;
	width:75px;
	height:25px;
	margin:0 9px 0 0;
	line-height:25px;
	text-align:center;
	font-size:.9em;
}
*/


#mainMenu li a:hover, #mainMenu li a:active {
	color:#900;
}

#mainMenu li a.current {
	color:#ab8a85;
	font-weight:bolder;
	border-top:2px;
	border-top-color:#ab8a85;
	border-top-style:solid;
	line-height:20px;
	padding:2px 0 0 0;
}
	
#mainMenu li a.current:hover {
	cursor:default;
}

/* --End of Main Menu Div ------------------------------------------*/
/* --End of Header Div ---------------------------------------------*/



/* -- Start of MainDiv ---------------------------------------------*/

#mainDiv {
	width:800px;
	margin:30px auto 0 auto;
	background-color:#FFF;
}

#mainDiv h1 {
	font-size:1.25em;
	margin:0;
	padding:15px 0 0 25px;
}

#mainDiv p {
	font-size:.95em;
	line-height:1.15em;
	padding:10px 20px 5px 25px;
	margin:0 0 5px 0;
}

/* -- Start of Image Baner Div ------------------------------------*/
#imageBanner {
	height:332px;
	width:800px;
	padding:5px 0 0 0;
}
/* -- End of Image Banner Div -------------------------------------*/


#photoDiv {
	width:800px;
	margin:0 0 15px 0;
}


/* -- Start of Portfolio Div -------------------------------------- */

#portfolio {
	background-color:#FFF;
	height:200px;
	margin:5px 0 0 0;
	padding:0 0 5px 0;
	position:relative;
}

#graphicDesign {
	float:left;
	height:170px;
	width:248px;
	margin:20px 0 0 14px;
	background-image: url(../../images/global/portfolio_bg.png);
}

#fineArt {
	float:left;
	height:170px;
	width:248px;
	margin:20px 0 0 14px;
	background-image:url(../../images/global/portfolio_bg.png);
}

#photo {
	float:left;
	height:170px;
	width:248px;
	margin:20px 14px 0 14px;
	background-image: url(../../images/global/portfolio_bg.png);
}

#graphicDesign p, #fineArt p, #photo p {
	font-size:1.25em;
	color:#333;
	margin:10px;
	padding:0;
}

/* -- Portfolio background Image style ---------------------------------- */
#portfolio #graphicDesign img, #portfolio #fineArt img, #portfolio #photo img {
	border:0;
	text-decoration:none;
	margin:0;
	padding:0;
	float:left;
	position:absolute;
}

/* -- Start of Portfolio Menu Div ---------------------------------------- */
#portfolioMenu {
	float:right;
	width:800px;
	color:#571c1f;
	position:absolute;
	left:15px;
	top:0;
}

#portfolioMenu ul {
	list-style:none;
	margin:0;
	padding:0;
}

#portfolioMenu li {
	float:left;
	margin:0;
	padding:0;
}

#portfolioMenu li a:link, #portfolioMenu li a:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	text-decoration:none;	
	border:none;
	margin:0 14px 0 0;
	padding:0 0 0 10px;
	color:#571c1f;
	width:238px;
	text-align:left;
}

/*
#mainMenu li a:link, #mainMenu li a:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	color:#FFF;
	text-decoration:none;
	background: url(Images/mainMenu_bg.png) no-repeat top left;	
	border:none;
	width:75px;
	height:25px;
	margin:0 9px 0 0;
	line-height:25px;
	text-align:center;
	font-size:.9em;
}
*/

#portfolioMenu li a:hover, #portfolioMenu li a:active {
	color:#666;
}

#portfolioMenu li a.current {
	color:#FFF;
}
	
#portfolioMenu li a.current:hover {
	cursor:default;
}

#portfolioMenu ul li.last {
	margin: 0;
}
/* -- End of Portfolio Menu Style ------------------------------------- */
/* --End of Portfolio Div --------------------------------------------- */


/* start 0f Footer Div ------------------------------------------------ */

#footer {
	height:30px;
	width:800px;
	margin:0 auto;
	color:#571c1f;
}

#footer p {
	font-size:.65em;
	margin:0;
	padding:8px 0 0 15px;
}
/* --End of Footer Div ------------------------------------------------ */





/* -- Start of Bottom Nav -------------------------------------------- */

#portfolioNavDiv {
	background-color:#333;
	height:25px;
	margin:25px 0 0 0;
	padding:0 0 5px 0;
	position:relative;
}

#portfolioNavMenu {
	float:right;
	width:350px;
	color:#000;
	position:absolute;
	left:50px;
	top:0;
}

#portfolioNavMenu ul {
	list-style:none;
	margin:0;
	padding:0;
}

#portfolioNavMenu li {
	float:left;
	margin:0;
	padding:0;
}

#portfolioNavMenu li a:link, #portfolioNavMenu li a:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	text-decoration:none;	
	border:none;
	margin:7px 5px 0;
	padding:0 5px 0 0;
	color:#FFF;
	width:100px;
	text-align:center;
	font-size:.75em;
}

/*
#mainMenu li a:link, #mainMenu li a:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	color:#FFF;
	text-decoration:none;
	background: url(Images/mainMenu_bg.png) no-repeat top left;	
	border:none;
	width:75px;
	height:25px;
	margin:0 9px 0 0;
	line-height:25px;
	text-align:center;
	font-size:.9em;
}
*/

#portfolioNavMenu li a:hover, #portfolioNavMenu li a:active {
	color:#999;
}

#portfolioNavMenu li a.currentBottomNav {
	color:#CCC;
	background-color:#666;
	padding:7px 5px 0;
	margin:0;
	height:23px;
}
	
#portfolioNavMenu li a.current:hover {
	cursor:default;
}

#portfolioNavMenu ul li.last {
	margin: 0;
}




#test {
	background-color:#0F0;
	height:25px;
	margin:0 auto;
	padding:0;
	
	
}


/* --- About Page -----*/

.clear {
	clear:both;
}

#mainDiv #image {
	float:left;
	margin: 10px 15px 15px 15px;
}

#mainDiv #text {
	margin:0 10px 0 0;
	
}



/* --- Contact Page -------*/

#resume a {
	text-decoration:none;
	color:#600;
	font-weight:bold;
}

#resume a:hover, #resume a:active {
	color:#999;
}