/** RESET **/
* { margin: 0; padding: 0; }
ul, ol, li { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/** LAYOUT **/
html {background-color: #fff;}
body {background-color: #fff;color: #000;font-size: 62.5%;font-family: Arial,Helvetica,Verdana,Sans-Serif;}
	/* font-family: "Myriad Pro", MyriadPro, Helvetica, "Helvetica Neue", Arial, sans-serif; */
h1 {font-size:2em}
h2 {font-size:1.5em}
h3 {font-size:1.25em}
h4 {font-size:1em}

.clear { clear:both; margin: 0; padding: 0; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

#container { width: 810px; margin: 0 auto; position: relative; }
#main { width:100%; margin-left:4px; position: relative; }
#top { position:relative; margin-top:20px; width:802px; z-index:1; }
#top2 { margin-top:10px; width:800px; height:42px; z-index:1; }

#pagetitle { position:relative;left:-4px;width:260px; height:30px; z-index:11; margin-bottom:6px;}
#pageimage { position: relative; z-index: 4; width: 800px; height: 100%; min-height: 500px; }

#thumbnails	{ position:relative; width:740px; z-index:3; margin-top:18px; margin-bottom:16px; z-index:1;	}
#thumbnails	img { border:1px solid #666;	}

#content { padding: 18px 20px; position: relative; color: #333; }
#breadcrumb { clear:both; text-align:center; margin:18px auto; clear:both; font-size:1em; color:#686868; }

#mainx	{ position:relative; width:800px; }

#maintext { position:relative; width:400px; float:right; text-align:right; margin-top:16px; margin-right:2px; margin-bottom:10px;}

#navigation	{
	position:absolute;width:800px;height:30px;background:#FFF;padding-right:2px;text-align:right;z-index:10; 
	font-family:Helvetica, sans-serif;
	}
#navigation ul	{float:right; color: #CCC;}
#navigation li { /*	display: inline;margin-left:8px;font-size: 1.2em; */}
#navigation li a.two { /*	color: #CCC;text-decoration: none;padding-left:12px;border-left: 1px solid #ccc; */ }
#navigation li a.one { /*	color: #CCC;text-decoration: none;padding-left:8px; */}
#navigation li a:hover { /*	color: #999999; */}

#navigation2 { position:relative; width:380px; float:left; top:10px; text-align:left; z-index:3; }

#navigation2 li { padding: 0; margin: 0px 0px 3px 0px;font-size: 1.2em;font-family: verdana, sans serif;}

#menutitle { font-size:1em; margin-left:2px; top:42px; width:800px; height:20px; z-index:1; border-bottom:1px solid #666666;	}
#menutitle .headertitle{color:#009999;font-weight: bold;z-index:2;}
#menulinx { position:absolute; left:10px; top:42px; width:800px; height:20px; visibility:visible; z-index:3;}
#menutext { float: right; width:159px; height:170px; margin-top:40px; z-index:3; border:1px solid #666666;}
#menutextblock { margin-left:18px;margin-top:12px; }
#textbolock1 { margin-top:30px; margin-left:170px; width:430px; }

#contacttext { position:relative; float:left; top:24px; width:380px; z-index:3; margin-bottom: 20px; margin-right:40px; text-align:left; }

/** HEADERS **/

h1.head {
	color: #333;
	font-family: helvetica, arial, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	z-index:2;
	margin-bottom: 0px;
}
h1.port {
	color: #666;
	font-family: helvetica, sans-serif;
	font-size: 2.2em;
	font-weight: normal;
	margin-bottom: 12px;
}
h2.ports {
	color: #666;
	font-family: helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: normal;
	margin: 0px 0 0px 0;
	padding: 18px 10px 0 0;
	float:left;
	text-align:right;
	width:70px;
	height:50px;
}
h2.ports a:link{
	color: #666;
	text-decoration: none;
}
h2.ports a:visited{
	color: #666;
	text-decoration: none;
}
h2.ports a:hover{
	color: #000;
	text-decoration: none;
}
h2.port_title {
	color: #666;
	font-family: helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	margin: 6px 2px 0px 0;
	clear:both;
}
h5.title{
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
	margin:0 0 12px;
}

div.spacer	{
	clear: both;
	} 
p	{
	font-family: verdana, sans serif;
	font-size: 1.2em;
	line-height: 1.4em;
	/* margin-bottom: 12px; */
	}
p.content	{
	font-family: verdana, sans serif;
	margin-bottom: 6px;
	}
p.paracontent	{
	font-family: verdana, sans serif;
	margin-bottom: 12px;
	}
p.captionlink {
	margin: 0px 0px 0px 0px;
	color: #666;
	}
p.indent	{
	margin: 10px 10px 10px 10px;
	font-size: 1em;
	color: #000;
	}
.contentsm	{
	font-family: verdana, sans serif;
	margin-bottom: 14px;
	font-size: 1em;
	}

.portfolios {
	width:800px;
	margin-bottom:34px;
}
img.thumb { border:1px solid #666; }

.headertext {
	width:800px;margin:10px 0 32px 0;	
}

.imgcaption {
	position:absolute;
	margin:-36px 0 0 0px;
	padding:10px 0 0 22px;
	height:24px;
	background-image:url('images/trans2.png');
	color:#FFF;
	z-index:100;
	font-family: verdana, sans serif;
	font-size: 1.1em;
	display:;
}
.showcaption {
	position:absolute;
	margin:-22px 0 0 20px;
	text-align:right;
}


/** MENUS **/

.menu {height:30px; position:relative; z-index:10; letter-spacing:0.09em;font-size: 1.2em;}

.menu ul li a, .menu ul li a:visited {
		text-decoration:none; color:#666; margin-left:10px; margin-right:10px;
		}
.menu ul {height:20px; padding:0; margin:13px 2px 0 0; text-align:right;}
.menu ul li {float:left; position:relative; height:20px; margin-left:0px; margin-right:0px; color:#999;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#000; background:#FFF;}
.menu ul li:hover ul {position:absolute; top:30px; left:0px; width:90px;}
.menu ul li:hover ul li a.hide {background:#FFF; color:#FFF;}
.menu ul li:hover ul li:hover a.hide {background:#FFF; color:#CCC;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {background:#FFF; color:#999;}
.menu ul li:hover ul li a:hover {background:#CCC; color:#000;}
.menu ul li:hover ul li:hover ul {position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-90px;}


#nextprev1, #nextprev2, #nextprev3, #nextprev4, #nextprev5, #nextprev6, #nextprev7, #nextprev8, #nextprev9, #nextprev10, #nextprev11, #nextprev12, #nextprev13, #nextprev14, #nextprev15, #nextprev16, #nextprev17, #nextprev18, #nextprev19, #nextprev20 	{
	position:absolute; left:738px; top:631px; width:62px; text-align:left; z-index:10;
}

/*
#centercontent	{
	position:absolute; left:190px; top:240px; width:410px; height:100%; visibility:visible; z-index:0; font-size:1.1em;
	}
#header {
	margin: 10px 0px 0px 0px;
	color: #000;
	background-color: #fff;
	height: 201px;
	width: 800px;
	border: 1px solid #333;
	}
#header2	{
	margin: 10px 0px 0px 0px;
	color: #000;
	background-color: #fff;
	height: 201px;
	width: 800px;
	border: 1px solid #333;
	}
#leftcol {
	position: absolute;
	margin: 10px 0px 0px 0px;
	color: #000;
	border: 1px solid #333;
	width: 150px;
	}
#leftcol2 {
	position: absolute;
	margin: 10px 0px 0px 0px;
	color: #000;
	border: 1px solid #333;
	width: 320px;
	}
#rightcol {
	position: absolute;
	left: 670px;
	margin-top: 10px;
	color: #000;
	border: 1px solid #333;
	width: 140px;
	}
#leftcol p, #leftcol li, #rightcol p	{
	font-family: verdana, sans-serif;
	font-size: 1em;
	}

#content	{
	margin: 10px 0px 0px 180px;
	color: #000;
	border: 1px solid #333;
	width: 450px;
	}
*/

#foldspace	{
	width: 800px;
	height: 800px;
}
#belowfold	{
	font-family: helvetica, sans-serif;
	clear: both;
	margin: 20px 0px 10px 0px;
	width: 800px;
}
	
/** FOOTERS **/

#footer4 {
	position:relative; 
	clear:both;
	width:800px;
	height:20px;
	margin-top:40px; 
	font-family: verdana, sans-serif;
	font-size: 1em;
	color: #666;
}
#footer4 .copyright{float:left;color:#666;margin:0px;padding:2px 0px 0px 0px;}
#footer4 .locale1{float:left;padding:2px 0px 0px 3px;}
#footer4 .locale2{float:left;padding:2px 0px 0px 0px;}
#footer4 #pagefooter_links{float:right;padding:2px 0px 10px 0px;text-align:right;color:#666;width:350px;}

#footer {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 800px;
	border-top: 1px solid #ccc; 
/*	font-family: helvetica,verdana, sans-serif; */
	line-height: 1.4em;
}
#footerhome {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 800px;
	border-top: 1px solid #ccc; 
	line-height: 1.4em;
}
#footer li { padding: 0; margin: 0px 0px 3px 0px;font-size: 1.2em;}
#footerhome li { padding: 0; margin: 0px 0px 3px 0px;font-size: 1.2em;}

.footergroup {
	margin: 0px 0 20px 0px;
	padding: 16px 0px 10px 0px;
	width: 100%;
}
.footerleft {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 5px;
	width: 90px;
}
.footerleft2 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 5px;
	width: 90px;
}
.footermid {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 25px;
	width: 160px;
}
.footermid2 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 5px;
	width: 180px;
}
.footerright {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	width: 360px;
}
.footerleft p, .footerleft2 p,
.footermid p, .footermid2 p {
	color: #666;
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
}
.footerright p {
	font-family: helvetica, arial, sans-serif;
	margin-bottom: 6px;
	color: #333;
	padding: 4px 0 0 0;
	font-size: 1em;
}

