@charset "UTF-8";
/* Ross Taylor Multimedia Designer Cascading StyleSheet */

/*********************
 * Basic HTML Styles *
 *********************/

html, body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	line-height:14pt;
	color:#1b1b1b;
	background: #404040;
}

body * {
	text-align: left;
}

h1{
	font-weight:normal;
	text-align: center;
	margin: 2em 0px 10px;
	font-size:16px;
	border: 0px solid  #ff0000;
}

h2 {
	font-size:2.2em;
	line-height: 1.1em;
	text-align:center;
	margin: 12px 0 0px;
	font-weight: normal;
}

h3 {
	font-size: 1.05em;
	text-align:left;
	padding-bottom:0.5em;
	margin:0;
	font-weight: normal;
}

a {
	color:#1b1b1b;
	text-decoration: underline;
}

a:hover {
	text-decoration:none;
}

a img {
	border: 0;
}

/**********************
 * Page Layout Styles *
 **********************/

div.container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:850px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background: url(images/page_shdw.gif) top repeat-y;
	padding-left: 10px;
	padding-right: 10px;
}

div.header {
	background:url(images/header.jpg);
	width: 850px;
	height: 150px;
}

div.menu {
	background: url(images/menu_bg.jpg);
	width: 850px;
	height: 80px;/*46px;*/
}

.content {
	margin-top: -30px;
}

#watermark {
	background: url(images/watermark.gif) top center no-repeat;
}

div.content p {
	text-align:justify;
}

div.footer {
	position:absolute;
	clear: both;
	width:850px;
	bottom:0; /* stick to bottom */
	/*border-bottom: 10px solid #1b1b1b;*/
	padding-bottom: 10px;
	background: url(images/footer_bg.jpg) bottom no-repeat;
}
.footer p {
	font-size:9pt;
	text-align:center;
	padding: 5px 5px 2px; /*top, left & right, bottom */
}
.footer a {
	color: #1b1b1b;
	text-decoration: none;
	padding: 0 1.5em;
	border-left: 1px solid #707070;
}

.footer a#first {
	border-left: 0px;
}

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

/**********************************
 * Main Menu Layout and Rollovers *
 **********************************/

a.menu_3d, a.menu_creative, a.menu_interactive, a.menu_web, a.menu_about, a.menu_contact {
	top: 160px;
	height: 30px;
	display:block;
	position:absolute;
}

a.menu_about {
	left: 42px;
	width: 114px;
	background: url(images/about_me.gif);
}

a.menu_3d {
	left: 198px;
	width: 47px;
	background: url(images/3d.gif);
}

a.menu_web {
	left: 287px;
	width: 62px;
	background:url(images/web.gif);
}

a.menu_interactive {
	left: 391px;
	width: 132px;
	background:url(images/interactive.gif);
}

a.menu_creative {
	left: 565px;
	width: 102px;
	background:url(images/creative.gif);
}

a.menu_contact {
	left: 709px;
	width: 108px;
	background: url(images/contact.gif);
}

a.menu_about:hover, #active_about { background: url(images/about_me.gif) bottom; }
a.menu_3d:hover, #active_3d { background: url(images/3d.gif) bottom; }
a.menu_web:hover, #active_web { background: url(images/web.gif) bottom; }
a.menu_interactive:hover, #active_interactive { background: url(images/interactive.gif) bottom; }
a.menu_creative:hover, #active_creative { background: url(images/creative.gif) bottom; }
a.menu_contact:hover, #active_contact { background: url(images/contact.gif) bottom; }

/*********************************
 * Content Sections and Dividers *
 *********************************/
 
.content {
	padding:1em 30px 5em; /* bottom padding for footer */
}

.left_pane {
	float:left;
	width: 235px;
	padding-right: 15px;
	margin-top: 15px;
	margin-right: 15px;
	border-right: 0px solid #707070;
}

.right_pane {
	float:right;
	width: 235px;
	padding-left: 15px;
	margin-top: 15px;
	margin-left: 15px;
	border-left: 0px solid #707070;
}

/*********************
 * About Page Styles *
 *********************/

h2.about_heading {
	text-align:left;
	font-size: 1.2em;
	margin: 1.4em 0 -0.5em;
}

/****************************** 
 * Folio Category Page Styles *
 ******************************/

a.folio_item {
	/*margin: 2em auto 0em;*/
	margin: 0 auto 15px;
	width: 235px;
	height: 120px;
	background:#252525;
	display:block;
	text-align:center;
}

a.folio_item img {
	padding: 0;
	margin: 0;
	width: 235px;
	height: 120px;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

a.folio_item:hover img {
	opacity:1.0;
	filter:alpha(opacity=100);
}

.darker { background: #000000; }
.lighter { background: #707070; }

/*****************************
 * Folio Prev and Next Links *
 *****************************/

a.prev, a.next {
	margin: -48px 0 0;
	display:block;
	line-height: 18px;
	padding: 0 9px;
	background: url(images/button_left.png) top left no-repeat #707070;
	color: #bfbfbf;
	text-decoration: none;
}

a.prev { float: left; }
a.next { float: right; }

a.prev span, a.next span {
	display:block;
	margin-right: -9px;
	padding-right: 9px;
	background: url(images/button_right.png) no-repeat top right;
	line-height: 18px;
}

a.prev span { padding-left: 8px; }
a.next span { padding-right: 17px; }

a.prev span span{
	display: inline;
	margin-left: -8px;
	padding-left: 12px;
	background: url(images/arrow_left.png) no-repeat top left;
}

a.next span span{
	display: inline;
	margin-right: -8px;
	padding-right: 12px;
	background: url(images/arrow_right.png) no-repeat top right;
}

a.prev:hover, a.next:hover { background-position: bottom left; background-color: #1b1b1b; }
a.prev:hover span, a.next:hover span { background-position: bottom right; }

a.prev:hover span span { background-position: bottom left; }
a.next:hover span span { background-position: bottom right; }

/***************************** 
 * Folio Content Page Styles *
 *****************************/

span.info_heading {
	color:#707070;
	font-weight:bold; 
	text-decoration:underline;
}

/**********************
 * Folio Image Styles *
 **********************/

div.folio_img_left {
	float:left; 
	padding: 15px 30px 28px 0;
	clear:both;
}

div.folio_img_right {
	float:right; 
	padding: 0em 0em 1em 1em;
}

/****************
 * Table Styles *
 ****************/
.3d_info {
	border: 1px solid #707070;
	padding: 5px;
	margin: 0.53m 2em 1em;
}