

	
	
	/* 	DESKTOP SITE LAYOUT	*/
	
	
	
@font-face{ font-family:Trajan; src:url(/gfx/trajan.ttf); }
@font-face{ font-family:Bloop; src:url(/gfx/bloop.ttf); }



/*	COLOR PROFILE:


	#edf0f0		off-white
	#e7eaef		post-it grey
	#FFF		white
	#EEE		another off-white
	#004D41		that deep green
	#9E8629		dried mustard color
	#bc9b3c		less dried mustard
	#05a38a		tangy green-blue
	#ea4335		invalidity red

*/



body{
	background-color:#edf0f0;
	background-image:url(/gfx/bg-w.png);
	background-position:top;
	background-repeat:repeat-y;
	margin:0; padding:0;
	font-family:Arial,Helvetica,sans-serif;
}

a b{
	font-weight:normal;
}



h1{	display:none; }

#wrapper{
	background-color:#FFF;
	width:978px; margin:0 auto 0 auto;
	background-image:url(/gfx/bg-g.png);
	background-position:top;
	background-repeat:repeat-x;
}

a{	cursor:pointer; }




		/* HEADER, PHONE NUMBER */ 

#logo{ float:left; margin:40px 40px 0 20px; height:83px; width:243px; }

#navmenu{
	font-family:Trajan,Georgia,Serif;
	text-align:right; padding:20px 20px 0 0; }
#navmenu h3{
	color:#9E8629; margin:0; padding:10px 40px 16px 0;
	font-weight:200; font-size:20px;
	font-family:Trajan,Arial,Helvetica,sans-serif;
	line-height:25px; text-shadow:0.1em 0.1em #DDD;
	letter-spacing:1px;
}
#navmenu h3:first-letter{ font-size:24px; }
#navmenu h3 b{ 
	padding:0 0 0 3px; font-size:24px;
}
#navmenu h3 a{ 
	color:#000; text-decoration:none; 
	font-size:23px; padding:0 0 0 4px; 
	letter-spacing:0;
}




		/* MAIN SITE NAVIGATION */ 
		
#navmenu ul{
	list-style:none; margin:0 0 0 47%; padding:0 0 0 4px;
	border:1px solid #4c827a; border-left:0; border-right:0;
	height:37px; width:498px; font-size:14px;
}
#navmenu li{
	display:block; float:left; margin:0;
	padding:0; height:37px; cursor:pointer;
}
#navmenu li a{
	display:block; float:left; padding:10px 12px 10px 0;
	color:#004D41; text-decoration:none;
}
#navmenu li a b{ display:block; float:left;
	border-left:1px solid #004D41; padding:0 0 0 12px;
}
#navmenu li.first a b{ border:0; }
#navmenu li ul li a b{ border:0; padding:0; }

#navmenu li ul{ display:none; }
#navmenu li ul{ margin:20px 0 0 0; padding:6px 0 0 0; width:60px; border:0;
	position:relative; left:-1px; z-index:100; }
#navmenu li:hover{ overflow:visible; }
#navmenu li:hover ul{ display:block; }
#navmenu li ul li{ background-color:#EEE; height:41px;
	width:224px; margin:0; padding:0; text-indent:20px;
	border:1px solid #004D41; font-size:12px; border-top:0;  }
#navmenu li ul li.first{ border-top:1px solid #004D41; }
#navmenu li ul li a{ margin:0; padding:14px 12px 18px 0; 
	border:0; color:#004D41 !important; width:200px; }
	
#navmenu ul li a.current{ color:#9E8629 !important; }

#navmenu li:hover{ background-color:#004D41; }
#navmenu ul li:hover > a{ color:#FFF !important;
	/* opacity:0; ANIMATE TO 1.0 */
}
#navmenu li ul li:hover{  }
#navmenu li ul li:hover > a{ color:#FFF !important; }



		/* PAGE FOOTER AND COPYRIGHT */

#footer{
	background-color:#252525; color:#FFF; clear:both;
	padding:20px; height:100px;
	background-image:url(/gfx/city.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	text-shadow:1px 1px #000;
}
#footer div{
	width:50%; float:left;
}
#footer p{ clear:left; margin:0; padding:32px 0 0 0; font-size:12px; color:#999; }
#footer p b{ font-weight:normal; }
#footer i{ display:block; text-align:right; float:right; color:#777;
	position:relative; top:6px; left:-20px; font-size:13px; }



		/* LOWER SITE NAVIAGION */

