html, body, div, img, ul, li, h1, h2, h3, h4, h5 { margin: 0 auto; padding: 0; border: 0; }

body { font-family: arial; }

a { color: #5F879D; text-decoration: underline; }
a:hover {
	 text-decoration: underline;
}

#container { width: 900px; position: relative; }

#top { 
	height : 110px;
	}
	
#logo { position: absolute; top: 10px; }
	
#nav { 
	height: 47px;
	position: absolute;
	right: 0; top: 43px;
	border-top: 3px solid #60A18D;
	border-right: 1px solid #60A18D;
	padding-top: 20px;
	padding-right: 5px;
	}
	
#nav li {
	list-style-type: none; 
	display: inline; 
	padding-bottom: 6px;
	}
	
#nav li.current {
	/* border-bottom: 3px solid #60A18D; */
	}
	
#nav a {
	color: #5F879D;
	border-left: 1px solid #60A18D;
	text-decoration: none;
	padding-left: 10px; padding-right: 10px;
	padding-bottom: 6px;
	}

#navDiagLeft { width:0; height:0; border-right:3px solid #60A18D; border-bottom:3px solid #fff; position: absolute; top:-3px; left:0; }
#navDiagRight { width:0; height:0; border-left:3px solid #60A18D; border-top:3px solid #fff; position: absolute; top:-3px; right:-1px; }
	
#navCurrent { width: 0px; height: 3px; background: #60A18D; position: absolute; bottom: 22px; display: none; }
#diagLeft { width:0; height:0; border-right:3px solid #60A18D; border-bottom:3px solid #fff; float:left; }
#diagRight { width:0; height:0; border-left:3px solid #60A18D; border-top:3px solid #fff; float:right; }
@media only screen and (max-device-width: 480px)  {
	 #diagLeft, #diagRight, #navDiagLeft, #navDiagRight { display: none !important; }
}
	
#navCurrent { width: 0px; height: 3px; background: #60A18D; position: absolute; bottom: 22px; display: none; }
	
#middle { 
	border: 1px solid #60A18D;
	min-height: 301px; 
	padding: 17px;
	position: relative;
	}
	
#content {
	width: 630px;
	color: #747474;
	font-size: 14px;
	line-height: 22px;
	float: left;
	padding-bottom: 20px;
	}
#content.full { width: auto; }
	
	h1, h2, h3, h4, h5 { text-transform: capitalize; }
	
	#content h1 {
		color: #5F879D;
		margin-bottom: 10px;
line-height: 30px;
		}
	#content h1 span { font-size: 18px; line-height: 28px; }
	
	#content h2 { color: #5F879D; }
	
	#content h3 {
		margin: 20px 0 0px 0;
		color: #5F879D;
		}
		
	#content li {
	margin-bottom:10px;
	margin-left:15px;
	}

#content img {
	margin-top: 15px; margin-bottom: 15px;
}
#content img.alignleft {
float: left;
	margin-right: 15px;
padding: 5px; border: 1px solid #60A18D;
}
#content img.alignright {
float: right;
	margin-left: 15px;
padding: 5px; border: 1px solid #60A18D;
}

	
#sidebar {
	width: 184px;
	background: #FEF2D2;
	/* position: absolute;
	right: 17px; top: 17px; */
        float: right;
	padding: 5px 5px 10px 10px;
	border-right: 1px solid #DFD4B5;
	border-bottom: 1px solid #DFD4B5;
	}
	
	#sidebar h4, #sidebar h4 a { margin: 0; padding: 0; color: #60A18D; border-bottom: 1px solid #DFD4B5; margin-bottom: 5px; }
	#sidebar h4 a:hover { text-decoration: none; }
	#sidebar ul {}
	#sidebar li { 
		list-style-type: none; 
		margin-left: 10px; 
		margin-bottom: 15px;
		font-weight: bold; 
		font-size: 14px; 
		position: relative;
		}
	#sidebar a { text-decoration: none; }
	#sidebar a:hover { text-decoration: underline; }
	#sidebar div.current { 
		width: 0px; height: 0px; 
		border-right: 5px solid #5F879D; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid transparent; 
		position: absolute;
		left: -15px; top: 3px;
		}
#sidebar.blog {}
#sidebar.blog h3{
padding-top: 10px;
padding-bottom: 5px;
color: #60A18B;
}
#sidebar.blog:nth-child(1){
	margin-top:0;
}
#sidebar.blog li {
	margin-bottom: 5px;
        font-weight: normal;
        font-color: #666;
        font-size: 14px;
}
#sidebar.blog li:nth-child(1){
	padding-top:10px !important;
}


	
#video { 
	width: 533px; height: 300px;
	background: url('images/video.jpg') center no-repeat;
	float: left;
	}
	
#filmstrip { 
	width: 60px; height: 300px;
	float: left;
	position: relative;
	}
	
