@import url("reset.css");


/*---------------------------
main styles
---------------------------*/

body {font-size: 62.5%;line-height:1.5;font-family: Arial, Helvetica, sans-serif;background:#CCC url(../images/background.jpg) 0 0 repeat-x;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:12px 0 12px 0;}
.imgfloatleft {float:left;margin:0 15px 15px 0;}

#wrapper {font-size:1.3em;width:920px;height:auto;position:relative;clear:both;margin:0 auto 0 auto;background:#FFF url(../images/head-bg.jpg) repeat-x;}
#header {clear:both;padding:0 30px 0 30px;width:860px;height:130px;background:url(../images/msw-logo.png) no-repeat;}
#home #main {background:#FFF url(../images/home-bg.jpg) no-repeat;}
#main {clear:both;width:860px;padding:0 30px 30px 30px;}
#footer {clear:both;width:860px;padding-top:30px;}
#footer, #footer a {color:#666;}
#footer .strap {font-size:14px;color:#F00;}

#main .intro {float:right;width:405px;}
#main .titles {width:510px;float:right;}
#main h1 {font-size:18px;color:#F00;line-height:1.1;padding:5px 0 15px 0;}
#main h2 {font-size:26px;color:#333;}
#main ul {margin:12px 0 12px 0;}
#main li {margin:6px 0 6px 13px;}
#main a {color:#777;}
#main a:hover {color:#F00;}
.space {float:left;width:1px;height:390px;}
#map {z-index:2;float:right;width:600px;height:500px;margin:0 0 20px 20px;}
.clear {display:block;clear:both;}
.red {color:#F00;}
#plant a.arrowleft {color:#F00;font-weight:bold;font-size:105%;background:url(../images/arrow-left.gif) 0 50% no-repeat;padding-left:15px;}

#plant ul.contactbtn  {list-style-type:none;margin:0;padding:0;clear:both;}
#plant ul.contactbtn li {float:left;list-style-type:none;}
#plant ul.contactbtn a:hover {text-decoration:none;}
	
#plant ul.contactbtn li a {
	display:block;
	font-size:110%;
	color:#FFF;
	padding:7px 14px 9px 14px;
	background:url(../images/navback_left.gif) left top no-repeat;}

#plant ul.contactbtn li a:hover {background:#F00;}

#plant ul.contactbtn li{
	background:url(../images/navback_right.gif) right top no-repeat;}
	
#plant ul.contactbtn li:hover{background:#F00;}

#sectionnav {float:right;width:250px;margin:0 0 30px 30px;}
#sectionnav ul {width:250px;list-style-type:none;margin:0;padding:0;}
#sectionnav li {width:250px;margin:0;padding:0;}
#sectionnav a {width:250px;padding:3px 6px 3px 6px;color:#333;background:#F0F0F0;margin:0 0 1px 0;display:block;}
#sectionnav a:hover {color:#F0F0F0;background:#333;text-decoration:none;}

.site-by {font-size:85%;}

/*---------------------------
main nav
---------------------------*/

#mainnav {z-index:10;position:relative;padding:61px 0 0 130px;height:37px;background:url(../images/nav-background.gif) 85px 80px no-repeat;}
#nav, #nav * { padding: 0; margin: 0; }
#nav, #nav ul { list-style: none; }
#nav ul {float:left;}

#nav li {position:relative;}

#nav li,#nav a{
	display:inline;
	float:left;}
	
#nav a:hover {text-decoration:none;}
	
#nav li a {
	display:block;
	font-size:110%;
	color:#FFF;
	padding:7px 14px 9px 14px;
	background:url(../images/navback_left.gif) left top no-repeat;}

#nav li a:hover {background:#F00;padding-left:14px;}

	
#nav li{
	background:url(../images/navback_right.gif) right top no-repeat;
	margin-right:2px;}
	
#nav li:hover{background:#F00;color:#FFF;}


/*---------------------------
main nav page selectors
---------------------------*/

#home li#m_home, #services li#m_services, #plant li#m_plant, #sp3 li#m_sp3, #contact li#m_contact {background:#F00 url(../images/navback_sel.gif) right top no-repeat;}
#home li#m_home a, #services li#m_services a, #plant li#m_plant a, #sp3 li#m_sp3 a, #contact li#m_contact a {color:#F00;background:url(../images/navback_sel_left.gif) left top no-repeat;font-weight:bold;}
#services li#m_services li a {background-image:none;color:#F00;font-weight:normal;} 
#services li#m_services li a:hover {background-image:none;color:#FFF;} 


/*---------------------------
main nav - submenus
---------------------------*/
	   