#footer ul{ list-style:none; margin:0; padding:0 0 0 4px; }
#footer ul li{ display:block; float:left; }
#soclnk{ display:block; float:right; width:100px; }
#soclnk li{ padding:3px 0 0 8px; }
#lownav{ height:32px; padding:0; position:relative; left:-16px; }
#lownav li{ padding:0 12px 0 12px; border-left:1px solid #444; 
	height:20px; overflow:hidden; }
#lownav > li.first{ padding:0; border-left:0; height:60px; width:80px;
	border-right:1px solid #444; position:relative; left:1px; 
	background-image:url(/gfx/home.png); background-position:bottom;
	background-repeat:no-repeat; text-align:center; }
#lownav li a{ color:#AAA; text-decoration:none; }
#lownav li a:hover{ color:#FFF; text-decoration:underline; }
#lownav li ul{ display:none; }
#lownav li:hover{ overflow:visible; }
#lownav li:hover ul{ display:block; }
#lownav li ul{ margin:0; padding:0; height:64px; width:50px;
	border:1px solid #444; border-right:0; border-top:0; 
	position:relative;left:-13px; }
#lownav li ul li{ width:160px; margin:0; padding:0; border:0; 
	font-size:9px; line-height:12px; height:12px; 
	text-indent:12px; letter-spacing:1px; }
#lownav li ul li.first{ padding-top:6px; }
#lownav li ul li a{ margin:0; padding:0; }





		/* SITE CONTENT <span> AND BLOCKS */

#content{
	display:block; clear:both; padding:32px 0 0 0;
}

.splash{
	background-image:url(/gfx/sh-i.png);
	background-position:bottom; background-repeat:no-repeat;
	padding-bottom:31px; margin:0 0 0 9px;
}
.splash i{ display:block; height:228px; width:954px; 
	border:3px solid #bc9b3c; margin:0; padding:0; 
	background-image:url(/gfx/curl.jpg); background-position:top;
}

#container{	/* minimum: */ height:480px; /* redefined per page */
	margin:0; padding:0; overflow:hidden;
}

#sidemenu{ font-family:Trajan,Georgia,Serif; 
	background-color:#dce1e5; color:#004d41; height:100%;
	width:216px; float:left; margin:10px 20px 0 9px;
	border-top:1px solid #CCC; border-radius:5px 5px 0 0;
}
#sidemenu h3{ text-indent:12px; font-size:18px; }
#sidemenu ul{ list-style:none; margin:0; padding:0; }
#sidemenu li{ margin:0; padding:0; font-size:12px; text-indent:12px; }
#sidemenu a{ display:block; color:#000; text-decoration:none; 
	padding:8px 0 5px 10px; }
#sidemenu a.current{ color:#9E8629 !important; }	
#sidemenu a:hover{ background-color:#004D41; color:#FFF; }





		/* SITE CONTENT <span> AND BLOCKS */

#page{
	float:left; width:488px; padding:0 0 120px 0;
}
#page p, #page li, #page dd{
	font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#666;
	line-height:1.3em; word-wrap:break-word; margin:0; padding:0 0 1em 0;
}
#page li{ font-size:11px; margin:0; line-height:2em; padding:0 5% 0 5%; }
#page i{ font-size:0.8em; }
#page h3{ border-top:2px solid #bc9b3c; padding-top:24px; margin-top:32px; }
#page hr{ border:0; border-top:2px solid #bc9b3c; margin:32px 0 32px 0; }
#page a{ color:#bc9b3c; }

#sociable{
	background-color:#252525; color:#CCC; height:100%;
	text-align:center; font-size:14px; font-style:italic;
	width:216px; float:left; margin:10px 9px 0 20px;
	border-top:1px solid #CCC; border-radius:5px 5px 0 0;
	font-family:Bloop,script; font-size:18px; font-weight:100;
}
#sociable ul{ list-style:none; display:block; margin:0; padding:0 0 0 32px; 
	height:120px; }
#sociable ul li{ display:block; float:left; padding:4px 8px 4px 8px; }

#sociable div{ background-color:#EEE; height:180px; clear:left;
	opacity:0.4; margin:0 10px 0 10px; border-radius:12px; 
	padding:20px 0 0 0; }
#sociable div ul{ margin:0; padding:0 0 0 25px; }	
#sociable div li{ display:block; float:left; padding:2px; }




	/* INDIVIDUAL PAGE STYLES - MAY PORT TO SEPERATE FILES... */




		/* HOME PAGE STYLES... */

#typetext{ height:1px; margin:0; padding:0; float:left; font-family:Trajan;
	color:#ece7d2; text-shadow:2px 2px #004D41; font-size:36px;
	position:relative; top:64px; left:80px; line-height:88px; z-index:50;
	font-weight:bold; letter-spacing:-1px; opacity:0;
}
#typetext *{ display:none; }

