/* CSS Document */
/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Portlands Children Museum Style Sheet
Author : Josh Hemsley	
Email : josh.hemsley@phoogoo.com
We Are : Phoogoo (www.phoogoo.com)

Modified : 12/4/08

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/



/*-  IE HACKS--------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearboth{
	clear:both;
	}



/*********** = BODY = ***********/

html {
	font-family:"lucida grande", Arial, Helvetica, sans-serif;
	background:url(../_images/bg_html.jpg) repeat-x center top #e6eaeb;
	}
	
body {
	padding: 0;
	margin: 0;
	background:url(../_images/bg_body.jpg) no-repeat center top;
	color:#605d56;
	width: 100%;
	display: table;
	height:auto;
	font-size: 14px;
	line-height:18px;
	font-family:"lucida grande", Arial, Helvetica, sans-serif;
	}
	
body,td,th {
	font-family:"lucida grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	}

a:link {
	color:#406128;
	text-decoration: none;
	}
a:visited {
	color:#406128;
	text-decoration: none;
	}
a:hover {
	text-decoration: none;
	color:#19311d;
	}
a:active {
	color:#406128;
	text-decoration: none;
	}

a img {
	border:0px;
	}

p {
	margin:0px;
	padding:0px;
	}
	
h1, h2, h3, h4 {
	margin:0px;
	padding:0px;
	}
	
h1 {
	font-size:20px;
	padding-bottom:8px
	}
	
h2 {
	font-size:16px;
	padding-bottom:3px
	}
	
ul {
	margin:7px;
	}

/*********** = STRUCTURE = ***********/

#wrapper {
	width:957px;
	height:auto;
	margin:auto;
	}
	
#content_wrap {
	background:url(../_images/bg_content.jpg) repeat-x bottom left #ffffff;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	width:953px;
	margin:auto;
	height:auto;
	margin-top: 0px;
	padding-top:0px;
	color:#605d56;
	margin:auto;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	}	
	
#content {
	width:905px;
	margin:auto;
	height:auto;
	}
	
#content_left {
	float:left;
	width:600px;
	}
	
	
/** = Header Logo = **/
#header_logo{
	float:left;
	margin-top:40px;
	}
#header_logo h1 a{
	display:block;
	text-indent:-9999px;
	width:372px;
	height:78px;
	background:url(../_images/logo_header.jpg) no-repeat center center;
	}	
	
	
/** = Top Nav = **/
#topNav {
	float:right;
	margin-top:0px;
	width:407px;
	height:46px;
/*	background:url(../_images/bg_topNav.jpg) no-repeat center center;*/
	color:#666666;
	text-align:center;
	line-height:44px;
	}
#topNav_pad {
	padding:0px 10px 0px 10px;
	}
#topNav a{
	color:#666666;
	text-decoration:none;
	}
#topNav a:hover{
	color:#999999;
	text-decoration:none;
	}
#topNav_pad .tag{
	margin-top:8px;
	float:left;
	width:190px;
	margin-right:5px;
	line-height:normal;
	font-size:10px;
	text-align:right;
	}
#topNav_pad .txt{
	float:right;
	width:190px;
	}
	

/** = Header Consuulation = **/
#freeConsultation {
	float:right;
	margin-top:10px;
	width:407px;
	height:91px;
	background:url(../_images/bg_truck.jpg) no-repeat right center;
	color:#666666;
	text-align:right;
	font-size:14px;
	}
#freeConsultation_pad {
	padding: 25px 185px 20px 0px;
	}
	
	
/** = Flash = **/
#flashHolder {
	margin:auto;
	width:903px;
	height:271px;
	background:url(../_images/flash_temp.jpg) no-repeat center center;
	}

	


/*********** = Sidebar = ***********/
#sidebar{
	float:right;
	width:296px;
	}
	
#sidebar .general{
	border-left: 1px solid #d7d7d7;
	}
	
#sidebar .general_pad{
	padding:8px 0px 8px 20px;
	border-left: 1px solid #ffffff;
	}	
	
#sidebar ul{
	margin-left:20px;
	padding:0px;
	list-style:url(../_images/bullet_raquo.jpg);
	}
	
#sidebar li{
	font-size:14px;
	font-weight:bold;
	line-height:normal;
	margin-top:8px;
	}
	
	
	
	
