/*
      AlisaDesigns
	  www.alisadesigns.com
	  Created: May, 2007
	  Last Updated: May, 2007
	  
*/

*{margin:0; padding:0; line-height:1.0em;}

/*globals*/
*{margin:0; padding:0; line-height:1.4em;}
body{background:#734B3F url(/test/images/body/page_bg2.gif) repeat-x top left; font-size:70%; font-family:"Lucida Sans Unicode","Arial Unicode MS","Lucida Sans","Lucida Grande",Verdana,Helvetica,Arial,sans-serif; color:#000;}
.news{ font-size:70%; font-family:"Lucida Sans Unicode","Arial Unicode MS","Lucida Sans","Lucida Grande",Verdana,Helvetica,Arial,sans-serif; color:#000;}
h1{display:none;}
h2{font-size:180%; font-family:"Trebuchet MS","Lucida Sans",Helvetica,Arial,sans-serif; font-weight:normal; margin-bottom:.8em;}
h3{font-size:120%; margin-bottom:.7em; font-family:Trebuchet MS;}
h4{font-size:100%;font-family:Trebuchet MS;}
p{margin:.8em 0; color:#2B2B2B;}
a{color:#734B3F;}
a:visited{color:#734B3F;}
a:hover{color:#734B3F; text-decoration:none;}
a:active{color:#734B3F;}
.small {font-size:10px;margin-bottom:1.875em;line-height:1.875em;}

#outerwrapper {/*background: url(/test/images/body/header_silk3.jpg) repeat-x top left;*/}
#wrapper{margin:0 auto; /*background:url(/test/images/body/main5.jpg)no-repeat top left;*/  width:900px; height:550px;}
/*body.about #wrapper{background:#F0F0F0 url(/img/main9.jpg) no-repeat top left}
body.work #wrapper{background:#F0F0F0 url(/img/main7.jpg) no-repeat top left}
body.contact #wrapper{background:#F0F0F0 url(/img/main8.jpg) no-repeat top left}
body.port #wrapper{background:#F0F0F0 url(/img/main7.jpg) no-repeat top left}*/

body.landingpage {background-color:#ffffff; background-image:url(http://alisadesigns.com/images/body/page_bg3.jpg) repeat-x top left; font-size:70%; font-family:"Lucida Sans Unicode","Arial Unicode MS","Lucida Sans","Lucida Grande",Verdana,Helvetica,Arial,sans-serif; color:#000;}

#wide {width:100%; height:600px; margin: 0 auto;}
#wider {width:100%; margin: 0 auto;}
#wide h3, #wider h3{margin-top:1em; margin-bottom:0.8em; font-size:190%; color:#000000;}
#wide #clear, #wider #clear {clear:both; height:30px;}
#wider .clearfix {clear:both; height:1px;}
#leftcolumn p{padding-right:25px; font-size:110%;}

#wider .left {width:300px; float:left; position: relative;}
#wider .right {width:59%; float:right;display:block;}

/*nav*/
#navigation{margin:0px 0 0 0; width:640px; float:right;}
#menu{padding:60px 0 0 5%; float:right; height:65px; text-align:left; list-style:none; font-family:Futura,"Trebuchet MS","Lucida Sans",Helvetica,Arial,sans-serif; font-size:130%; letter-spacing:.1em;}
#menu li{display:inline;}
#menu li a{text-decoration:none; color:#ffffff; margin-right:5px; padding:10px;}

/*
body.home ul#menu li.home a, 
body.services ul#menu li.services a, 
body.work ul#menu li.work a, 
body.contact ul#menu li.contact a, 
body.about ul#menu li.about a, 
body.port ul#menu li.work a
{color:#000000; border-top:2px solid #000000}*/

#menu li a#here {color:#cccccc; /*border-top:2px solid #000;*/}
#menu li a:visited{}
#menu li a:hover{color:#cccccc; /*border-top:2px solid #000;*/}
#menu li a:active{}

/*content containers*/
#mainbody{margin-top:0px; padding:0px 0 40px 0; clear:both; width:900px;}
#mainbody #subbody {margin:0px 100px 0px 100px; text-align:justify;}
.floatleft {float:left; vertical-align:top;}
.floatright {float:right; vertical-align:top;}
.right {float:right; vertical-align:top;}


#rightcolumn{width:500px; float:right; overflow:hidden; margin:5px 0 0 0; text-align:justify;}
body.services #rightcolumn, body.work #rightcolumn{width:95%; margin-left:30px;}
#rightcolumn h2{text-align:right; font-size:220%;}
body.home #rightcolumn h2{text-align:left; font-size:170%; line-height:1.8em;}
#rightcolumn h3{margin-top:0.5em; margin-bottom:0.5em; font-size:160%; color:#000000;}
#rightcolumn ul{margin:1.5em 2.5em; font-size:110%; line-height:1.5em;}
#rightcolumn #clear {clear:both; height:30px;}
#rightcolumn #buttons {clear:both; float:right;}
#rightcolumn #buttons a.traversa { 
display:block;
width:200px;
height:51px;
margin:3px;
background-image:url(/test/images/traversa.gif);
background-repeat:no-repeat;
background-position:0px 0px;
text-decoration: none;
}

#rightcolumn #buttons a.torcellato { 
display:block;
width:200px;
height:51px;
margin:3px;
background-image:url(/test/images/torcellato.gif);
background-repeat:no-repeat;
background-position:0px 0px;
text-decoration: none;
}

#rightcolumn #buttons a:hover { 
background-position: 0px -50px;
}

#rightcolumn #feedback {padding:30px 0 0 0;}

#newsitems {
overflow:auto;
width: 500px; 
height: 400px; 
scrollbar-face-color: #cccccc;
scrollbar-track-color:#ffffff; 
scrollbar-arrow-color:#000000; 
scrollbar-shadow-color:#ffffff; 
scrollbar-dark-shadow-color:#ffffff; 
scrollbar-3dlight-color:#ffffff; 
scrollbar-highlight-color:#ffffff;
}

#dealerresults {
overflow:auto;
width: 450px; 
height: 370px; 
scrollbar-face-color: #cccccc;
float:right;
}

#dealerresults li {padding:5px 0 5px 0;}

#map {margin-top:15px; border:1px solid #cccccc;}

#error {color:#FF0000; font-weight:bold;}

#leftcolumn{width:365px; float:left; overflow:hidden; margin:-30 0 0 0; margin:20px 0 0 0;}
#leftcolumn h3{color:#000000; font-size:160%; margin-bottom:1em; margin-top:1em;}
#leftcolumn ul{list-style:none; padding-left:30px; padding-right:10px; font-size:110%;}
#leftcolumn p{padding-right:25px; font-size:110%;}
#leftcolumn h4{padding-right:25px; margin-top:1em; margin-bottom:-.5em;}
#leftcolumn li{margin-bottom:.2em;}
#leftcolumn #clear {clear:both; height:30px;}
body.home #leftcolumn li{margin-bottom:25px; background:url(/img/icon_page.jpg) no-repeat 0 .2em; padding-left:20px;}
body.about #leftcolumn{background:url(/img/about_icons.jpg) no-repeat 10em 7em; height:450px;}
body.port #leftcolumn p{margin-left:0;}


.hr{height:50px; no-repeat scroll center; margin:10px 0; clear:both;}
.hr hr{display:none;}
#feature{padding:0 15px;}
#hpfeature {padding:5px 50px 0px 50px;}
#collfeature {padding:75px 0px 75px 100px;}
#coll_header {letter-spacing:15px; border-bottom:1px solid #000000; text-align:center; padding:20px 0px 5px 15px; font-size:14px;}
#assn_logos {padding:20px 50px 5px 50px;}
#assn_logos img, #assn_logos a img {padding:0 0px 0 25px; float:right;}
#feature_left {width:170px; float:left; padding:0px 5px 0px 0px;}
#feature_right {width:170px;  float:right; padding:0px 0px 0px 5px;}
#feature p{line-height:1.4em; font-size:110%;}
#feature img{float:left; margin-top:2em; margin-right:1.5em;}
#feature h3{display:block; clear:both;}
#feature h4{font-size:140%; color:#000000; margin-top:2em;}

#cat_menu:{width:900px; position:relative; margin:200px 0 0 0;}

body.news #feature {padding:0 0 30px 0;}

/*footer*/
#footer{clear:both; padding:0; color:#ffffff; height:100px; font-size:100%}
#footer_container{width:900px; margin:0 auto}
#footer ul{padding-top:10px; height:65px; list-style:none; font-family:Futura,"Trebuchet MS","Lucida Sans",Helvetica,Arial,sans-serif; font-size:130%; letter-spacing:.1em; margin-left:20px;}
#footer ul li{display:inline;}
#footer ul li a{text-decoration:none; color:#999; margin-right:5px; padding:10px;}
#footer ul li a:visited{}
#footer ul li a:hover{color:#333; border-bottom:1px solid #666;}
#footer ul li a:active{}
#footer p{margin-top:40px; margin-left:30px; color:#FFFFFF;}
#footer p a {color:#ffffff; text-decoration:none;}
#footer p a:hover {color:#cccccc; text-decoration:none;}
#clear{clear:both; height:1px; color:#FFFFFF;}

#logo {width:254px; float:left; padding:10px 0 0 0;}

img { border:0;}

#wrap {
 margin: 0 auto 0 auto;
 padding: 2em;
 border-left: 3px solid #000;
 border-right: 3px solid #000;
 width: 500px;
 background-color:#fff;
}

pre {
padding:10px;
 border: 1px dotted #eee;
 background-color:#f9f9f9;
}

#photodiv {
  background-repeat: no-repeat;
}

#photoimg {}

#photoanchor {}



/*---------------- FORM ----------------------*/

form#contact {  
font-size: 11px;
text-align: right;
width: 460px;
color:#2B2B2B;
float:right;}

