/* Reset Stylesheet */

html, body, p, h1, h2, h3, ul, ol, li {
	margin:0; padding:0;
	}

ul, ol {
	list-style:none;
	}

img {
	border:0;
	}

/* Lacello Design Master Styles */

body {
	background:#fff url(images/ldbodybg.gif) right repeat-y;
	font:.66em/1.4em Verdana, Arial, Helvetica, sans-serif;
	}

	#leftsidebar {
		width:150px;
		background:url(images/ldgraylinesbg.gif) right repeat-y;
		position:fixed;
		top:0; left:0;
		}
		
	* html #leftsidebar {
		position:absolute;
		/* IE6 Hack */
		}
		
	#leftsidebar img {
		width:149px;
		height:768px;
		}
		
	#content {
		width:650px;
		position:absolute;
		left:151px;
		}
		
/* Header */
	
	#header {
		margin-bottom:30px;
		}
	
		#headerill {
			width:90px;
			height:136px;
			float:right;
			}
			
		#header h1 {
			width:560px;
			height:100px;
			background:url(images/header_masthead.jpg) no-repeat;
			text-indent:-999em;
			}
			
		/* Main drop-down navigation menu - thanks to Son of Suckerfish at htmldog.com */
		
		ul#mainnav { 
			width:368px;
			margin-left:160px;
			}
		
		#mainnav > li a {
			height:20px;
			padding-top:4px;
			}
		
		#mainnav a {
			display:block;
			text-decoration:none;
			text-transform:lowercase;
			text-align:center;
			font-weight:bold;
			letter-spacing:.15em;
			color:#cacafe;
			background:transparent no-repeat;
			}
			
		li#navhome a {
			background:#fff;
			text-align:left;
			}
			
		li#navweb a {
			background-image:url(images/ldmainav_wddroptop.gif);
			}
			
		li#navcreative a {
			background-image:url(images/ldmainav_csdroptop.gif);
			}
			
		#mainnav a:hover {
			color:#f60;
			}
			
		a#current {
			color:#f60;
			}
		
		#mainnav li {
			float:left;
			background:#fff; /* Suckerfish menu will not work in IE7 without this background property */
			}
		
			#mainnav li ul {
				position:absolute;
				left:-999em;
				}
				
			#mainnav li:hover ul, #mainnav li.sfhover ul, #mainnav li.sfhover ul li {
				left:auto;
				}
				
				#mainnav li ul li a {
					color:#cacafe;
					height:auto;
					}
					
				#mainnav li ul li a:hover {
					color:#fc6;
					text-decoration:underline;
					}
				
			#mainnav li:hover, #mainnav li.hover {
				position:static;
				}
				
			/* Drop-Down Specific widths, padding, margin and background settings */
			
			li#navhome, li#navhome ul {
				width:61px;
				}
				
			li#navweb, li#navweb ul, li#navweb ul li {
				width:128px;
				}
				
				#navweb ul li a {
					background:url(images/ldmainav_wddropbg.gif) no-repeat center;
					}
				
			li#navweb {
				margin-right:5px;
				}
				
			li#navcreative, li#navcreative ul, li#navcreative ul li {
				width:167px;
				}
				
				#navcreative ul li a {
					background:url(images/ldmainav_csdropbg.gif) no-repeat center;
					}
					
				#navweb ul li:first-child a, #navcreative ul li:first-child a {
					background-position:top;
					}

				#navweb ul li.last-child a, #navcreative ul li.last-child a {
					background-position:bottom;
					padding-bottom:1em;
					}
				
			#mainnav ul li a {
				text-align:left;
				padding:.5em 0 0 2em;
				}
				
/* Left Nav */

#leftnav {
	position:absolute;
	top:136px;
	left:-24px;
	z-index:200;
	}
	
	#leftnav a {
		display:block;
		width:98px;
		height:37px;
		padding:11px 20px 0 52px;
		margin-bottom:26px;
		font-size:.95em;
		line-height:1.1em;
		font-weight:bold;
		text-decoration:none;
		color:#003;
		background:transparent no-repeat top;
		}
			
	#leftnav a:hover {
		color:#fff;
		background-position:center;
		}
		
	#leftnav a[href="#"] {
		color:#fff;
		background-position:bottom;
		}

/* Page Content */

#sectiongraphic {
	position:absolute;
	left:22px;
	width:109px;
	height:142px;
	}

#page {
	clear:both;
	margin-left:160px;
	}
			
	h2:first-child {	
		padding-bottom:.25em;
		border-bottom:3px double #66c;		
		}
	
	h2, h3 {
		font-size:1.2em;
		}
	
	h2 {
		margin:0 0 1.2em;
		}
	
	h3 {
		color:#66c;
		}
		
	#page img.portfolio {
		display:block;
		width:236px;
		border:2px solid #336;
		}
		
		.imgright {
			float:right;
			clear:right;
			margin:0 0 10px 10px;
			}
			
		.imgleft {
			float:left;
			margin:0 0 10px 0;
			}
	
	p {
		margin:0 0 1.2em;
		}
		
	#page a, #footer a {
		color:#f60;
		text-decoration:none;
		}
		
	#page a:visited, #footer a:visited {
		color:#f90;
		}
		
	#page a:hover, #footer a:hover {
		text-decoration:underline;
		}

	#page ul {
		padding-bottom:1em;
		}
		
/* Styles specific to Site Map Page */

	#page.sitemap > ul {
		margin-bottom:.6em;
		width:200px;
		float:left;
		}
	
	#page.sitemap ul {
		padding:1em 0 1em 1em;
		}
	
	#page.sitemap ul li {
		float:none;
		background:none;
		}
		
	#page.sitemap li:first-child {
		padding-left:.65em;
		}
		
/* Text menu styles shared by Page and Footer divs */

	#page li, #footer li {
		float:left;
		background:url(images/ldmenu_bullet.gif) left no-repeat;
		padding:0 .65em;
		}

	#page li:first-child, #footer li:first-child {
		background:none;
		padding-left:0;
		}
		
/* Class for bulleted lists */

	#page ul.bulleted {
		margin-left:1em;
		}
		
	#page ul.bulleted li {
		float:none;
		padding-left:.75em;
		margin-bottom:.6em;
		background:url(images/ld_66cbullet.gif) no-repeat;
		background-position:0 .5em;
		}

/* Footer */

#footer {
	clear:both;
	width:auto;
	margin:25px 0 0 160px;
	border-top:3px double #66c;
	text-align:center;
	}
	
	#footer ul {
		width:16em;
		margin:0 auto;
		}
	
	* html #footer ul {
		width:16.75em;
		/* IE6 Hack */
		}
	
	#footer li.last-child {
		padding-right:0;
		}
	
	#footer a {
		display:block;
		text-decoration:none;
		text-transform:lowercase;
		}
		
	#footer a[href="#"] {
		text-decoration:underline;
		}
		
	#footer p {
		clear:left;
		}