#sidebar .news{
	border-left: 1px solid #d7d7d7;
	}
	
#sidebar .news_pad{
	padding:8px 0px 8px 20px;
	border-left: 1px solid #ffffff;
	}

#sidebar .news_article{
	font-size:11px;
	padding: 11px 0px 11px 0px;
	border-bottom: 1px dashed #666666;
	}
#sidebar .news_article_last{
	font-size:11px;
	padding: 11px 0px 11px 0px;
	border-bottom: 0px dashed #666666;
	}



#download_VAR h1 a{
	margin:auto;
	display:block;
	text-indent:-9999px;
	width:248px;
	height:142px;
	background:url(../_images/btn_VAR_guide.jpg) no-repeat center center;
	}
	
#client_login h1 a{
	margin:auto;
	display:block;
	text-indent:-9999px;
	width:248px;
	height:94px;
	background:url(../_images/btn_clientlogin.jpg) no-repeat center center;
	}





/*********** = Footer = ***********/
#footer {
	margin:auto;
	width:955px;
	background:url(../_images/bg_footer.jpg) no-repeat top center;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	}

.footer_pad{
	padding:0px 200px 25px 20px;
	}

	
#footer_logo{
	float:left;
	}

#footer_logo h1 a{
	display:block;
	text-indent:-9999px;
	width:173px;
	height:35px;
	background:url(../_images/logo_footer.jpg) no-repeat center center;		
	}
	
#footer_links {
	float:left;
	clear:left;
	margin-top:4px;
	color:#999999;
	font-size:11px;
	}
#footer_links a{
	color:#999999;
	font-size:11px;
	text-decoration:none;
	}	
#footer_links a:hover{
	color:#666666;
	}	


/*********** = Content Info Box = ***********/
#info_box_module {
	width:100%;
	border-top:1px dashed #b9b9bb;
	border-bottom:1px dashed #b9b9bb;
	margin-top:15px;
	margin-bottom:15px;
	}
	
#info_outer_pad {
	padding:15px 0px 15px 0px;
	}
	
.info_box_pad {
	padding:4px 10px 4px 10px;
	}
	
#info_box_first {
	float:left;
	width:33%;
	}
	
#info_box_middle {
	float:left;
	width:33%;
	border-right:1px dashed #b9b9bb;
	border-left:1px dashed #b9b9bb;	
	}
	
#info_box_last {
	float:left;
	width:33%;
	}

/*********** = Newsletter Box = ***********/
#newsletter_module {
	width:100%;
	border-top:1px dashed #b9b9bb;
	border-bottom:1px dashed #b9b9bb;
	margin-top:15px;
	margin-bottom:15px;
	}
	
#newsletter_pad {
	padding:15px 0px 15px 0px;
	}



/*********** = Home Buttons = ***********/
.home_serviceBTN a {
	display:block;
	float:left;
	width:290px;
	height:44px;
	line-height:44px;
	background:url(../_images/btn_homeFeature_bg.jpg) center left repeat-x;
	border:1px solid #d1d6d9;
	text-align:center;
	color:#484848;
	font-size:14px;
	font-weight:bold;
	}

.home_serviceBTN a:hover {
/*	background:url(../_images/btn_homeFeature_roll_bg.jpg) center left repeat-x;*/
	color:#4d4d4d;
	}

.home_serviceBTN a.second {
	margin-left:5px;
	}

.home_serviceBTN a span.services{
	padding-left:50px;
	padding-top:20px;
	padding-bottom:20px;
	background:url(../_images/home_icon_services.gif) center left no-repeat;
	line-height:45px
	}
	
.home_serviceBTN a span.local{
	padding-left:50px;
	padding-top:20px;
	padding-bottom:20px;
	background:url(../_images/home_icon_local.gif) center left no-repeat;
	line-height:45px
	}
	
.home_serviceBTN a span.green{
	padding-left:50px;
	padding-top:20px;
	padding-bottom:20px;
	background:url(../_images/home_icon_green.gif) center left no-repeat;
	line-height:45px
	}
	
.home_serviceBTN a span.pricing{
	padding-left:50px;
	padding-top:20px;
	padding-bottom:20px;
	background:url(../_images/home_icon_pricing.gif) center left no-repeat;
	line-height:45px
	}	
	