p.ftitle {
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.02em;
	font-size: 1.3em;
	margin: 0 0 3px 0;
	padding: 0 0 0 0;
	color: #666;
}

p.title {
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.02em;
	font-size: 1.4em;
	margin: 0px 0 4px 0;
	padding: 0 0 0 0;
	color: #666;
}
p.titlesm {
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	margin: 2px 0 2px 0;
	padding: 0 0 0px 0;
	line-height: 1.4em;
	color: #aaa;
}

.copyright2 {
	padding: 7px 0 0 0px;
	width: 400px;
	height: 80px;
}
.copyright2 p {
	color: #999;
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
}
.copyright {
	border-top: 1px solid #ccc; 
	margin: 0 0 0 0;
	padding: 7px 0 0 0;
	width: 800px;
	text-align: left;
}
.copyright p {
	color: #999;
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
}
.copyright img {
	border: none;
}

/** LINX **/
a:link.linx{
	color: #999;
}
a:visited.linx{
	color: #999;
	text-decoration: none;
}
a:hover.linx{
	color: #666;
	text-decoration: underline;
}

.twitter {
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	color: #666; 
	text-decoration: none;
}
.cleft {
	float: left;
	padding: 0;
	margin: 0;
	width: 400px;
}
.cright {
	float: left;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 400px;
}
.footeraddress {
	margin: 0px 10px 0 0px;
	padding: 0px 0 0 0;
	float: left;
	width: 300px;
}
.cleft2 {
	text-align:right;
	padding: 0;
	margin: 0 0px 0 0;
	width: 100%;
}