#banner{
	width:960px; height:386px; background-color:#edf0f0;
	margin:0 0 9px 9px; padding:0;
}

#banner *{ 
	width:100%; height:100%; margin:0; padding:0;
	background-position:0 0; background-repeat:no-repeat;
}
#banner span{ display:block;
	background-image:url(/gfx/bp.png);
	background-repeat:repeat;
}


#stone{
	width:100%;
	background-image:url(/gfx/bg-z.png);
}
#stone hr{ border:0; height:1px; width:100%; clear:both; padding:21px 0 0 0;
	background-position:bottom left; background-repeat:repeat-x;
	background-image:url(/gfx/bg-s.png); margin:0 0 28px 0;
}
.post-it{
	float:left; width:297px; margin:25px 0 0 21px; padding:0 0 11px 0;
	background-image:url(/gfx/bg-f.png);
	background-position:bottom; background-repeat:no-repeat;
}
.post-it a{
	display:block; width:297px; height:209px; margin:0; 
	background-color:#e7eaef; text-decoration:none;
}
.post-it a:hover{
	background-color:#004D41; 
}
.post-it a img{ width:273px; height:139px; margin:10px 0 17px 10px; }
 
.post-it h3{
	font-size:16px; font-family:Trajan,Arial,Helvetica,sans-serif;
	color:#004D41; text-decoration:none; margin:0; padding:0 0 0 20px;
}
.post-it a:hover h3{ color:#FFF; }






		/* CONTACT FORM STYLES... */



p.blurb{
	float:right; background-color:#004D41; color:#FFF; width:512px;
	margin:10px 9px 10px 0; line-height:2em;
	padding:16px 32px 14px 32px;  border-radius:5px;
	font-family:Trajan,Georgia,Serif; font-size:12px;
	text-shadow:1px 1px #004D41;
}

#sideform{ font-family:Trajan,Georgia,Serif; 
	background-color:#dce1e5; color:#004d41; height:100%;
	width:360px; float:left; margin:10px 20px 0 9px;
	border-top:1px solid #CCC; border-radius:5px 5px 0 0;
}
#sideform h5{ margin:6px 0 0 10%; font-size:14px; line-height:14px; 
	height:24px; padding:8px 0 0 0; }
#sideform h5 i{ color:#9E8629; }
#sideform h5 b{ color:#9E8629; font-size:32px; line-height:14px; 
	position:relative; top:12px; }
#sideform h5 em{ float:right; color:#ea4335; font-size:0.8em;
	position:relative; top:6px; left:-32px; }
#sideform input[type='text'], #sideform textarea{ 
	margin:0 0 0 6%; width:80%; display:block; padding:6px 4px 6px 16px;
	border:2px solid #bc9b3c; background-color:#FEFDFC; border-radius:5px;
	letter-spacing:1px; color:#444; font-family:Arial, Sans-serif;
}
#sideform input[type='text'], #sideform textarea{ word-spacing:-2px; }
#sideform input:focus, #sideform textarea:focus{ background-color:#F4F5E8; }
#sideform textarea{
	min-height:200px;
}
#sideform input[type='submit']{
	display:block; float:right; margin:16px 10% 32px 0;
	border:1px solid #05a38a; background-image:url(/gfx/em.jpg);
	font-size:20px; text-align:center; width:140px; color:#FFF;
	font-family:Trajan,Georgia,Serif; line-height:20px; 
	padding:5px 4px 3px 4px; cursor:pointer; 
	border-bottom:1px solid #004D41;
}
#sideform *.unchanged{ 	color:#AAA !important; }
#sideform *.invalid{ 	color:#ea4335 !important; 
			border-color:#ea4335 !important; }

#map{
	margin:140px 0 32px 0; background-color:#444; color:#FFF;
	background-image:url(/gfx/map.jpg); background-position:100px -100px;
	clear:right; height:450px;
}
#map h3{
	color:#FFF; font-family:Trajan,Georgia,Serif; font-size:32px;
	text-shadow:2px 2px #000; padding:32px 0 0 0; margin:0;
}
#map dl{
	background-color:#FFF; color:#000; opacity:0.85;
	border-radius:10px; padding:12px 16px 12px 16px; float:left;
	width:280px; height:110px; list-style:none; margin:0; clear:none;
	font-size:14px; line-height:2em; position:relative; 
	top:100px; left:132px; border:1px solid #666; 
	border-bottom:2px solid #000;
}
#map dl dt{ float:left; color:#ea4335; font-weight:bold; width:80px; }
#map dl dd{ margin:0 0 0 90px; }
#map dl dd i{ color:#444; }
	
	
	
