html, body {
	background: #e2f1f6 url(../images/top-bg.gif) top center repeat-x fixed;			
	color:#636466;
	font-family: Tahoma, Arial,sans-serif;
	font-size:.9em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0pt;
	padding:0pt;
	text-align:center;
	height: 100%;
}

/*start iemac hide \*/
*html body {
	height: 100%;	
}

ul { list-style:none;}
h1, h2, h3 { font-size: 2em; font-weight:normal;}

a {
	color:#74b1d0;
	margin:0pt;
	padding:0pt;
	text-decoration:none;
}
a:hover {
	color:#C30D19;
	text-decoration:underline;
}
.right {
	text-align:right;
}
.hidden {
	display:none;
}
p {
	line-height:1.35em;
	margin:0pt 0pt 5px;
	padding:0pt;
}
#cover {
	width: 100%;	
	position: absolute;
	display: block;
    margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 999;
    filter: progid:DXImageTransfom.Microsoft.Alpha(opacity=100);  /* Internet Explorer       */
    -moz-opacity:1.0;           /* Mozilla 1.6 and below   */
    opacity: 1.0;               /* newer Mozilla and CSS-3 */	
}

#container {
	width: 100%;				
	/*background: url(../images/mottled-bg.jpg);*/
    filter: progid:DXImageTransfom.Microsoft.Alpha(opacity=50);  /* Internet Explorer       */
    -moz-opacity:1.0;           /* Mozilla 1.6 and below   */
    opacity: 1.0;               /* newer Mozilla and CSS-3 */
	z-index: 100;
	visibility: visible;
	position:absolute;
}

#flash-container {		
	clear: both;
	height:100%;
	margin:0pt;
	padding:0pt;
	position:relative;
	width:100%;
}
#flashcontent {
	background: url(../images/flash.jpg) no-repeat scroll left top;
	float: right;			
	height:100%;
	width: 100%;
	margin:0pt;
	padding:0pt;
	text-align: right;
	z-index: 0;
}

#flashcontent p {
	display:block;
	margin-left: 300px;
}

#wrapper {
	margin:0pt auto;	
	padding:0pt;
	text-align:left;
	width:1000px;
}

#header {	
	height:96px;
	width: 1000px;
	margin: 0 auto;
	margin:0pt auto;
	padding:0pt;
}

#subtitles {
	width: 1000px;
	clear: both;
	float: left;
	height: 30px;
	line-height: 30px;
}

#portfolio {
	width:333px;
	background: url(../images/panel-bg.png) no-repeat 0 20px;			
	float:left;
	clear:both;
	display:inline;
	min-height:674px;
	_height:auto !important;
	height:674px;
}

#profile {
	width:333px;
	background: url(../images/panel-bg.png) no-repeat 0 20px;	
	float:left;	
	display:inline;
	min-height:674px;
	_height:auto !important;
	height:674px;	
}

#contact	 {
	width:333px;
	background: url(../images/panel-bg.png) no-repeat 0 20px;			
	float:left;	
	display:inline;
	min-height:674px;
	_height:auto !important;
	height:674px;
}
#contact-info {
	display: inline-block;
	width:292px;
	height:29px;
	background: url(../images/contact.png);
	background-repeat: no-repeat;
	margin: 47px 0 0 30px;
}

#portfolio-hdr {
	display:inline;
	background:transparent url(../images/portfolio-hdr.gif) no-repeat 0 0;
	width:68px;
	height: 12px;
	padding: 0;
	margin: 0 0 20px 2px;
	float: left;
}
#profile-hdr {
	display:inline;
	background:transparent url(../images/profile-hdr.gif) no-repeat 0 0;
	width:68px;
	height: 12px;
	padding: 0;
	margin: 0 0 66px 272px;
	float: left;
}
#contact-hdr {
	display:inline;
	background:transparent url(../images/contact-hdr.gif) no-repeat 0 0;
	width:68px;
	height: 12px;
	padding: 0;
	margin: 0 0 20px 272px;
	float: left;
}
#logo {
	display:block;
	background:transparent url(../images/logo.gif) no-repeat scroll 0pt;
	width:257px;
	height: 59px;
	margin: 22px 0 0 0;
	float:left;
	clear:both;
}

#profile p.first, #contact p.first {
	width: 270px;
	font-size: 0.85em;
	margin:55px 0 0 25px;
	line-height: 1.5em;
}
#profile p, #contact p {
	width: 270px;
	font-size: 0.85em;
	margin:10px 0 0 25px;
	line-height: 1.5em;
}

#home-content {
	/*background: transparent  url(../images/inside-header.jpg) no-repeat 0 0;*/
	/*background-color:#003333;*/
	width: 333px;
	float: left;
	padding: 0;
	display:inline;
}	

	#home-content p { line-height: 1.5; width: 750px; margin: 0 0 10px 40px; font-size:1.0em;}
	#home-content p.first { margin: 15px 0 10px 40px; width: 600px; clear:both; font-size:1.3em; line-height:1.3em;}
	#home-content p.first span {color: #e5b156;}
	#home-content h1{ margin:10px 0 0 37px; font-size:2em; font-weight:normal;}
	#home-content hr {width:460px; height: .01em; color: #fff; background-color: transparent; border-bottom: 1px solid #d6d9db; margin: 10px 0 0 40px;	clear:both;}

