/* CSS Document */

/*  
Site Name:	California Landscape Design
Site URL:		http://www.callandscape.com/
Version:		1.0
Author:		TRADEMARK 5150
Author URL: http://tm5150.com/

*/


/**************************************************
GLOBAL ELEMENTS
**************************************************/
html, body{
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
}
#fullheight{height:100%;}

ul {padding-top:0; margin-top:0; }
ul li {font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom: 6px; }
ol {padding-top:0; margin-top:0;}
ol li {font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom: 6px;}
strong {color:#453d23;}

hr {border:none; background-color:#999999; height:1px;}

h2 {font-family:Arial, Helvetica, sans-serif;  color:#453d23; font-size:24px; font-weight:normal; margin: 8px 0 20px 0;}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:16px;
	text-transform:uppercase;
	margin: 13px 8px 0 0;
	font-weight:bold;
	padding-bottom:8px;
}
h5 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#453d23; font-weight:normal; margin-top:0; padding-top:0; margin-left:10px;}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2E2218;
	margin:0;
	padding:0 0 15px 0;
}

td#leftColumn {padding: 4px 4px 0 0; width:507px;}
td#rightColumn {padding: 4px 0 0 0; width:243px;}

#content {margin-right:20px;}

#footer {background:#2A3F00; border-top:#83ac33 1px solid; padding-top:0px;}
#footer p {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; margin-left:14px; margin-top:12px}

#secondaryNav {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:right;}
#secondaryNav a {color:#666666; text-decoration:none; margin:0; padding:0; line-height:25px; }
#secondaryNav a:hover {color:#FFA800;}

#title {margin: 0 8px 0 0;}

#mainNav { 
	 clear:both;
	 }
	 
#categoryLinks {
	 	 padding: 0;
		 margin-top: 10px;
		}
#categoryLinks ul {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase; }

#categoryLinks ul li {
	list-style-type: none;
	margin: 0;
	font-size: 12px;
	display: inline;}

#categoryLinks ul li a {
	padding: 0 14px 0 14px;
	margin-left: 5px;
	text-decoration: none;
	color:#FFFFFF;
	 }

#categoryLinks ul li a:visited {
}

#categoryLinks ul li a:hover {
color: #FFA800;
}
#submenuHeader {height:42px; width:243px; background:url(_images/bg-submenu_header.gif) no-repeat;}
#submenuFooter { height:9px; width:243px; background:url(_images/bg-submenu_footer.gif) no-repeat;}

#submenuHeader h3 {font-family:Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase; margin: 13px 8px 0 8px; font-weight:normal;}
#submenuHeader h4 {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; margin: 13px 8px 0 8px; font-weight:normal;}

#news p {font-family:Arial, Helvetica, sans-serif; width:208px; background: #E2EEFA; color:#000000; font-weight:bold; font-size:11px; margin: 0 0 1px 0; padding:8px;}
#news a {color: #002333; font-weight:normal;}
#news a:hover { color:#3f98d9;}

#submenu {}
body#submenu {background:#E4F0FB; margin:0; padding:0;}
div#submenu_bg {background:#E4F0FB; margin:4px 0 4px 0; padding:0;}
#submenu ul {	
	padding: 8px;
	margin: 0 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	list-style-type: disc;
}	
#submenu ul li  { padding-bottom:8px; list-style-image:url(_images/menu-icon.gif); }
#submenu ul li a { color: #000000;}
#submenu ul li a:hover { color: #3f98d9;}


#box {width:225px; padding:8px; background-color:#F1eed9}
#box a {color:#453d12;}
#box a:hover {color:#3f98d9;}
#box h2 {font-family:Arial, Helvetica, sans-serif; color:#453d23; font-size:12px; text-transform:uppercase; margin:0 0 8px 0; font-weight:normal;}
#box h3 {font-family:Arial, Helvetica, sans-serif;  font-size:11px; margin:0 0 8px 0; font-weight:Bold; color:#453d23}
#box h4 {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#453d23; font-weight:normal; padding:0; margin:0;}
#box h5 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#453d23; font-weight:normal; margin-top:0; padding-top:0; margin-left:5px;}
#box p {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#453d23; margin:0; padding:0 0 8px 0;}
#box p.architects {}
#box p.architects a {color:#453d23; font-weight:bold; text-decoration:none;}
#box p.architects a:hover {color:#3f98d9; font-weight:bold; text-decoration:none;}

#portfolio-box { border: #9D9D9D solid 1px; padding:8px;}
#portfolio-box h2 {font-family:Arial, Helvetica, sans-serif; color:#006600; font-size:12px; text-transform:uppercase; margin:0 0 8px 0; font-weight:normal;}
#portfolio-box h3 {font-family:Arial, Helvetica, sans-serif; color:#0066AD; font-size:11px; margin:0 0 8px 0; font-weight:Bold;}
#portfolio-box h4 {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; font-weight:normal; padding:0; margin:0;}
#portfolio-box p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#453d23000; margin:0; padding:0 0 8px 0;}
#portfolio-box img {margin: 0 4px 8px 0; background-color:#453d23000;}
/*#portfolio-box img:hover {background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}*/

.prodthumbs img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; background:#453d23000; margin:0; padding:0; }
.prodthumbs:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; background:#453d23000;  margin:0; padding:0;}

#bg_portfolio {width: 503px; height:287px; background:url(_images/bg_portfolio.gif) repeat; text-align:center; margin:0; padding:0; }

/**************************************************
TYPOGRAPHY
**************************************************/



#bg_subhead {}

a {
	color:#21ACDA;
}
a:hover {
	color: #000;
}

.testlink { font-family:Arial, Helvetica, sans-serif; color:#00FF00; font-size:12px;}
a.testlink  {background:url(_images/icon_link.gif) no-repeat; padding: 2px 0 0 21px; color: #0066AD; text-decoration:none; }
a:hover.testlink  {background:url(_images/icon_link-on.gif) no-repeat; padding: 2px 0 0 21px; padding-top:2px; color: #B5B5B5; text-decoration:none; }