/* 3.7 DESIGNS BOILER PLATE =====================================
Company: 3.7 Designs
Project:
Author:
Comments:


= COLOR REFERENCE GUIDE =

FONT COLOR: #000000
HEADING COLOR: #333333
SECONDARY HEADING: #666666
BACKGROUND COLOR: #FFFFFF
SECONDARY BACKGROUND COLOR: #EFEFEF
HIGHTLIGHT COLOR: #990000 
LINK COLOR: #990000

================================================================*/



/*===============================================================

	G L O B A L     V A R I A B L E S

============================================== =GLOBAL VARIABLES */

html, body { 
font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif; font-size: 12px;
line-height: 18px; background: url(../images/background-total2.gif) top center repeat-x;}

#pagewidth {
width: 929px; margin: 0 auto 0 auto; }


/*===============================================================

	N A V I G A T I O N 
	
=================================================== =NAVIGATION */

#main_nav { list-style: none; margin: 0; padding: 0;  }

#main_nav li { float: left; padding: 0;}
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block;height: 99px; } 
 
#home { background: url(../images/navigation/nclient_03.gif); width: 78px; }
#home:hover { background: url(../images/navigation/nclient_03.gif) -78px 0; }
#home.active { background: url(../images/navigation/nclient_03.gif) -78px 0; }

#parenting { background: url(../images/navigation/nclient_04.gif); width: 126px; }
#parenting:hover { background: url(../images/navigation/nclient_04.gif) -126px; width: 126px; }
#parenting.active { background: url(../images/navigation/nclient_04.gif) -126px; width: 126px; }

#confirmation { background: url(../images/navigation/nclient_05.gif); width: 129px; }
#confirmation:hover { background: url(../images/navigation/nclient_05.gif) -129px 0; width: 129px; }
#confirmation.active { background: url(../images/navigation/nclient_05.gif) -129px 0; width: 129px; }

#haven { background: url(../images/navigation/nclient_06.gif); width: 97px; }
#haven:hover { background: url(../images/navigation/nclient_06.gif) -97px 0; width: 97px; }
#haven.active { background: url(../images/navigation/nclient_06.gif) -97px 0; width: 97px; }


#appointment { background: url(../images/navigation/nclient_07.gif); width: 138px; }
#appointment:hover { background: url(../images/navigation/nclient_07.gif) -138px 0; width: 138px; }
#appointment.active { background: url(../images/navigation/nclient_07.gif) -138px 0; width: 138px; }

#contact { background: url(../images/navigation/nclient_08.gif); width: 122px; } 
#contact:hover { background: url(../images/navigation/nclient_08.gif) -122px; width: 122px; } 
#contact.active { background: url(../images/navigation/nclient_08.gif) -122px; width: 122px; } 

#main_nav2 { list-style: none; margin: 0; padding-top: 36px; }
#main_nav2  li { float: left; width: 77px; text-align: center; font-weight: bold; font-size: 12px; height: 40px; padding: 0 10px; line-height: 13px; }
#main_nav2 a { text-decoration: none; display: block; }
#main_nav2 a:hover { border-bottom: 3px solid #2e4a35; }


/*===============================================================

	T Y P O G R A P H Y
	
==================================================== =TYPOGRAPHY */

h1, h2, h3, h4, h5 { margin: 12px 0 6px 0; }

p, ul, ol, img { margin: 0 0 18px 0; }

ul { list-style: disc; padding-left: 15px; }
ul li { padding-left: 15px; }

