html {
	height: 101%;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #4d4d4d;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	/*overflow: scroll;*/
}

a { color: #898ba0; text-decoration: none;}
a:visited { color: #898ba0; text-decoration: none;}
a:active { color: #FFCCCC; text-decoration: underline;}
a:hover { color: #898ba0; text-decoration: underline;}

p {
	margin: 1em 0 1.5em 0;
}

.clear {
	clear: both;
}

.clearout {
	clear: both;
	font-size: 0;
	line-height: 0;
	margin: 0px;
	padding: 0px;
}

img.left {
	margin: 0px 10px 10px 0px;
	float: left;
}

img.right {
	margin: 0px 0px 10px 10px;
	float: right;
}

.bodytext {
	font-family: Arial, Verdana, "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 1.5em;
	color: #666666;
}

.bodytext h2 {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 18px;
	line-height: 1em;
	letter-spacing: 0em;
	color: #CC9999;
	font-weight: normal;
	text-transform: lowercase;
	font-style: italic;
	padding: 0px;
	margin: 1em 0 1em 0;
}

.bodytext h3 {
	font-family: Arial, Verdana, "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 9.5pt;
	line-height: 1em;
	color: #666666;
	font-weight: bold;
	text-transform: none;
	font-style: normal;
	padding: 0px;
	margin: 1em 0 1em 0;
}

.bodytext h4 {
	font-family: Arial, Verdana, "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 8.5pt;
	line-height: 1em;
	color: #666666;
	font-weight: normal;
	text-transform: uppercase;
	font-style: normal;
	padding: 0px;
	margin: 1em 0 -0.5em 0;
}

.caption {
	font-family: Arial, Verdana, "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5em;
	color: #333333;
}

#supershell {
	margin: 0px 0px 0px 0px;
	padding: 63px 0px 30px 0px;
}

#mainshell {
	position: relative;
	width: 695px;
	margin: 0px auto 0px auto;
	clear: both;
}

#header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
}

#header h1#head {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 25px;
	line-height: 0em;
	letter-spacing: 0em;
	color: #FFCCCC;
	font-weight: normal;
	text-transform: lowercase;
	width: 374px;
	height: 34px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#header h1#head a {
	display: block;
	width: 374px;
	height: 34px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/head.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#navigation {
	position: relative;
	width: 82px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 15px;
	font-weight: bold;
	text-transform: lowercase;
	font-style: italic;
	clear: left;
	float: left;
}

#navigation ul#mainnav {
	margin: 0px 26px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

#navigation ul#mainnav li {
	height: 18px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	display: block;
}

#navigation li.first {
}

#navigation li.last {
	margin: 0px 0px 0px 0px;
}

#navigation ul#mainnav li a {
	display: block;
	width: 56px;
	height: 18px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
}
#navigation li a:visited { color: #FFFFFF; text-decoration: none;}
#navigation li a:active { color: #FFCCCC; text-decoration: none;}
#navigation li a:hover { color: #FFCCCC; text-decoration: none;}


#navigation li.work a { background-image: url(../images/nav_work_n.gif); }
#navigation li.work a:hover { background-image: url(../images/nav_work_u.gif); }

#navigation li.about a { background-image: url(../images/nav_about_n.gif); }
#navigation li.about a:hover { background-image: url(../images/nav_about_u.gif); }

#navigation li.contact a { background-image: url(../images/nav_contact_n.gif); }
#navigation li.contact a:hover { background-image: url(../images/nav_contact_u.gif); }

#bodyshell {
	width: 500px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#bodytop {
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	background-image: url(../images/bg_body-t.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#bodymiddle {
	position: relative;
	width: 440px;
	min-height: 470px;
	margin: 0px 0px 0px 0px;
	padding: 15px 30px 15px 30px;
	clear: both;
	background-color: #FFFFFF;
	overflow: hidden;
}

#bodybottom {
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	background-image: url(../images/bg_body-b.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#footer {
	position: relative;
	height: 30px;
	padding: 10px 4px 0px 90px;
	clear: both;
	display: none;
}

div.footertext {
	font-family: Arial, Verdana, "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 1em;
	color: #FFFFFF;
	font-style: italic;
	text-align: left;
}



/* ------------------------ page styles ------------------------ */


body.page_work #navigation li.work a { background-image: url(../images/nav_work_u.gif); }

body.page_about #navigation li.about a { background-image: url(../images/nav_about_u.gif); }

body.page_contact #navigation li.contact a { background-image: url(../images/nav_contact_u.gif); }


body.page_home .nav {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 15px;
	font-weight: normal;
	text-transform: lowercase;
	text-align: center;
	font-style: italic;
}
body.page_home .nav a { color: #FFFFFF; text-decoration: none;}
body.page_home .nav a:visited { color: #FFFFFF; text-decoration: none;}
body.page_home .nav a:active { color: #FFCCCC; text-decoration: underline;}
body.page_home .nav a:hover { color: #FFCCCC; text-decoration: underline;}

body.page_home #supershell {
	padding: 63px 0px 0px 0px;
}

body.page_home #mainshell {
	width: 695px;
	height: 430px;
	background-image: url(../images/bg_home.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

body.page_home #flashshell {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 695px;
	height: 450px;
	z-index: 9;
	visibility: visible;
}

body.page_home #footer {
	height: 0em;
	padding: 100px 0px 1em 10px;
}


body.page_work #bodymiddle {
	width: 500px;
	padding: 0px 0px 0px 0px;
}

body.page_work #imgnav {
	/*display: block;*/
}

