* {
	margin: 0;
	padding: 0;
	border: none;
}
:focus { outline:0;}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #b2bfda url(/i/bg_head.gif) repeat-x;
	font-size: 100%; 
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	color: #666;
}

a:hover {
	color: #6079a5;
	text-decoration: none;
}

h2 {
	font: normal 20px/160% Georgia, "Times New Roman", Times, serif;
	color: #60718f;
	margin: 0 0 10px 0;
}

h3  {
	margin: 20px 0 10px 0;
	font: bold 14px/160% Arial, Helvetica, sans-serif;
	color: #555;
}

h4  {
	margin: 0;
	font: bold 12px/160% Arial, Helvetica, sans-serif;
	color: #555;
}

#header {
	margin: 0 auto;
	background: transparent url(/i/cp_logo.gif) no-repeat 50% 27px;
	height: 160px;
	}

#header h1 {
	margin: 0 auto;
	width: 200px;
}
#header h1 a {
	display: block;
	width: 200px;
	height: 130px;
	text-indent:-1000em;
}
	
.clearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
#wrapper {
	margin: 0 auto;
	background-color: #FFFFFF;}
	
#content, #footer_wrap {
	position: relative;
	margin: 0 auto;
	width: 780px;
	
}

#content {
	text-align: left;	
}

#sidebar {
	width: 190px;
	float: left;
	margin-right: 30px;
}

#nav {
	list-style: none;
	width: 180px;
}

#nav li {
	display: block;
	list-style: none;
	font-size: 14px;
	border-bottom: 1px solid #c5cfe2;
	padding: 5px 0;
	}

#nav li a {
	text-decoration: none;
	display: block;
	width: 160px;
	margin-left: 10px;
	}

#nav li ul {
	margin: 0 0 0 10px;
	}

#nav li li {
	font-size: 11px;
	border-bottom: none;
	}
	
/*sub nav color and size*/
#nav li ul li a{
	display: block;
	text-decoration: none;
	width: 150px;
	color: #666!important;
	}
	
#nav li ul li a:hover{
	width: 150px;
	color: #6079a5!important;
	}

/* hides sub nav*/	
#nav li ul { 
	display: none; }

/* sets current state for main nav sections*/
body#about #nav_about a, 
body#services #nav_services a, 
body#properties #nav_properties a, 
body#press #nav_press a, 
body#contact #nav_contact a {
	color: #6079a5;
	}

/* displays sub nav*/
body#about #nav_about ul,
body#press #nav_press ul,
body#properties #nav_properties ul {
	margin: 0 0 0 10px;
	display: block; 
	}

/* sets current nav for sub nav pages*/
body.team #nav ul li.nav_team a, 
body.connections #nav ul li.nav_connections a,

body.corduroy #nav ul li.nav_corduroy a,
body.girlscouts #nav ul li.nav_girlscouts a,
body.bunnies #nav ul li.nav_bunnies a,
body.petermars #nav ul li.nav_mars a,
body.emmenation #nav ul li.nav_emme a,
body.whoknew #nav ul li.nav_who a,
body.vof #nav ul li.nav_vof a,
body.wildside #nav ul li.nav_wild a,

body.archive #nav ul li.nav_archive a {
	color:#6079a5!important;
	}

#main {
	width: 550px;
	float: left;
	}
	
body#error #main {
height: 400px;
}

#main p, ul, ol, dl, #sidebar p {
	font-size: 12px;
	line-height: 160%;
	margin-bottom: 15px;
	}

#main ul, ol {
	margin: 0 0 10px 15px;
	}
#main p.nospace {margin:0;}
	
/* so the footer gradient stretches the entire width*/
#footer {
	position: relative;
	clear: both;
	background: transparent url(/i/bg_footer.gif) repeat-x bottom;
	height: 100px;
	}

#footer_wrap {
	position: relative;
	margin: 0 auto;
	padding: 45px 0 0 0;
	width: 760px;
	font: 10px/140% Arial, Helvetica, sans-serif;
	text-align: right;
	}

/*home page stuff*/

#home .welcome {
	font: 12px/180% Arial, Helvetica, sans-serif;
	}