#inside-header-content {	
	float: left;
	padding: 45px 0 0 0;
	display:inline;
}	

	#inside-header-content p { line-height: 1.5; width: 550px; margin: 0 0 10px 40px; font-size: 1.0em; }
	#inside-header-content p.first { margin: 5px 0 10px 40px; width: 550px; clear:both;}
	#inside-header-content h1{ margin:60px 0 0 37px;}
	#inside-header-content hr {width:547px;height: .01em;	color: #fff; background-color: transparent;	border-bottom: 1px dotted #d6d9db;margin: 5px 0 0 40px; clear:both;}
	
	#inside-header-content ul { margin: 20px 0 0 30px;}
	#inside-header-content ul li { padding-left:5px; margin: 5px 0 0 70px; font-size: 1.0em; list-style-type: disc;}



#flash-content { height: 124; padding: 10px 30px 30px 25px;}
	
	#flash-content p { padding: 20px 30px 30px 25px; line-height: 2.0em; text-align:justify; font-size:1.4em;}
	
	
	


/*************************** Accordion ******************************/

#nav-wrap {
	width: 330px;
	overflow: hidden;	
}

#post {	
	width:12px; 	 
	min-height:470px;	
	float: left;
	display: block;
}

/* mac hide \*/
* html #post{height:440px}
/* end hide */



#accordion {
	font-family: Arial, Tahoma, Arial, sans-serif;
	margin-top: 40px;		
	display:inline;	
	width: 296px;
	float:left;
}

#postbtm {
	width: 222px;
	height: 62px;
	background: url(../images/btm_menu.gif) no-repeat top left;
}

#menubtm {
	width: 198px;
	height: 9px;
	background: url(../images/btm_acc.gif) no-repeat top left;	
	float: right;	
}

h3 {
	padding: 0;
	margin: 0;
	font-size:.80em;	
	font-weight: normal;			
	cursor: pointer;
	border: none;
	text-decoration: none;
	width:198px;
}

h3.toggler a { display:block; height: 27px; color: #636466; text-decoration: none; background: url(../images/nav.jpg) no-repeat 0 0; padding: 0 0 0 4px; line-height: 27px; font-weight:bold; white-space:nowrap;text-transform:uppercase;}
h3.toggler a:hover {
	display:block;
	height: 27px;
	color: #77a8b7;
	background: url(../images/nav-over.jpg) no-repeat 0 0;
	padding: 0 0 0 4px;
	line-height: 27px;
	text-decoration:none;
}


div.element {	
	width: 296px;
	margin: 0;	
}

div.element ul {
	list-style-type: none;
	height: 26px;		
	line-height: 26px;  /* dumb ie 6.0 */
	padding: 0;
	margin: 0;
	font-size: 0.85em;	
}

div.element ul li {
	display:inline;
	padding: 0;
	margin: 0;
	height: 26px;
	padding: 0;	
	line-height: 26px;	/* dumb ie 6.0 */		
}

div.element ul li a {
	cursor:hand;
	color: #77a8b7;
	text-decor ation: none;
	display: block;
	padding-left:10px;
	background-image:url(../images/roll-out.png);
	background-repeat: no-repeat;
	margin-left:8px;
	/*text-transform:uppercase;*/
}

div.element ul li a:hover {
	color: #77a8b7;
	text-decoration: underline;
	display: block;
	background-image:url(../images/rooll-over.png);
	background-repeat: no-repeat;
	/*text-transform:uppercase;*/
}




.element {
	
}

.element p {
	margin: 0;
	padding: 4px;
}

.tool-tip {
	color: #fff;
	width: 397px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 6px;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	margin: 0;
	text-align:left;
	color: #fff;
	padding: 8px 0 0 15px;
	background: url("../images/bubble.png") top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) no-repeat bottom right;
}

.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}

.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	/*border-bottom: 1px solid #B5CF74;*/
}

.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}


#footer {	
	position: relative; /* Needed for Safari */
	clear:both;
	padding: 20px 0 20px 0;	
	width: 100%;
	height: 1%;
}

.small {
	margin: 0;
	font-size: 0.7em;
	font-weight: normal;	
	color: #6eb5aa;	
	text-align:center;
	line-height: 1.5;
}
.hidden {
	display:none;
	color:#FFFFFF;
}

#myForm { width: 255px; margin: 15px 0 0 30px;}

#form_box p {
	font-size: 0.85em; margin:6px 0 0 0; line-height: 1.5em;
	font-family: Tahoma, Arial,sans-serif;
	color: #636466;
}
.fieldclass {
	background-image: url(../images/field-bg.gif);
	background-color: #ebebeb;
	background-repeat: repeat-x;
	border: 1px solid #e6f0ef;
	font-family: Tahoma, Arial,sans-serif;
	font-size: 11px;
	color: #77a8b7;
	line-height: 11px;
	padding: 2px;
	margin: 0;
	width: 255px;
}
#submitter {
	margin: 20px 8px 0 0;
	height: 26px;
	width: 64px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: top;
	cursor:pointer;
	display:block;
	background-color: transparent;
	background-image: url(../images/send.gif);
}

.fValidator-form legend {
padding: 0 5px;
}

.fValidator-form input, select, textarea {
	background-image: url(../images/field-bg.gif);
	background-color: #e8eef0;
	background-repeat: repeat-x;
	border: 1px solid #e6f0ef;
	font-family: Tahoma, Arial,sans-serif;
	font-size: 11px;
	color: #77a8b7;
	line-height: 11px;
	padding: 2px;
	margin: 0;
	width: 255px;
}
.fValidator-form input {padding: 2px;}

.full {width: 100%;}
.half {width: 50%; vertical-align: top;}

.fValidator-msg {
background-color: #77a8b7;
border: none;
width: 251px;
font-size: 85%;
color: #fff;
padding: 5px;
}