body.page_work #imgshell {
	position: relative;
	width: 500px;
	height: 470px;
}

body.page_work #imgdiv1, body.page_work #imgdiv2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500px;
	height: 470px;
	background-image: url(../images/spacer.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

body.page_work #imgdiv1 { z-index: 2; }

body.page_work #imgdiv2 { z-index: 1; }

body.page_work #imgshell div.caption {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 0px 10px 10px 0px;
	text-align: center;
}

#imgnav {
	position: absolute;
	right: 6px;
	bottom: 0px;
	width: 55px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Verdana, "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1em;
	color: #FFFFFF;
	text-align: center;
}
#imgnav a { color: #FFFFFF; text-decoration: none;}
#imgnav a:visited { color: #FFFFFF; text-decoration: none;}
#imgnav a:active { color: #b2b2b2; text-decoration: none;}
#imgnav a:hover { color: #b2b2b2; text-decoration: none;}


#imgnav a.arrow {
	display: block;
	width: 21px;
	height: 26px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
}
#imgnav a.disabled {
	cursor: default;
}

#imgnav a#imgback { background-image: url(../images/arrow_back_n.gif); float: left;}
#imgnav a#imgback:hover { background-image: url(../images/arrow_back_u.gif); }
#imgnav a#imgback.disabled { background-image: url(../images/arrow_back.gif); }
#imgnav a#imgback.disabled:hover { background-image: url(../images/arrow_back.gif); }

#imgnav a#imgfwd { background-image: url(../images/arrow_fwd_n.gif); float: right;}
#imgnav a#imgfwd:hover { background-image: url(../images/arrow_fwd_u.gif); }
#imgnav a#imgfwd.disabled { background-image: url(../images/arrow_fwd.gif); }
#imgnav a#imgfwd.disabled:hover { background-image: url(../images/arrow_fwd.gif); }

#imgnavtext {
	clear: both;
}

#zoombg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	background-color: #000000;
	z-index: 3;
	display: none;
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
}

#zoomshell {
	position: absolute;
	padding: 0px;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center bottom;
	border-width: 0px;
	border-color: #FFFFFF;
	border-style: solid;
	z-index: 4;
	overflow: hidden;
	display: none;
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
}

#zoombar {
	display: block;
	height: 16px;
	padding: 7px 7px 7px 7px;
	background-color: #333333;
	font-family: Arial, Verdana, "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1em;
	/*font-style: italic;*/
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#zoombar a { color: #FFFFFF; text-decoration: none; padding: 3px; }
#zoombar a:visited { color: #FFFFFF; text-decoration: none; }
#zoombar a:active { color: #b2b2b2; text-decoration: none; }
#zoombar a:hover {
	color: #b2b2b2;
	text-decoration: none;
	/* ALT STYLE BELOW */
	/*padding: 2px;
	border-width: 1px;
	border-color: #b2b2b2;
	border-style: solid;*/
}

#zoombar div.resizetext {
	display: block;
	float: left;
	padding-right: 20px;
}

#zoombar div.resizetext .selected {
	font-weight: bold;
	font-size: 110%;
	padding: 2px;
	border-width: 1px;
	border-color: #FFFFFF;
	border-style: solid;
}

#zoombar a.closelink {
	display: block;
	text-align: left;
	float: left;
	/* ALT STYLE BELOW */
	/*text-align: right;
	float: right;*/
}

img#zoomimg {
	border: none;
	padding: 0px;
	margin: 0px;
	clear: both;
}


body.page_contact #bodymiddle {
	background-image: url(../images/bg_contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

body.page_contact div.contacttext {
	position: absolute;
	right: 35px;
	bottom: 0px;
	font-family: Arial, Verdana, "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.7em;
	color: #898ba0;
	text-align: right;
}

body.page_contact div.contacttext p {
	margin: 1.5em 0 1.5em 0;
}



/* ------------------------ preload styles ------------------------ */


div.preload, div.preload div {
	height: 0px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: -9999px top;
}

div.preload .plimg1 { background-image: url(../images/nav_work_u.gif); }
div.preload .plimg2 { background-image: url(../images/nav_about_u.gif); }
div.preload .plimg3 { background-image: url(../images/nav_contact_u.gif); }

div.preload .plimg4 { background-image: url(../images/arrow_back_u.gif); }
div.preload .plimg5 { background-image: url(../images/arrow_back.gif); }
div.preload .plimg6 { background-image: url(../images/arrow_fwd_u.gif); }
div.preload .plimg7 { background-image: url(../images/arrow_fwd.gif); }