/*delete this when they approve */
h1#tag { 	font: normal 20px/160% Georgia, "Times New Roman", Times, serif;
	color: #6f7e98;
	text-indent: -1000em;
	overflow: hidden;
	background-repeat: no-repeat;
}

h1#tag {
	display: block;
	height: 140px;
	background: url(/i/tag_new.jpg) no-repeat;
	margin-bottom: 20px;
}	

.hm_space {
	float: left;
	margin: 20px 20px 0 0;
	width: 50px;
}

.hm_thumbnails {
text-align: center;
width: 550px;
margin: 10px auto 20px auto;
}

.hm_thumbnails img {
border: 1px solid #acabab;
margin: 0 10px;
}

.hm_thumbnails a:hover img {
	border: 1px solid #666;
}

#hmcontact {
	background-color: #e1e6f0;
	border: 2px solid #c1c6d1;
	width: 148px;
	margin: 26px 0 0 0;
	padding: 8px;
	font: 11px/140% Arial, Helvetica, sans-serif;
	color: #43536d;
}
#hmcontact a {
	color: #43536d;
}
#hmcontact a:hover {
	color: #666;
}
#hmcontact h3 {
	font: bold 12px/140% Arial, Helvetica, sans-serif;
	color: #6f7e98;
	margin: 0;
}

#lima {
 	margin: 26px 0 0 0;
	height: 41px;
}

#lima p {
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 11px;
	line-height:140%;
}

/*photos on team page*/
body.team #main img {
	float: right;
	padding: 3px;
	border: 1px solid #acabab;
	margin: 0 0 10px 10px;
}

/*lists on connections page*/
.listcol {
	float: left;
	width: 160px;
}
.listcolwide {
	float: left;
	width: 190px;
}

/* for the biddle page*/
.listcol40 {
	float: left;
	width: 40%;
}

.listcol60 {
	float: left;
	width: 60%;
}
.listcol50 {
	float: left;
	width: 50%;
}

/*press page*/
body#press dl {
	margin: 20px 0 0 0;
}

body#press dt
{font-weight: bold;}

body#press dd 
{margin: 0 0 10px 0px;
color: #888;}

/*properties page*/
body#properties h4 {
text-transform: uppercase;
}

.prop {
margin: 20px 0 0 0 
}

.prop dt, .prop dd{
    margin-bottom: 10px;
}

.prop dt {
	clear: both;
    width: 120px;
	float: left;
}

.prop dd {
	float: left;
    width: 380px;
}

.prop dd h3, .prop dd p {
margin: 0;
}
.prop a img {
	border: 1px solid #acabab;
}

.prop a:hover img {
	border: 1px solid #666;
}

#intro {padding: 20px 10px 20px 20px;
margin-bottom: 15px;
color: #fff;
overflow: auto;}

#intro p {
font: normal 13px/180% Arial, Helvetica, sans-serif;
margin: 0;}

.petermars #intro {
background: #ff6600;
}
.corduroy #intro {
background: #ff3333;
}

.monster #intro {
background: #4b63ae;
}

.biddle #intro {
background: #d08d44;
}

.girlscouts #intro {
background: #00a94f;
}

.bunnies #intro {
background: #b28ebe;
}

.emmenation #intro {
background: #c19d66;
}

.whoknew #intro {
background: #2581c2;
}

.vof #intro {
background: #b88b2e;
}

.wildside #intro {
background-color:#53b9d5;
}

#main ul.social {
	margin: 0 0 15px 15px;
	line-height: 180%;
}
	

ul.social li a.twitter {
	background: transparent url(/i/twitter.png)  0 50% no-repeat;
	padding: 3px 25px;
}
ul.social li a.blogger {
	background: transparent url(/i/blogger.png)  0 50% no-repeat;
	padding: 3px 25px;
}
ul.social li a.facebook {
	background: transparent url(/i/facebook.png)  0 50% no-repeat;
	padding: 3px 25px;
}

ul.social li a.youtube {
	background: transparent url(/i/youtube.png)  0 50% no-repeat;
	padding: 3px 25px;
}


.clr { clear: both;}

.right {
float:right;
margin: 0 0 0 10px}
.left {
float:left;
margin-right: 10px;}

#main .mouse {
	font: 10px/140% Arial, Helvetica, sans-serif;
}
.mouse {
	font: 10px/140% Arial, Helvetica, sans-serif;
}