/*----------------
Overrides
-----------------*/
body{
	text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; line-height:20px; 
	background-color:#E2E2E2; color:#313F6B;
}
p {font-size:12px; margin:0 0 15px 0; padding:0; text-align:left;}
ul {font-size:12px; margin:0 0 15px 0; padding:0;}
ul li{font-size:12px; margin:0 0 10px 0; padding:0; list-style-position:inside;}
h3{color:#313F6B; text-align:left;}
a img {border:none;}
a {cursor:pointer;}
a:visited {text-decoration:none; color:#313F6B;}
a:link {text-decoration:none; color:#313F6B;}
a:hover {text-decoration:none; color:#999999;}

/*----------------
Spacers and layout 
-----------------*/
.clearboth{clear:both;}
div.spacer-landing{height:65px;}

/*----------------
Columns
-----------------*/
div.col1-3{float:left; width:248px; border-right:1px solid #000000; margin:0 4px 0 0;}
div.col2-3{float:left; width:248px; border-right:1px solid #000000; margin:0 4px 0 0;}
div.col3-3{float:left; width:248px;}
div.col_1-2{float:left; width:25%;}
div.col_2-2{float:right; width:74%;}
div.col1-2{float:left; width:25%;}
div.col2-2{float:right; width:74%;}
div.colA1-2{float:left; width:32%;}
div.colA2-2{float:left; width:66%;}
div.colB1-3{float:left; width:248px; margin:0 4px 0 0;}
div.colB2-3{float:left; width:248px; margin:0 4px 0 0;}
div.colB3-3{float:left; width:248px;}
div.colC1-2{float:left; width:50%;}
div.colC2-2{float:left; width:49%;}


/*----------------
Wrappers
-----------------*/
#wrapper-main{position:relative; width:795px; margin:0 auto 0 auto; height:100%; }
#wrapper-content{position:relative; margin:0 7px 7px 0; background-color:#FFFFFF; padding:15px; background-image:url(../images/backgrounds/header_bg.gif); background-repeat:repeat-x; height:100%;}
#wrapper-login{float:right; width:113px; text-align:left;}
#wrapper-phone{float:right; width:255px; text-align:center; padding-top: 25px; }
div.wrapper-subcontent{
	padding:0 0 5px 0; margin:0; position:relative; background-color:#CDCDCD; height:516px;
	background-image:url(../images/backgrounds/aboutusgrad.gif); background-position:0 0; background-repeat:repeat-x;
}
div.wrapper-subcontent1{
	padding:0 0 5px 0; margin:0; position:relative; background-color:#CDCDCD; height:516px;
	background-image:url(../images/backgrounds/about_bg.jpg); background-position:0 0; background-repeat:no-repeat;
}
div.wrapper-subcontent2{
	height:321px; margin:0; position:relative; background-color:#C2C2C2; 
	background-image:url(../images/backgrounds/aboutusgrad.gif); background-position:0 0; background-repeat:repeat-x;
}
div.wrapper-subcontent3{
	padding:0 0 5px 0; margin:0; position:relative; background-color:#CDCDCD; 
	background-image:url(../images/backgrounds/aboutusgrad.gif); background-position:0 0; background-repeat:repeat-x;
}
div.wrapper-sectiontext{padding:0 25px 0 75px; color:#313F6B; margin:20px 0 0 0; text-align:left;  position:relative; top:0;}
div.wrapper-sectiontext2{padding:0; color:#313F6B; margin:0 0 0 0; text-align:left; }
div.wrapper-sectiontextres{padding:0 25px 0 75px; color:#313F6B; margin:30px 0 0 0; text-align:left;  position:relative; top:0; font-size:10px;}
.ten {font-size:11px; line-height:14px; margin:15px 0 10px 0;}
div.wrapper-sub{padding:10px;}

/*-----------------------
Wrapper drop shadows
--------------------------*/
div.wrapper-shadow{position:relative; margin:0 auto 0 auto; border:none;}
div.shadow-right{
	position:absolute; width:7px; height:715px; right:0; bottom:0;
	background-image:url(../images/boxes/shadowright.gif); background-position:top right; background-repeat:repeat-y;
}
div.shadow-bottom{
	position:absolute; width:100%; height:7px; bottom:0; right:0;
	background-image:url(../images/boxes/shadowbottom.gif); background-position:bottom right; background-repeat:repeat-x;
}
div.shadow-corner{
	position:absolute; height:10px; width:10px; padding:0; margin:0; bottom:0; right:0;
	background-image:url(../images/boxes/shadowbrcorner.gif); background-position:bottom right; background-repeat:no-repeat;
}
div.wrapper-shadow2{position:relative; padding:0 5px 5px 0;}
div.shadow2-right{
	position:absolute; width:5px; height:512px; right:0; bottom:0;
	background-image:url(../images/boxes/shadow2right.gif); background-position:top right; background-repeat:repeat-y;
}
div.shadow2-bottom{
	position:absolute; width:99%; height:5px; bottom:0; right:0;
	background-image:url(../images/boxes/shadow2bottom.gif); background-position:bottom right; background-repeat:repeat-x;
}
div.shadow2-corner{
	position:absolute; height:7px; width:7px; bottom:0; right:0;
	background-image:url(../images/boxes/shadow2brcorner.gif); background-position:bottom right; background-repeat:no-repeat;
}

/*-----------------------
Forms
--------------------------*/
form.basic {margin:0 15px 0 15px; line-height:160%;}
table td.label{text-align:left; font-size:13px;}
table td.input{text-align:left;}
table td.button{text-align:right;}
table td.button input {
	border:1px solid #313F6B; background-color:#FFFFFF; cursor:pointer;
	color:#313F6B; font-size:14px; font-variant:small-caps; 
}
table td.input input, table td.input textarea, table td.input select {
	border:1px solid #CCCCCC; border-top:1px solid #666666; border-left:1px solid #666666;
}
input.button {
	border:1px solid #313F6B; background-color:#FFFFFF; cursor:pointer;
	color:#313F6B; font-size:14px; font-variant:small-caps; 
}
input.logout {
	border:1px solid #313F6B; background-color:#FFFFFF;  margin:20px auto 0 auto;
	color:#313F6B; font-size:14px; font-variant:small-caps; width:113px; cursor:pointer;
}
#form-contact {font-size:12px;}
#form-contact td.label{font-size:12px;}

/*-----------------------
Titles
--------------------------*/
h5.title{margin:10px 0 10px 0; padding:0;}
h1.title {margin:0; padding:0;}
h1.title span{display:none;}
h2.title {
	margin:0; padding:0; height:40px; background-color:#ACACAC;  color:#FFFFFF; 
	line-height:40px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:normal;
}
h2.title span{display:none;}
h3.nav {color:#FFFFFF; margin:0; padding:0;}
div.aboutusvert{
	width:59px; height:125px; position:absolute; top:84px; left:0;
	background-image:url(../images/titles/aboutusvert.gif); background-position:0 0; background-repeat:no-repeat;
}
div.residentialvert{
	width:59px; height:157px; position:absolute; top:84px; left:0;
	background-image:url(../images/titles/residentialvert.gif); background-position:0 0; background-repeat:no-repeat;
}
div.commercialvert{
	width:59px; height:192px; position:absolute; top:84px; left:0;
	background-image:url(../images/titles/commercialvert.gif); background-position:0 0; background-repeat:no-repeat;
}
div.contactusvert{
	width:59px; height:159px; position:absolute; top:84px; left:0;
	background-image:url(../images/titles/contactusvert.gif); background-position:0 0; background-repeat:no-repeat;
}
div.marinevert{
	width:59px; height:113px; position:absolute; top:84px; left:0;
	background-image:url(../images/titles/marinevert.gif); background-position:0 0; background-repeat:no-repeat;
}
#portfolio{background-image:url(../images/titles/portfolio.gif); background-position:0 0; background-repeat:no-repeat;}
#summary{background-image:url(../images/titles/summary.gif); background-position:top center; background-repeat:no-repeat;}
#history{background-image:url(../images/titles/history.gif); background-position:top center; background-repeat:no-repeat;}
#news{background-image:url(../images/titles/news.gif); background-position:top center; background-repeat:no-repeat;}
#priciples{background-image:url(../images/titles/priciples.gif); background-position:top center; background-repeat:no-repeat;}
#showroom{background-image:url(../images/titles/showroom.gif); background-position:top center; background-repeat:no-repeat;}
#showroomdir{background-image:url(../images/titles/showroomdir.gif); background-position:top center; background-repeat:no-repeat;}
#contactinfo{background-image:url(../images/titles/contactinfo.gif); background-position:top center; background-repeat:no-repeat;}
#emailform{background-image:url(../images/titles/emailform.gif); background-position:top center; background-repeat:no-repeat;}
#decorator{background-image:url(../images/titles/decoratororderform.gif); background-position:top center; background-repeat:no-repeat;}
#portfolioshowroom{background-image:url(../images/titles/portfolioshowroom.gif); background-position:0 0; background-repeat:no-repeat;}
#portfoliores{background-image:url(../images/titles/portfoliores.gif); background-position:0 0; background-repeat:no-repeat;}
#portfoliocomm{background-image:url(../images/titles/portfoliocomm.gif); background-position:0 0; background-repeat:no-repeat;}
#portfoliomarine{background-image:url(../images/titles/portfoliomarine.gif); background-position:0 0; background-repeat:no-repeat;}
#portfoliovideo{background-image:url(../images/titles/portfoliovideo.gif); background-position:0 0; background-repeat:no-repeat;}

/*-----------------------
 Navigation
--------------------------*/
/* Sidebars */
div.sidebar{
	background-image:url(../images/nav/sidebargrad.gif); background-position:0 0; background-repeat:repeat-x;
	height:522px; padding:0;
}
div.sidebarresidential{
	background-image:url(../images/nav/sidebarresidential.gif); background-position:0 0; background-repeat:no-repeat;
	height:522px; padding:0;
}
div.sidebarcommercial{
	background-image:url(../images/nav/sidebarcommercial.gif); background-position:0 0; background-repeat:no-repeat;
	height:522px; padding:0;
}
div.sidebarmarine{
	background-image:url(../images/nav/sidebarmarinesub.gif); background-position:0 0; background-repeat:no-repeat;
	height:522px; padding:0;
}
div.sidebarmarinesub{
	background-image:url(../images/nav/sidebarmarinesub.gif); background-position:0 0; background-repeat:no-repeat;
	height:522px; padding:0;
}

/* Base UL nav*/
ul.nav{margin:0; padding:0; list-style:none; }
ul.nav li{margin:0; padding:0; float:left;}
ul.nav li a{display:block;}
ul.nav2 {float: none; margin:0; padding:0; list-style:none;} 
ul.nav2 li{margin:0; padding:0; text-align:left; display:inline; height:19px; width:160px; overflow:hidden;}
ul.nav2 li a{display:block; color:#FFFFFF; text-decoration:none; height:19px; width:160px; margin:0; padding:0;}
ul.nav2 li a:hover{text-decoration:underline; height:19px; width:160px;}
ul.nav2 li a:visited{display:block; color:#FFFFFF; height:19px; width:160px; }
ul.navsub {margin:0 0 0 10px; padding:0; list-style:none; height:10px;}
ul.navsub li{margin:0; padding:0; text-align:left;}
ul.navsub li a{display:block; color:#FFFFFF;}
ul.navsub li a:visited{display:block; color:#FFFFFF;}

ul.about_video {float: none; margin:0; padding:0; list-style:none;} 
ul.about_video li{margin:0; padding:0; text-align:left; display:inline; height:19px; width:160px; overflow:hidden;}
ul.about_video li a{display:block; color:#FFFFFF; text-decoration:none; height:19px; width:160px; margin:0; padding:0;}
ul.about_video li a:hover{text-decoration:underline; height:19px; width:160px;}
ul.about_video li a:visited{display:block; color:#FFFFFF; height:19px; width:160px; }

/* Header Navigation*/
#topnav{position:absolute; bottom:0; right:0; width:760px;}
#topnav a {background-image:url(../images/nav/topnavsprite.gif); background-repeat:no-repeat; height:21px;}
#topnav a:hover {background-image:url(../images/nav/topnavsprite.gif);background-repeat:no-repeat;}
#nav-home{ width:52px; background-position:0 0;}
#nav-home:hover{ background-position:0 -25px;}
#nav-aboutus{ width:74px; background-position:-52px 0;}
#nav-aboutus:hover{ background-position:-52px -25px;}
#nav-marine{ width:102px; background-position:-128px 0;}
#nav-marine:hover{ background-position:-128px -25px;}
#nav-commercial{ width:132px; background-position:-230px 0}
#nav-commercial:hover{ background-position:-230px -25px;}
#nav-residential{ width:121px; background-position:-362px 0;}
#nav-residential:hover{ background-position:-362px -25px;}
#nav-art{ width:115px; background-position:-483px 0;}
#nav-art:hover{ background-position:-483px -25px;}
#nav-showroom{ width:89px; background-position:-598px 0;}
#nav-showroom:hover{ background-position:-598px -25px;}
#nav-contact{ width:75px; background-position:-687px 0}
#nav-contact:hover{ background-position:-687px -25px;}
#nav-order{ width:73px; background-position:-446px 0}
#nav-order:hover{ background-position:-446px -25px;}

/* Aboust Us Section Navigation*/
#nav-aboutuspage{padding:20px 0 0 10px;}
#nav-aboutuspage a {background-image:url(../images/nav/navspriteaboutus.gif); background-repeat:no-repeat; display:block;}
#nav-aboutuspage a:hover {background-repeat:no-repeat;}

/* Aboust Us Section Navigation*/
#nav-aboutuspage2{padding:0 0 0 10px;}
#nav-aboutuspage2 a {background-image:url(../images/nav/navspritegallery.gif); background-repeat:no-repeat; display:block;}
#nav-aboutuspage2 a:hover {background-repeat:no-repeat;}

/* Residential Section Navigation*/
#nav-residentialpage{padding:20px 0 0 10px;}
#nav-residentialpage a {background-image:url(../images/nav/navspriteresidential.gif); background-repeat:no-repeat; }
#nav-residentialpage a:hover {background-image:url(../images/nav/navspriteresidential.gif);background-repeat:no-repeat;}

/* Commerical Section Navigation*/
#nav-commercialpage{padding:20px 0 0 10px;}
#nav-commercialpage a {background-image:url(../images/nav/navspritecommercial.gif); background-repeat:no-repeat; }
#nav-commercialpage a:hover {background-image:url(../images/nav/navspritecommercial.gif);background-repeat:no-repeat;}

/* Showroom Section Navigation*/
#nav-showroompage{padding:20px 0 0 10px;}
#nav-showroompage a {background-image:url(../images/nav/navspritegallery.gif); background-repeat:no-repeat; }
#nav-showroompage a:hover {background-image:url(../images/nav/navspritegallery.gif);background-repeat:no-repeat;}

/* ContactUs Section Navigation*/
#nav-contactpage{padding:20px 0 0 10px;}
#nav-contactpage a {background-image:url(../images/nav/navspritecontactus.gif); background-repeat:no-repeat; }
#nav-contactpage a:hover {background-image:url(../images/nav/navspritecontactus.gif);background-repeat:no-repeat;}

/* Marine Section Navigation*/
#nav-marinepage{padding:20px 0 0 10px;}
#nav-marinepage a {background-image:url(../images/nav/navspritemarine.gif); background-repeat:no-repeat;}
#nav-marinepage a:hover {background-image:url(../images/nav/navspritemarine.gif);background-repeat:no-repeat;}

/* Marine Framing Section Navigation*/
#nav-marinepage-framing{padding:20px 0 0 10px;}
#nav-marinepage-framing a {background-image:url(../images/nav/navspritemarineframe.gif); background-repeat:no-repeat; }
#nav-marinepage-framing a:hover {background-image:url(../images/nav/navspritemarineframe.gif);background-repeat:no-repeat;}

/* Marine Design Section Navigation*/
#nav-marinepage-design{}
#nav-marinepage-design a {background-image:url(../images/nav/navspritemarinedesign.gif); background-repeat:no-repeat; }
#nav-marinepage-design a:hover {background-image:url(../images/nav/navspritemarinedesign.gif);background-repeat:no-repeat;}


/* Sub Section Side Navigation*/
a.nav-1 {background-position:0 0;}
a.nav-1:hover, a.nav-1-on {background-position:0 -100px;}
a.nav-2 {background-position:0 -20px;}
a.nav-2:hover, a.nav-2-on {background-position:0 -120px;}
a.nav-3 {background-position:0 -40px;}
a.nav-3:hover, a.nav-3-on {background-position:0 -140px;}
a.nav-4 {background-position:0 -60px;}
a.nav-4:hover, a.nav-4-on {background-position:0 -160px;}
a.nav-5 {background-position:0 -80px;}
a.nav-5:hover, a.nav-5-on {background-position:0 -180px;}
a.nav-5 {background-position:0 -80px;}
a.nav-6 {background-position:0 -40px;}
a.nav-6:hover, a.nav-3-on {background-position:0 -140px;}


/* Sub Section Side Navigation Design*/
a.nav-1a {background-position:0 0;}
a.nav-1a:hover, a.nav-1a-on {background-position:0 -297px;}
a.nav-2a {background-position:0 -20px;}
a.nav-2a:hover, a.nav-2a-on {background-position:0 -317px;}
a.nav-3a {background-position:0 -40px;}
a.nav-3a:hover, a.nav-3a-on {background-position:0 -337px;}
a.nav-4a {background-position:0 -60px;}
a.nav-4a:hover, a.nav-4a-on {background-position:0 -357px;}
a.nav-5a {background-position:0 -80px;}
a.nav-5a:hover, a.nav-5a-on {background-position:0 -377px;}
a.nav-6a {background-position:0 -100px;}
a.nav-6a:hover, a.nav-6a-on {background-position:0 -397px;}
a.nav-7a {background-position:0 -120px;}
a.nav-7a:hover, a.nav-7a-on {background-position:0 -417px;}
a.nav-8a {background-position:0 -140px;}
a.nav-8a:hover, a.nav-8a-on {background-position:0 -437px;}
a.nav-9a {background-position:0 -160px;}
a.nav-9a:hover, a.nav-9a-on {background-position:0 -457px;}
a.nav-10a {background-position:0 -180px;}
a.nav-10a:hover, a.nav-10a-on {background-position:0 -477px;}
a.nav-11a {background-position:0 -200px;}
a.nav-11a:hover, a.nav-11a-on {background-position:0 -497px;}
a.nav-12a {background-position:0 -220px;}
a.nav-12a:hover, a.nav-12a-on {background-position:0 -517px;}
a.nav-13a {background-position:0 -240px;}
a.nav-13a:hover, a.nav-13a-on {background-position:0 -537px;}
a.nav-14a {background-position:0 -260px;}
a.nav-14a:hover, a.nav-14a-on {background-position:0 -557px;}
a.nav-15a {background-position:0 -278px; height:10px;}
a.nav-15a:hover, a.nav-15a-on {background-position:0 -576px;}

/*-----------------------
 Pagination
--------------------------*/
div.paging{clear:both;}
div.paging span.onpage{font-weight:bold;}
div.paging a{padding:0 3px 0 3px; margin:0 3px 0 3px; text-decoration:none; color:#313F6B;}
div.paging a:hover{text-decoration:underline;}
div.paging a.pnlink{text-decoration:none; color:#313F6B;}
div.paging a.pnlink:visited{color:#313F6B;}


/*-----------------------
 Header and Footer
--------------------------*/
#header{height:154px; position:relative; margin:0 0 10px 0; text-align:left;}
#headlogo{
	background-image:url(../images/logos/logo.gif); background-position:0 0; 
	width:105px; height:128px; background-repeat:no-repeat;
}
#clientlogin{
	background-image:url(../images/titles/clientlogin.gif); background-position:0 0; 
	width:97px; height:20px;
}
#wrapper-login label{font-size:.65em; color:#485479;}
#loginsubmit{
	width:110px; height:26px; margin:5px 0 0 0; border:none; cursor:pointer;
	background-color:#253464; background-image:url(../images/buttons/login.gif); 
}
input.login{border:1px solid #253464; width:111px; height:14px; line-height:14px; font-size:12px;}
form.login{margin:0; padding:0;}

#footer{text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999; margin:10px 0 0 0;}
#footer a:visited{text-decoration:none; color:#b3c1dd;}
#footer a:link{text-decoration:none; color:#b3c1dd;}
#footer a:hover{text-decoration:underline; color:#313F6B;}

/*--------------
Section Headers 
--------------*/
div.sectionheader{ background-color:#ACACAC; height:40px;}


/*----------------
Banners and Boxes
-----------------*/
#mission{
	width:248px; height:229px;
	background-image:url(../images/banners/mission.gif); background-position:0 0; background-repeat:no-repeat;
}
#portfoliofeature{
	width:247px; height:229px;
	background-image:url(../images/banners/portfoliofeature.jpg); background-position:0 0; background-repeat:no-repeat;
}
#testimonial{
	width:248px; height:229px;
	background-image:url(../images/banners/testimonial.gif); background-position:0 0; background-repeat:no-repeat;
}
#port-marine{
	width:248px; height:248px;
	background-image:url(../images/banners/marineportfolio.jpg); background-position:0 0; background-repeat:no-repeat;
}
#port-residential{
	width:248px; height:248px;
	background-image:url(../images/banners/residentialportfolio.jpg); background-position:0 0; background-repeat:no-repeat;
}
#port-commercial{
	width:248px; height:248px;
	background-image:url(../images/banners/commercialportfolio.jpg); background-position:0 0; background-repeat:no-repeat;
}

/*----------
Homepage 
-----------*/
div.flashbanner{margin:0 0 10px 0; text-align:left;}


/*---------------
Portfolio Landing 
----------------*/
div.landingtext p{color:#313F6B; padding:10px 0 0 0;}


/*-----------------------
 Thumbnails
--------------------------*/
div.thumbnails {margin:0; padding:0;}
div.thumbnails div.thumbind {margin:5px; padding:0; float:left; position:relative;}
div.thumbnails div.thumbind img{border:none;}
ul.thumbnails {margin:0; padding:0; list-style:none;}
ul.thumbnails li{margin:5px; padding:0; display:block; float:left;}
ul.thumbnails li img{border:none;}
div.thumbdesc {font-size:10px; text-align:center; width:60px; padding:2px; line-height:12px; float:none;}
div.thumbdesc a.tlink {position:absolute; top:0; left:0; width:65px; height:65px; border:1px solid #000000; display:block; z-index:1000; float:left;}

/*----------------
Popup
-----------------*/
div.wrapper-popup{position:relative; margin:0 auto 0 auto;background-color:#FFFFFF; height:100%; width:576px;}
table.wrapper-image{width:100%; height:263px; margin:0px 0 0 0; clear:both; }
div.catvert{
	width:60px; height:144px; position:absolute; top:409px; left:0;
	background-image:url(../images/titles/popupmarinevert.gif); background-position:0 0; background-repeat:no-repeat;
}
table.wrapper-image td{vertical-align:middle; text-align:center; }
h2.poptitle{color:#515D82; text-align:left; margin:25px 35px 10px 75px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:normal; }
div.description{color:#515D82; font-size:13px; text-align:left; margin:0 35px 15px 75px;}
a.closewindow{
	color:#999999; font-variant:small-caps; text-decoration:none; font-size:11px; 
	float:right; margin:15px;
}
a.closewindow:hover{color:#666666;}
div.prevnext{position:relative; margin:0 0 20px 0;  height:45px;}
a.prev, a.next{
	color:#999999; font-variant:small-caps; text-decoration:none; font-size:11px;
}
a.prev {position:absolute; left:52px;}
a.next {position:absolute; right:75px;}


/*----------------
Picman
-----------------*/
form.base2 {margin:0; line-height:160%;}
table.users {width:100%; border-collapse:collapse; border:1px solid #FFFFFF; font-size:small; text-align:left;}
table.users th{color:#FFFFFF; border:1px solid #FFFFFF; background-color:#ACACAC; padding:3px; }
table.users td{ border:1px solid #FFFFFF; padding:3px; }
table.users td.label{ text-align:left; padding:7px; }
table.pictures {width:100%; border-collapse:collapse; border:1px solid #FFFFFF; font-size:small;}
table.pictures th{color:#FFFFFF; border:1px solid #FFFFFF; background-color:#ACACAC; padding:3px;  font-size:12px;}
table.pictures td{ border:1px solid #FFFFFF; padding:3px; font-size:12px;}
a.func{font-size:small; text-decoration:none;}
a.func:hover{text-decoration:underline;}
a.userfunc{font-size:12px; text-decoration:none; color:#990099;}
a.userfunc:hover{text-decoration:underline;}
div.projdescription {padding:5px 0 5px 0; font-size:small; text-align:left;}
div.note {padding:5px 0 5px 0; font-size:small; border-top:1px dotted #000000;}
div.note label{font-weight:bold;}
ul.list {margin:0; padding:0; list-style:none;}
ul.list li {margin:3px 0 3px 0; padding:0; text-align:left;}
ul.list li a{text-decoration:underline; color:#313F6B;}
ul.list li a:visited{ text-decoration:underline; color:#313F6B;}
ul.list li a:hover{color:#999999;}
ul.list li a:active{}


/*----------------
 Drag and Drop
-----------------*/
#pics{
	font-family: Arial, sans-serif;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#pics li{
	cursor: move;
	position: relative;
	float: left;
	margin: 2px 2px 0px 0px;
	border: 1px solid #000;
	text-align: center;
	padding-top: 5px;
	background-color: #eeeeff;
}


/*********************** SCROLLERS ***********************/
div.wrapper-textscroll{padding:0; color:#313F6B; margin:30px 0 0 0; text-align:left; position:relative; top:0; width:350px;}
div.wrapper-scroll{height:435px; overflow:hidden; position:relative;}
#downarrow{position:absolute; right:10px; bottom:50px; z-index:1000; width:15px; height:12px; display:block;
	background-image:url(../images/nav/downarrow.gif); background-position:0 0; background-repeat:no-repeat;
}
#uparrow{position:absolute; right:10px; top:100px; z-index:1000; width:15px; height:12px; display:block;
	background-image:url(../images/nav/uparrow.gif); background-position:0 0; background-repeat:no-repeat;
}
div.downarrow a, div.uparrow a{display:block; width:15px; height:15px;}
div.downarrow, div.uparrow {position:absolute; left:10px;}
div.downarrow{z-index:1000; width:15px; height:15px; 
	background-image:url(../images/nav/downarrow.gif); background-position:0 0; background-repeat:no-repeat;
}
div.uparrow{z-index:1000; width:15px; height:15px;
	background-image:url(../images/nav/uparrow.gif); background-position:0 0; background-repeat:no-repeat;
}
div.thumb{
	position:      absolute;
    height:      15px;
    width:      15px;
    left:       10px;
	z-index:1000;
	background-image:url(../images/nav/thumb.gif); background-position:0 0; background-repeat:no-repeat;
}
.root     {
    position:absolute;
    height:     425px;
    width:      475px;
    margin:     0px 0px 8px 7px;  
	left:		60px; 
	top: 		65px; 
    }

.thumb     {
    position:      absolute;
    height:      9px;
    width:      15px;
    left:       10px;
    }
.up, .dn   {
    position:      absolute;
    left:       10px;
    }
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
    border:      0;
    }
.scrollContainer { 
    position:      absolute; 
    left:      2px; 
    top:      19px; 
    width:      440px; 
    height:      425px; 
    clip:      rect(0 467 200 0); 
    }
.scrollContent {
    position:      absolute; 
    left:      20px; 
    top:      0px; 
    
    }