#nav li.headlink ul.hidden {display:none;z-index:200;position:relative;float:none;clear:both;margin:0;padding:0;overflow:visible;height:0;} 
#nav li.headlink li.dropdown {list-style-type:none;display:block;z-index:500;position:absolute;left:0;top:0;clear:both;background: url(../images/dropbox_top.gif) top left no-repeat;text-align: left;padding:19px 0 0 0;}
#nav li.headlink ul.mid {list-style-type:none;display:block;width:604px;clear:both;background: url(../images/dropbox_mid.gif) left repeat-y;}
#nav li.headlink span.base {display:block;height:30px;width:604px;clear:both;background: url(../images/dropbox_base.gif) bottom left no-repeat;}

	#nav li.headlink ul li ul li ul.left {background:none;list-style-type:none;margin-left:15px;margin-right:10px;width:270px;float:left;}
	#nav li.headlink ul li ul li ul.right {background:none;list-style-type:none;margin-right:30px;width:250px;float:right;}	
	#nav li.headlink ul li ul li ul li {color:#333;clear:both;float:none;display:block;background-image:none;width:100%;margin:0;padding:0;}
	#nav li.headlink ul li ul li ul li a {color:#F00;padding-top:3px;padding-bottom:3px;float:none;display:block;background-image:none;font-weight:normal;}
	#nav li.headlink ul li ul li ul li:hover {background-image:none;}
	#nav li.headlink ul li ul li ul li a:hover, #nav li#m_services ul li ul li ul li a:hover {background-color: #F00;color:#FFF;background-image:none;}

	#nav li.headlink ul li, #nav li.headlink ul li ul li {background:none;margin:0;padding:0;}
	#nav li.headlink ul li a:hover, #nav li.headlink ul li ul li a:hover {background:none;}

/*---------------------------
slideshow thumbs
---------------------------*/

#forsale {position:absolute;right:0;top:0;width:136px;height:auto;background:#FFF;font-size:11px;line-height:12px;font-weight:bold;}
#forsale p {margin:0;padding:3px;}
#forsale p.sale {background:#B5B5B5;color:#FFF;}
#forsale a {color:#000;display:block; cursor:pointer;}
#forsale span {padding:3px 3px 0 3px;display:block;clear:both;height:30px;}
#forsale img.back {display:block;clear:both;background:#333;margin:0;padding:0;}



/*---------------------------
plantlist items
---------------------------*/

.plantitem:hover {background:#CCC;}
.plantitem {z-index:4;width:191px;height:278px;float:left;margin:0 20px 20px 0;position:relative;}
.plantitem h3 {z-index:5;font-size:100%;position:absolute;top:0;left:0;margin:0;padding:0;width:191px;height:auto;line-height:1.1;color:#FFF;}
#plant .plantitem h3 a.headings {height:80px;background:url(../images/item-head-bg.gif) 0 0 no-repeat;margin:0;padding:7px 10px 190px 10px;display:block;color:#FFF;}
#plant .plantitem h3 a:hover.headings {color:#F00;}
#plant .plantitem .description {padding-top:5px;}
#plant .plantitem .description p {font-size:13px;line-height:1;margin:0 5px 0px 5px;}
#plant .plantitem a.more {float:right;font-weight:bold;color:#F00;display:block;padding-top:4px;}
a.imagespace {display:block;padding-top:58px;width:191px;height:144px;overflow:hidden;background:#333;}
.description {width:189px;height:70px;border:#F00 solid 1px;border-top:none;}

/*---------------------------
plantlist item
---------------------------*/

#detail {z-index:2;width:855px;height:auto;margin:0;position:relative;background:#FFF url(../images/descript-bg.jpg) 100% 100% repeat-x;padding:58px 0 0 0;line-height:1.4;clear:both;}
#detail #head {z-index:50;position:absolute;top:0;left:0;margin:0;padding:0;width:855px;height:80px;color:#FFF;background:url(../images/item-head-bg2.gif) 0 0 no-repeat;}
#detail h1 {font-size:125%;color:#FFF;padding:7px 10px 0 10px;}
#detail .description {float:right;border:none;width:522px;height:auto;margin:0;padding:0;}
#detail .description p {margin:0;padding:15px 15px 6px 15px;}
#detail a.more {float:right;font-weight:bold;color:#F00;display:block;}
#detail .mainimage {z-index:3;position:absolute;left:0;top:58px;margin:0;padding:0;width:333px;height:250px;overflow:hidden;background:#333;}
#detail .description ul.contactbtn li a {display:block;color:#FFF;font-weight:bold;font-size:115%;padding:6px 15px 6px 15px;}
#detail .description p.contact {font-size:120%;line-height:1.3;}
#detail .description p.contact .numbers {font-size:120%;line-height:1.3;font-weight:bold;}
#detail .space {float:left;height:250px;width:1px;}