.home_BTN a {
	display:block;
	float:left;
	width:290px;
	height:70px;
	padding-top:30px;
	background:url(../_images/btn_Feature_bg.jpg) center left repeat-x;
	background:url(../_images/BigGreenButton.jpg) center left repeat-x;
	
	border:1px solid #d1d6d9;
	text-align:center;
	color:#484848;
	color:white;
	font-size:14px;
	font-weight:bold;
	display:inline;
	}

.home_BTN a:hover {
	background:url(../_images/btn_Feature_roll_bg.jpg) center left repeat-x;
	background:url(../_images/BigGreenButton_over.jpg) center left repeat-x;

	color:#4d4d4d;
	color:white;
	}

.home_BTN a.second {
	margin-left:10px;
	}

.home_BTN a span.services{
	}
	
.home_BTN a span.local{
	}
	
.home_BTN a span.green{
	}
	
.home_BTN a span.pricing{
	}	
	




























/*********** = Text Style = ***********/

.body_txt{
	font-size:12px;
	line-height:22px;
	color:#605d56;
	}


.txt10 {
	font-size:10px; line-height: 14px;
	}
.txt12 {
	font-size:12px;
	}

.txt14 {
	font-size:14px;
	}
	
.txt16 {
	font-size:16px;
	}

.txt18 {
	font-size:18px;
	}
	
.txt24 {
	font-size:24px;
	}



.grn_txt {
	color:#75991b;
	}

.grn_txt11 {
	font-size:11px;
	color:#75991b;
	}

.grn_txt12 {
	font-size:12px;
	color:#75991b;
	}	

.grn_txt14 {
	font-size:14px;
	color:#75991b;
	}
	
.grn_txt16 {
	font-size:16px;
	color:#75991b;
	}		
	
.grn_txt18 {
	font-size:18px;
	color:#75991b;
	}	
	
.grn_txt24 {
	font-size:24px;
	color:#75991b;
	}
	

.blue_txt12 {
	font-size:12px;
	color:#39819a;
	}
	
.blue_txt14 {
	font-size:14px;
	color:#39819a;
	}
	
.blue_txt16 {
	font-size:16px;
	color:#39819a;
	}	
	
.blue_txt18 {
	font-size:18px;
	color:#39819a;
	}	
	
.blue_txt24 {
	font-size:24px;
	color:#39819a;
	}	
	
.orange_txt {
	color:#cc7902;
	}
.orange_txt12 {
	font-size:12px;
	color:#cc7902;
	}

.orange_txt14 {
	font-size:14px;
	color:#cc7902;
	}
	
.orange_txt16 {
	font-size:16px;
	color:#cc7902;
	}
	
.orange_txt18 {
	font-size:18px;
	color:#cc7902;
	}	
	
.orange_txt24 {
	font-size:24px;
	color:#cc7902;
	}	
	
/*********** = Text Style = ***********/

a.grn_link {
	color:#5f7c3c;
	text-decoration:none;
	}
a:hover.grn_link {
	color:#72904d;
	}
	
a.grn_link_boxed {
	color:#5f7c3c;
	background-color:#eef2f3;
	padding:3px 8px 3px 8px;
	text-decoration:none;
	}
a:hover.grn_link_boxed {
	color:#72904d;
	}
	
a.blue_link {
	color:#39819a;
	text-decoration:none;
	}	
a:hover.blue_link {
	color:#4a94ae;
	}

a.blue_link_boxed {
	color:#39819a;
	background-color:#eef2f3;
	padding:3px 8px 3px 8px;
	text-decoration:none;
	}	
a:hover.blue_link_boxed {
	background-color:#e5e9eb;
	color:#4a94ae;
	}



/*********** = Image Styles = ***********/
img.border1 {
	border:1px solid #d2d6d7;
	padding:2px;
	}


	

	
/*********** = Global Paddings = ***********/

.header_pad {
	padding:15px 0px 0px 0px;
	}
	
.content_left_pad {
	padding:0px 10px 0px 10px;
	}	
	
.content_right_pad {
	padding:0px 10px 0px 10px;
	}

.home_leftColPad {
	padding:15px 5px 5px 5px;
	}
	
.home_rightColPad {
	padding:15px 5px 5px 5px;
	}