h1, h2, h3, h4 { color: #2e4a35; }

h3 em { color: #555 !important; margin: 12px 0 6px 0 !important; line-height: 24px;}

h1 { font-size: 300%; }
h3 { font-size: 150%; }
h4 { font-size: 125%; }

h2 { font-size: 16px; color: #555; letter-spacing: 2px; text-transform: uppercase; }



em { font-style: italic; }

.ntm { margin-top: 0px; }

strong { font-weight: bold; }

/*===============================================================

	L I N K      S Y L E I N G
	
=================================================== =LINK STYLING */

a {color: #2e4a35; }
a:hover { text-decoration: none; }
a:visited { }
a:active { }

/*===============================================================

	C O N T E N T     S T R U C T U R E
	
============================================== =CONTENT STRUCTURE */

#band { height: 256px; text-align: center; clear: both; }
#band img { margin: 0 auto 0 auto !important; width: 929px; }

#band h1 { position: absolute; top: -200px; }
#band p { margin: 0px 0 10px 0; }
#bandsection { width: 545px; font-size: 14px; font-weight: bold; padding-left: 5px;}

#header { height: 99px; text-align: center;  }
#header img { margin: 0 auto 0 auto; }

#header2 { height: 99px; text-align: center; background: url(../images/header-bg.jpg) 0 1px no-repeat; }
#header2 img { margin: 0 auto 0 auto; }

#content { margin: 25px 0 0 10px; padding: 0 0 45px 0; }

.c_wrap { border-top: 4px groove #2e4a35; border-bottom: 3px double #2e4a35; padding: 15px 0 25px 0; margin: 0 0 18px 0; }

.c_bottom { border-bottom: 4px groove #2e4a35; margin: 10px 0 8px 0;}

#footer { clear:both; background: url(../images/footer.gif) top repeat-x;  }
#footer_wrap { padding: 75px 0 0 30px; width: 944px; margin: 0 auto 0 auto; background: url(../images/footer-2.gif) top center; } 
#footer p { margin: 0; }

#right_col { width: 300px; float: right; margin: 50px 15px 10px; }
#right_col h3 { margin: 0 0 0 0; color: #b25800;}
#right_col p { line-height: 1.25em; margin-top: 10px; }


.leftbar {  border-left: 7px solid #c3ac5a; padding-left: 10px; }
	#sm {	width: 297px; }
	#sm {	clear:both; background: url(../images/sm/sm_bg.gif) top repeat-x;  padding: 10px 0 0 0; }
		#sm-contents { width: 270px; margin: 0px 0 0 17px; }
			#sm-pri { width: 110px; margin: 0 34px 0 0; } 			
				#sm-title { font-weight: bold; color: #b25800; font-size: 1.00em; text-transform: uppercase; text-align: right; height: 60px }
				#sm-title span { color: #b25800; font-size: 1.4em; text-transform: capitalize;  }
				#sm-copy { text-align: right; font-size: .9em; line-height: 1.1em; color: #777; }
			#sm-sec { margin-top: 31px; height: 82px; }
			#sm-sec, #sm-sec .section { width: 125px; }
			#sm-sec a { text-decoration: none; }
				#sm-sec .section { height: 38px; padding: 0; margin: 0;  }
				#sm-sec .ico {width: 48px; line-height: 1; height: 40px  } 
				#sm-sec .txt{ width: 75px; line-height: 1em; color: #000 }
				#sm-sec .txt a { text-transform: uppercase; font-style: italic; font-size: .8em; }
				#sm-twitter a span { clear:both; float: none; display: block; font-size: 1.2em; text-transform: capitalize !important; } 
				#sm-twitter .txt span, #sm-fb .txt a span { font-size: 1.3em;  clear:both; float: none; display: block; color: #3b5998; text-transform: capitalize; padding-top: 5px;} 
				#sm-twitter .txt span { color: #14a0bd;  }
				#sm-fb a span { } 
				#sm-fb .txt a span { color: #3b5998; } 

.twolist {  margin-top: 10px; }
.twolist li { }

#left_col { width: 545px; float: left; padding: 0 0 0 5px; }

.halfcol_left { float: left; width: 49%; }
.halfcol_right { float: right; width: 49%; }


/*===============================================================

	H E L P E R    C L A S S E S
	
============================================== =HELPER CLASSES */

.fr { float: right; }
.fl { float: left; }

.fr15 { float: right; margin: 0 0 0 15px; }
.fl15 { float: left; margin: 0 15px 0 0; }

.listnomargin { margin: 0; padding: 0 0 0 15px; }

.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.taj { text-align: justify; }

.nomargin { margin: 0; }
.m10 { margin: 10px; } .m15 { margin: 15px; } .m20 { margin: 20px; } .m25 { margin: 25px; } .m30 { margin: 30px; } 
.clear { clear: both; } .cleft { clear: left; } .cright { clear: right; }
 

.clearfix:after, .section:after, .sectioninline:after, .page:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0} .clearfix, .section, .sectioninline, .page{display:inline-block} html[xmlns] .clearfix, html[xmlns] .section, html[xmlns] .sectioninline, html[xmlns] .page{display:block} * html .clearfix, * html .section, * html .sectioninline, * html .page{height:1%}
.section,.page { float: none;} .sectioninline { display: inline; }
.clearfloat { clear:both; height:0; font-size: 0px; line-height: 0px; }  * html .clearfloat {font-size:1px}
.block, .blockinline, .nav, .nav_section { float: left; }

 
/*===============================================================

	A C C E S S I B I L I T Y
	
======================================= =ACCESSIBILITY CLASSES */

#skip_links { position: absolute; margin-top: -100px; }

legend { font-size: 1.2em; color: #2E4A35; font-weight: bold; }

.form_list { padding: 10px; background: #f4e0d6; color: #333; margin: 18px 0 18px 0;}
.form_list li { clear: both; padding: 5px 0 5px 0; }
.form_list label { float: left; }
.form_list input { float: right; }
.form_list select { float: right; }
.nofloat { float: none !important; }

.help_box { padding: 5px; background: #f4e0d6; }