#contact .text {
 font-size: 11px;
 width: 250px;
 margin: 5px 0 5px 0;
}

#contact #labeltext {width:175px;}

#contact .comments {
 font-size: 11px;
 width: 250px;
 margin: 5px 0 5px 0;
 overflow: auto;
}

#contact .buttonright {
 font-size: 11px;
 width: 50px;
 float:right;
 border:1px solid black;
 background-color:#cccccc;
}

#contact .buttonleft {
 font-size: 11px;
 width: 50px;
 float:left;
 margin:0 0 0 80px;
 border:1px solid black;
 background-color:#cccccc;
 cursor:default;
 }

form label{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 125px; 
	padding: 0; 
	margin: 7px 0 7px; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

#contact .security {
width:20px;
}

input, select, textarea {border:1px solid #bbb;}

input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}

form label.field-name,
form label.field-address,
form label.field-city,
form label.field-email,
form label.field-hear,
form label.field-reason,
form label.field-zip {
	clear: left;
}


form label.field-name,
form label.field-city,
form label.field-email,
form label.field-phone,
form label.field-hear,
form label.field-reason,
form label.field-zip {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 175px;
}

form label.field-name input,
form label.field-last input,
form label.field-email input,
form label.field-city input,
form label.field-phone input {
	float: left;
	width: 175px;
}

form label.field-state {
	float: left;
	width: 175px;
}

form label.field-state select {
	width: 60px;
	float: left;
}

/*form label.field-zip {
	float: left;
	width: 175px;
}

form label.field-zip input {
	float: left;
	width: 80px;
}*/

form label.field-address {
	float: left;
	width: 175px;
}

form label.field-address input {
	float: left;
	width: 200px;
	padding: 0px;
}