/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(/themes/Point/js/csshover.htc); background:url(../images/bg_slice.jpg) repeat-x; background-color:#d6e3d8; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#437c4a; text-decoration:none; font-weight:bold}
	a:hover, a.current {text-decoration: underline;}
p { font-size:11px}
td, th, tr { height:28px; font-size:11px}

h1{color:#3b5fa7; font-size:20px; padding:0 0 10px 0;}
h2{color:#d56617; font-size:18px; padding:0 0 10px 0;}
h3{color:#437c4a; font-size:16px; padding:0 0 10px 0;}
h4{color:#3b5fa7; font-size:14px; padding:0 0 10px 0;}
h5{color:#d56617; font-size:12px; padding:0 0 10px 0;}
h6{color:#437c4a; font-size:10px; padding:0 0 10px 0;}

/* reusable classes */
.right{float:right;}
.left{float:left;}

.small{ font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:right; padding:3px 2px 0 0}

.full{position:relative; width:99%;}	/*<------<--------<-----| This works better w/ px based widths */
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}

/* Wrappers */				/*<------<--------<-----| Start building out your divs here... */
#PageWrapper{ width:924px; margin-top:10px}

/* shared divs */
#Top{ background:url(../images/top.gif) no-repeat; width:924px; height:84px}
	#Numbers{ float:left; width:168px; height:41px; margin-top:31px; padding-left:36px}
		#Numbers p{ text-transform:uppercase; color:#fff;}
	#Home{ float:right; width:180px; height:50px; margin-top:20px; margin-right:30px; cursor:pointer}
#Bottom{ background:url(../images/bottom.gif) no-repeat; width:924px; height:53px;}


#Nav{ padding:4px 0 0 0; width:180px; height:276px; text-align:right; padding-left:20px; text-transform:uppercase; overflow:hidden}
	#Nav ul {padding:0 4px 0 0;}
	#Nav li {padding:4px 0 4px 0; list-style:none; color:#fff;}
	#Nav li a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:11px; text-decoration:none;}
	#Nav li a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; color:#437c4a; font-size:11px; font-weight:bold;}
	#Nav li a.current {font-family:Verdana, Arial, Helvetica, sans-serif; color:#437c4a; font-size:11px; font-weight:bold;}
	
	#Nav ul ul{padding:0 18px 0 0;}
	#Nav ul ul li{padding:0 0 0 0; list-style:none; color:#fff; margin:0}
	#Nav ul ul li a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:10px; text-decoration:none; font-weight:normal;}
	#Nav ul ul li a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:10px; font-weight:normal; text-decoration:underline}
	#Nav ul ul li a.current{font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:10px; font-weight:normal; text-decoration:underline}
	
#Footer{width:640px; padding-top:14px; text-align:center; text-transform:uppercase; margin:0 auto}
	#Footer ul { padding:4px 0 0 0px; text-align:center; margin:0 auto}
	#Footer li { padding:0 18px 0 18px; float:left; list-style:none; color:#7f7f7f; font-size:10px}
	#Footer a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#7f7f7f; font-size:10px; text-decoration:none;}
	#Footer a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; color:#d56617; font-size:10px; text-decoration:none;}
	#Footer a.current { font-family:Verdana, Arial, Helvetica, sans-serif; color:#d56617; font-size:10px; text-decoration:none;}
	
#Locations{ width:710px; padding-top:8px; text-align:center; text-transform:uppercase; margin:0 auto}
	#Locations ul { padding:4px 0 0 0px; text-align:center; margin:0 auto}
	#Locations li { padding:0 14px 0 14px; float:left; list-style:none; color:#000; font-size:10px}
		
/* hp */	
#HPMiddle{ background:url(../images/hp_middle.jpg) no-repeat; width:924px; height:439px}

#LeftCol{ width:200px; float:left; height:430px}
#Testimonial{ width:134px; padding-left:52px; padding-top:33px; float:left; text-indent:28px}
#Link{ font-size:10px; float:right; text-transform:uppercase; margin-top:24px; padding-right:6px}
	#Link a{ color:#fff; padding-right:10px}
	#Link a:hover{ color:#fff; text-decoration:none;}
	
#HPButtons{ background:url(../images/hp_buttons.jpg) no-repeat; width:924px; height:167px;}
	#HPButtons p { padding:60px 165px 0 3px; font-size:9px; text-transform:uppercase; font-weight:none; color:#fff}
	
	#HPButtons a { color:#000000; text-decoration:none}
	#B1 { float:left; width:262px; height:135px; margin-right:35px; margin-left:34px; margin-top:15px; cursor:pointer;}
	#B2 { float:left; width:262px; height:135px; margin-right:36px; margin-top:15px; cursor:pointer;}
	#B3 { float:left; width:262px; height:135px; margin-right:0px; margin-top:15px; cursor:pointer;}
	
	*html #B1 { float:left; width:262px; height:135px; padding:0; margin:0 35px 0 17px; cursor:pointer;}
	*html #B2 { float:left; width:262px; height:135px; padding:0; margin:0 36px 0 0px; cursor:pointer;}
	*html #B3 { float:left; width:262px; height:135px; padding:0; margin:0 0px 0 0px; cursor:pointer;}

/* sub */
#SubMiddle{ background:url(../images/sub_content_Slice.jpg) repeat-y; width:924px;}
#jb_SubMiddle{ background:url(../images/jb_content_Slice.jpg) repeat-y; width:924px;}
#NavCol{ background:url(../images/navBox.jpg) no-repeat; width:207px; height:291px; float:left}

#HeaderJS {background:url(../images/header_js.jpg) no-repeat; float:left; width:717px; height:162px}
#HeaderContact {background:url(../images/header_contact.jpg) no-repeat; float:left; width:717px; height:162px}
#HeaderAbout {background:url(../images/header_about.jpg) no-repeat; float:left; width:717px; height:162px}
#HeaderEmp {background:url(../images/header_employers.jpg) no-repeat; float:left; width:717px; height:162px}

#Grad{ background:url(../images/sub_grad_Slice.jpg) no-repeat; height:138px; width:33px; float:right; overflow:hidden;}

#Copy{ width:460px; float:left; padding:8px 16px 14px 30px}
	#Copy p{ padding:0 0 10px 0}
	#Copy img { margin-bottom:16px; clear:both; padding-right:70px}
	#Copy ul { padding:0 0 10px 30px;}
	#Copy li { padding:2px 0 2px 2px; font-size:11px;}
	#Copy .testimonial { background-color:#ddd; padding:10px; margin:0 0 10px 0}
	
#Copy2{ width:660px; float:left; padding:8px 16px 14px 30px}
	#Copy2 p{ padding:0 0 10px 0}
	#Copy2 img { margin-bottom:16px; clear:both; padding-right:70px}
	#Copy2 ul { padding:0 0 10px 30px;}
	#Copy2 li { padding:2px 0 2px 2px; font-size:11px;}
	#Copy2 .testimonial { background-color:#ddd; padding:10px; margin:0 0 10px 0}
	
#RightCol{ float:left; width:148px; padding:10px; margin:0; font-size:10px;}
	#RightCol h4{color:#000; font-size:14px; padding:0 0 10px 0; margin:0}
	#RightCol p{ padding:0 0 10px 0; font-size:10px}
	#RightCol a { color:#000}
	#RightCol ul { padding:0 0 10px 22px; margin:0}
	#RightCol li { padding:2px 0 2px 1px; font-size:10px; margin:0}
	#OrangeBtn { background:url(../images/btn_orange.gif) no-repeat bottom; padding:10px 0 10px; width:150px; height:11px; cursor:pointer}
	
#SubTestimonial{ width:150px; padding:14px 10px 10px 44px; margin-top:4px}
	#SubTestimonial p{ padding:8px 4px 0 4px;}
	#SubTestimonial img { padding:0 6px 0 0}
	#TestBtn { background:url(../images/btn_blue.gif) no-repeat bottom; padding:0px 0 10px; clear:both; width:150px; height:11px; cursor:pointer}

/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}	/* I don't currently rely on .clear */
.min431px {height:240px;}
.min300px {height:300px;}
/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}