/* General */

body {margin: 0px; font-family: 'lucida grande',tahoma,sans-serif; background: url(../images/a-bg.gif); font-size: 11px; color: #382B05;}

h1 {font-size: 16px; font-weight: bold; line-height: 19px; margin: 0px; padding: 5px 0px 5px 0px;}
h2 {font-size: 12px; font-weight: bold; font-style: italic; line-height: 19px; margin: 0px; padding: 5px 0px 0px 0px;}
h2 {font-size: 11px; font-weight: bold; font-style: italic; line-height: 19px; margin: 0px; padding: 5px 0px 0px 0px;}

ul li {list-style-image: url(../images/bullet.gif); padding: 2px 0px; margin: 0px;}

ul.twocolumn {margin: 10px 0px; padding: 0px 0px 0px 30px;}
ul.twocolumn li {width: 40%; float: left; padding: 2px 8px 2px 0px;}

a {color: #0c3451; text-decoration: underline;}
a:hover {color: #0c3451; text-decoration: none;}

/* Layout */
	
#bodycontainer {background: url(../images/a-cowhidebg2.jpg) top center; margin: 55px 0px 22px 0px; border-top: 7px solid #c3cb8b; 
	border-bottom: 7px solid #c3cb8b;}
	
	/* Homepage Layout Information */
	
	#hp-pagecontent {width: 758px; background: url(../images/hp-bodybg.jpg) top center no-repeat; margin: 0px auto; height: 490px; 
		border: solid #FFFFFF; border-width: 0px 5px; position: relative;}
	#hp-work {width: 392px; height: 280px; position: absolute; right: 19px; top: 22px; background: #999999 url(../images/hp-work.jpg) no-repeat;}	
	#hp-slogan {width: 578px; height: 48px; background: url(../images/hp-slogan.gif) no-repeat; position: absolute; right: 0px; 
		bottom: 119px;}
	#hp-menu {width: 758px; height: 28px; background: #333333 url(../images/a-mainmenubg2.gif); position: absolute; bottom: 87px;
		border: solid #FFFFFF; border-width: 2px 0px;}
	#hp-portfolio-menu {width: 758px; height: 87px; position: absolute; bottom: 0px; color: #FFFFFF; text-align: center; left: -12px}	
	
	/* Secondary Layout Information */
	
	#pagecontent {width: 758px; background: url(../images/s-bodybg.jpg) top center repeat-y; margin: 0px auto;
		border: solid #FFFFFF; border-width: 0px 5px; position: relative;}
	#logo {width: 236px; height: 129px; background: url(../images/s-logo.gif) no-repeat; position: absolute; left: 0px; top: 0px;}
	#slogan {width: 522px; height: 75px; background: url(../images/s-slogan.gif) no-repeat; position: absolute; right: 0px; top: 0px;}
	#menu {width: 522px; height: 28px; background: #333333 url(../images/a-mainmenubg2.gif); position: absolute; top: 75px; right: 0px;
		border: solid #FFFFFF; border-width: 2px 0px;}
	
	/* This is the secondary body area */
	
	#content {padding: 108px 0px 4px 0px; margin: 0px; line-height: 19px;}
		#left {width: 150px; float: left; padding: 30px 0px 0px 30px;}
		#right {width: 475px; min-height: 320px; float: right; background: #d8e1e3; padding: 50px 40px;}
		/* Trick IE6 b/c it doesn't like min-height */
		*html #right {width: 475px; height: 320px; float: right; background: #d8e1e3; padding: 50px 40px;}
		#clear {clear: both;}
		
	/* This is for the case studies body area */
	
	#cs-content {padding: 108px 40px 0px 40px; line-height: 19px;}
		#cs-pics {background: #d0d4ba; padding: 30px 20px; border: solid #FFFFFF; border-width: 0px 4px 4px 4px;}
			#cs-pics img {border: 2px solid #FFFFFF;}
		#cs-title {background: #eef2f3; padding: 10px 30px; border: solid #FFFFFF; border-width: 0px 4px 4px 4px;
			font-size: 16px; font-weight: bold;}
		#cs-overview {background: #d8e1e3; padding: 30px; border: solid #FFFFFF; border-width: 0px 4px 4px 4px;}
	
/* Menu */

	#hp-menu ul, #menu ul {list-style: none; margin: 0px; padding: 0px;}
	#hp-menu ul li {width: 150px; border-right: 2px solid #B9B8B8; float: left; margin: 6px 0px 0px 0px; padding: 0px; list-style-image: none;}
	#menu ul li {width: 82px; border-right: 2px solid #B9B8B8; float: left; margin: 6px 0px 0px 0px; padding: 0px; list-style-image: none;}
	
		/* Had to tweak the secondary menu a bit - some items smaller, some bigger */
		#menu ul li.smaller {width: 70px; border-right: 2px solid #B9B8B8; float: left; margin: 6px 0px 0px 0px; padding: 0px;}
		#menu ul li.larger {width: 104px; border-right: 2px solid #B9B8B8; float: left; margin: 6px 0px 0px 0px; padding: 0px;}
	
	#hp-menu ul li#noborder, #menu ul li#noborder {border: none;}
	#hp-menu a, #menu a {text-decoration: none; color: #DCDCDC; text-align: center; font-weight: bold; text-transform: uppercase; height: 17px;
		display: block; background: url(../images/a-menubg2.gif) right no-repeat; padding-top: 2px;}
	#hp-menu ul li a:hover, #menu ul li a:hover {color: #FFFFFF;}
	
	.secondarymenu {margin: 10px 0px 10px -5px; color: #0c3451;}
	.secondarymenu a {margin: 0px; padding: 5px 3px; font-weight: bold; text-decoration: underline; color: #0c3451;}
	.secondarymenu a:hover {margin: 0px; padding: 5px 3px; font-weight: bold; text-decoration: none;}
	
#footer {background: url(../images/a-footer.gif) no-repeat; color: #382B05; width: 633px; height: 138px; margin: 0px auto; padding: 13px 0px; 
	text-align: center; line-height: 18px;}
	
/* Form Formatting */

	input[type=text], textarea {font-size: 11px; font-family: 'lucida grande',tahoma,sans-serif;}
	input[type=submit] {font-size: 11px; font-family: 'lucida grande',tahoma,sans-serif;}

/* Div boxes */

#thumb {position:relative; z-index: 1;}
#thumb a.p1, #thumb a.p1:visited {display:block; text-decoration:none; top:0; left:0; border:0; z-index: 1;}
#thumb a img {border:0; z-index: 1;}
#thumb a img b img {z-index: 2;}
#thumb a.p1:hover {text-decoration:none; background-color:#FFFFFF; color:#000; z-index: 2;}
#thumb a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0; z-index: 2;}
#thumb a.p1:hover .large {display:block; position:absolute; top:-65px; left:68px; width:160px; height:130px; border:10px solid #ccc;
	z-index: 2;}
	
#Lthumb {position:relative; z-index: 1000;}
#Lthumb a.p1, #Lthumb a.p1:visited {display:block; text-decoration:none; top:0; left:0; border:0; z-index: 1;}
#Lthumb a img {border:0; z-index: 1;}
#Lthumb a img b img {z-index: 2;}
#Lthumb a.p1:hover {text-decoration:none; background-color:#FFFFFF; color:#000; z-index: 2;}
#Lthumb a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0; z-index: 2;}
#Lthumb a.p1:hover .large {display:block; position:absolute; top:-65px; left:68px; width:160px; height:130px; border:10px solid #ccc;
	z-index: 2;}