/* --------------------------- */

.footerright fieldset	{ width:100%; margin-bottom:4px;}
.newsletter-group { width:100%; font-family: helvetica, arial, sans-serif; font-weight: normal; font-size: 1.1em; }
.newsletter-group label	{ color: #666; float: left; width:80px; padding-top:5px; margin-right: 4px; vertical-align:bottom;text-align:right;}
.newsletter-group input[type=text] { font: 10px/11px helvetica, arial,sans-serif; border: 1px solid #999999; height: 16px; width: 145px; color: #666; margin: 2px 4px 0 0; padding: 0; float: left; }
.newsletter-group input[type=submit] { font: 10px/11px helvetica, arial,sans-serif; border: 1px solid #999999; height: 18px; width: 65px; color: #666; margin: 2px 0 0 0; padding: 0; float: left; }

p.newsletter-group {margin: 10px 0px 0 0px;}

#contact_form input {
	background-color: #eeeeee;
	margin-top: 1px;
	margin-bottom: 0px;
}
#contact_form textarea, input{
	font:1.5em "Arial","Helvetica",sans-serif;color:#999;
	padding:4px;background:#fff;display:block;margin-bottom:0px;
}

#comment_form input, #comment_form textarea {width:545px;margin-bottom: 4px;border:1px solid #ccc;font:1.5em "Arial","Helvetica",sans-serif;color:#666;padding-left:4px;padding-top:3px;}
#comment_form a {font-size:18px;}
#comment_response, #comment_response_success{display:none;border:1px solid #ccc;background-color: #fff;color: #dc2e30;padding: 15px;width:519px;text-align:center;margin-bottom:0px;}
#comment_form .submit {border:0px solid #ccc; width:100px;color:#333;padding:0;text-align:left;}
#comment_form .submit:hover {color:#F00;}

input.standard{background-color:#ccc;margin-right:0px;margin-bottom:0px;padding-left:2px;padding-top:3px;}
textarea.standard{background-color:#ccc;margin-right:0px;margin-bottom:0px;padding-left:2px;padding-top:3px;}


img {
	border:none;
}
img>a:hover {
	border: 1px solid #F00;
}
/* img { behavior:url(/scripts/lib/iepngfix.htc); } */
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

/** LINKS **/
a:link{
	color: #069; 
	text-decoration: none;
}
a:visited{
	color: #339;
	text-decoration: none;
}
a:active{
	color: #F30;
	text-decoration: none;
}
a:hover{
	color: #FF3300;
	text-decoration: underline;
}

.header{
	color: #009999;
	font-size: 1em;
	z-index:2;
}
.weblog {
	padding-top: 0px;
	padding-bottom: 12px;
	border-bottom:1px solid #999999;
}
.menuitems {
	text-align : right;	
}
.logtitle {
	font-family: verdana,sans-serif;
	font-size:1em;
	color: #009999;
	font-weight: bold;
}