#filmstrip td { position: relative; width: 60px; height: 60px;}
	
#filmstrip img { position: absolute; margin-top: -30px; }
	
#filmstripFrame {
	width: 58px; height: 298px;
	position: absolute; top:0; left: 0;
	border: 1px solid #60A18D;
	}
	
#filmstripFrame div {
	width: 58px; height: 59px;
	border-bottom: 1px solid #60A18D;
	float: left;
	}
	
#middleContent {
	width: 231px; height: 191px;
	background: #fef2d2 url('images/providing.jpg') center 23px no-repeat;
	padding: 110px 20px 0 20px;
	float: left;
	text-align: center;
	}
	
/* Page Specific */
	/* Careers */
	.contact_square {
		width: 177px; height: 162px; background: url('images/square_contact.jpg') no-repeat; float: left; margin-right: 10px;
		padding-top: 15px; padding-left: 13px;
		color: #ffffff;
		}
	#content div.contact_square a, #content div.contact_square h3 {
		font-family: helvetica, arial, sans-serif; color: #fff; font-size: 32px;
		text-decoration: none;
		line-height: 38px;
		font-weight: normal;
		padding: 0; margin: 0;
		}
		
	/* Have You Met */
	#haveyoumet_left {
		width: 500px;
		float: left;
		color: #787878;
		line-height: 22px;
		}
	#haveyoumet_left img { border: 5px solid #608a9e; margin-bottom: 25px; max-width: 480px; }
	#haveyoumet_right {
		width: 104px;
		float: right;
		position: relative;
		margin-top: 40px;
		}
	#haveyoumet_right img {  cursor: pointer; }
	#haveyoumet_right .arrow {
		border-color: transparent #608A9E transparent transparent;
		border-style: solid;
		border-width: 15px;
		height: 0px;
		width: 0px;
		position: absolute;
		left: -25px;
		top: 35px;
	}
	#content.haveyoumet h3 { font-size: 24px; margin-bottom: 5px; }
	#content.haveyoumet li { list-style-type: none; }
	
	/* What We Do */
	#content.wwd li { list-style-type: none; }
	.whatwedo .subtitle { 
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 16px;
		padding-left: 10px;
		text-transform: lowercase;
		font-weight: normal;
		}
	.wwd_box {
		width: 170px;
		height: 170px;
		background: #73A491;
		margin: 5px;
		float: left;
		border: 5px solid #73A491;
		overflow: hidden;
		color: #fff;
		line-height: 20px;
		cursor: pointer;
		}
	.wwd_box.title { background: #6A8D9E; border-color: #6A8D9E; }
	.wwd_box.shown { cursor: default; }
	.wwd_box h4 {
		color: #fff;
		font-size: 24px;
		font-family: arial;
		text-transform: uppercase;
		line-height: 24px;
		}
	.wwd_icon { position: absolute; top: -110px; right: 80px; padding: 5px; }
	#clients {
		color: #989889;
		font-size: 14px;
		line-height: 24px;
		}	
		
	.howcan { width: 207px; height: 74px; background-image: url('images/howcan_btn2.jpg'); float: left; background-repeat: no-repeat; margin-right: 15px; cursor: pointer; }
	.howcan.reach { background-position: left top; margin-left: 10%; margin-right: 10%; }
	.howcan.support { background-position: right top; margin-right: 10%; }
	/*.howcan.reach:hover { background-position: left bottom; }
	.howcan.support:hover { background-position: right bottom; }*/
	
	#lightbulb { width: 245px; height: 151px; background: url('images/lightbulb.jpg'); position: absolute; right: 10px; top: 140px; }
	#lightbulb_shine { width: 228px; height: 228px; background: url('images/lightbulb_shine.png'); position: absolute; top: -35px; left: -35px; display: none; zoom:1; }
	
	/* Accordion */
	ul.accordion, ul.accordion ul {
	  list-style-type:none !important;
	  margin: 0;
	  padding: 0;
	  width: 500px;
	}
	
	ul.accordion blockquote { border-color: #73a492 !important; }
	
	ul.accordion a {
	  display: block;
	  text-decoration: none;	
	}
	
	ul.accordion li {
	  margin-top: 1px;
	}
	
	ul.accordion li a {
	  background: #608a9e;
	  color: #fff !important;	
	  padding: 0.5em;
	}
	
	ul.accordion li a:hover {
	  background: #73a492;
	}
	
	ul.accordion li ul li a {
	  background: #ff9900;
	  color: #000;
	  padding-left: 20px;
	}
	
	ul.accordion li ul li a:hover {
	  background: #aaa;
	  border-left: 5px #000 solid;
	  padding-left: 15px;
	}
	
	/* What We Do Tool */
	#wwdTool { width: 100%; }
	#wwdToolbar { background: #608a9e; height: 30px; line-height: 30px; }
	#wwdToolbar ul { margin: 0; padding: 0; }
	#wwdToolbar li { list-style-type: none; display: inline; font-weight: bold; color: #fff; text-decoration: none !important; font-size: 16px; cursor: pointer; }
	#wwdToolbar li.selected { color: #608a93; background: #fff; padding: 3px; }
	button.wwd {
		border: 1px solid #a9a9a9;
		color: #888888;
		background: url('images/button_selected.png') repeat-x 50% 50%; 
		padding: 6px;
		text-align: center;
		margin: 0;
		cursor: pointer;
		font-family: "Segoe UI",Frutiger,Tahoma,"Helvetica","Helvetica Neue",Arial,sans-serif;
		font-weight: bold;
		font-size: 12px;
		outline: none; 
	}
	button.wwd:active { outline: 0; }
	button.wwd.bleft { -moz-border-radius-bottomleft:4px; -moz-border-radius-topleft:4px; margin-right: -4px; }
	button.wwd.bright { -moz-border-radius-bottomright:4px; -moz-border-radius-topright:4px; }
	button.wwd.selected { background: url('images/button_bg.png') repeat-x center; color: #fff; border-color: #608A9E; }
	button.wwd.selected:hover { background: url('images/button_bg.png') repeat-x top; }
	
	div.tool { position: relative; }
	.tool ul { margin-left: 30px !important; }
	.tool ul li.tab { width: 250px; background: #608A9E; padding: 4px; color: #fff; border: 0; cursor: pointer; }
	.tool ul li li { background: none; color: #608A9E; margin-left: 10px; }
	.tool ul li ul { display: none; }
	.tool li { text-transform: capitalize; }
	
	.tab img { position: absolute; margin-top: -10px; margin-right: 35px; margin-left: -75px; }
	
	.arrowRight {
		font-size: 0px; line-height: 0%; width: 0px;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 10px solid #fff;
		border-right: none;
		margin: 2px 10px 0px 5px;
		float: left;

		}
		
	.arrowDown {
		font-size: 0px; line-height: 0%; width: 0px;
		border-top: 10px solid #fff;
		border-bottom: none;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		margin: 8px 5px 0 0;
		float: left;
		}
		
	/* Our Family */
	img.family {
		border-right:1px solid #FF9900;
		margin-right:15px;
		}
		
	/* Contact Us */
	#contact_info { position: relative; min-height: 400px; margin-top: 50px; margin-left: 50px; }
	.contact_frame {
		width: 510px; height: 333px; background: url("images/contact_frame.png") no-repeat;
		padding-left: 14px;
		padding-top: 14px;
		cursor: pointer;
		}
		
/* /Page Specific */
	
#slogan { 
	font-size: 18px;
	color: #5F879D;
	line-height: 28px;
	margin-top: 23px;
	font-family: arial;
	font-weight: lighter;
	}
	
#bottom { 
	min-height: 98px; 
	margin-top: 44px;
	background: #eeeeee;
	text-align: center;
	font-size: 16px;
	color: #5F879D;
	line-height: 24px;
	}
	
#bottom.home { padding-top: 24px; }
	
#footer {
	text-align: left; 
	font-size: 12px;
	line-height: 16px;
	color: #333;
	padding: 10px;
	}
	
	#footer a { color: #5F879D; }
	
	#footer .col1, #footer .col2, #footer .col3 { width: 250px; float: left; }
	#footer h4 { margin-bottom: 5px; }
	#footer .col1 { }
	#footer .col2 { line-height: 20px; width: 200px; }
	#footer .col3 { width: 400px; }
	#footer .col3 li {
		list-style-type: none; 
		display: inline;
		padding-right: 10px;
		}
	
#bottomMeta {
	font-size: 11px;
	text-align: right;
	padding-top: 5px; padding-bottom: 5px;
	color: #666666;
	}
	
#bottomMeta a { padding-left: 10px; }
	
.spacer { clear: both; height: 25px; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.nopadding { padding: 0 !important; }
.nomargin { margin: 0 !important; }
.nobullets { list-style-type: none; }
.orange { color: #ff9900 !important; }
.blue { color: #608A9E !important; }
.green { color: #60A18B !important; }
.spacer.border { height: 15px; border-bottom: 1px solid #cccccc; margin-bottom: 15px; width: 100%; }

/* Blog */
div.biography b, #author_bio b { color: #7AA891; padding-right: 5px; }
#LikePluginPagelet { width: 60px; !important; }
div.wp-caption { float: left; margin: 5px 10px 5px 0px; padding-left: 10px; border: 1px solid #ccc; line-height: 18px; }
#content .wp-caption img { padding:0; margin:0; }
.wp-caption p { margin:0; padding:0; font-size: 12px; margin-bottom: 5px; }