/* ========================================================================= */
/* UNIVERSAL STYLES                                                          */
/* ========================================================================= */

	* { margin: 0; padding: 0; }
	html, body { font: 12px/150% "Lucida Grande", Helvetica, Arial, sans-serif; background: #fff; color: #868686; }



/* ========================================================================= */
/* LAYOUT STYLES                                                             */
/* ========================================================================= */

	#wrapper { background: #F8F8F7; border-bottom: 1px solid #e3ebf0; }
	#wrapper-inner { margin: 0 auto; background: url(../images/bg_content-top.jpg) no-repeat 50% 0; padding: 20px 0 0 0; width: 960px; }
	#header { background: url(../images/bg_header-repeat.jpg) repeat-x 0 0; width: 100%; }
	#header-inner { background: url(../images/bg_header.jpg) no-repeat 50% 0; width: 960px; margin: 0 auto; }
	#header-inner { height: 125px; }
	.index #header-inner { height: 234px; }
	#contentarea { background: url(../images/bg_border.gif) repeat-y 625px 0; overflow: hidden;}
	#content-sub { width: 330px; float: right; }
	#content-main { width: 625px; float: left; padding-bottom: 40px; }
	#content-index { background: url(../images/bg_content-index.gif) no-repeat 0 0; }
	#content-index-inner { background: url(../images/bg_content-index.gif) no-repeat 0 100%; clear: both; height: 20px; }
	.post { padding-top: 10px; }
	#clientbuzz { float: left; width: 225px; margin: 40px 0 0 19px; padding: 0 20px; }
	#content-footer { background: #E8ECEF; clear: both; padding: 20px; }
	#footer { background: url(../images/bg_footer.jpg) no-repeat 50% 0; padding: 1px; }
	#footer-inner { width: 960px; margin: 0 auto; }
	#footer-nav { padding: 20px; overflow: hidden; }


/* ========================================================================= */
/* ELEMENT STYLES                                                            */
/* ========================================================================= */

	h1 { margin: 20px 0; font: normal 26px Georgia, Times, 'Times New Roman', serif; color: #07508e;  }
	h2 { margin: 20px 0; font: normal 21px Georgia, Times, 'Times New Roman', serif; color: #07508e; }
	h3 { margin: 20px 0; font: normal 18px Georgia, Times, 'Times New Roman', serif; color: #07508e; }
	h4 { margin: 20px 0; font: normal 12px Georgia, Times, 'Times New Roman', serif; color: #07508e; }
	p { margin: 15px 0; }
	ul { margin: 20px; }
	ul ul { margin: 0 20px; }
	ul li { margin: 10px 0; } 
	ol { margin: 20px 20px 20px 25px; }
	a { text-decoration: none; outline: none; color: #07508e; }
	a:hover { text-decoration: underline; }
	a img { border: none; }
	blockquote { margin: 20px 20px 0 20px; }
	cite { margin: 0 20px 20px 20px; }
	iframe { margin: 40px 0; }
	

/* = ELEMENT STYLES: Classes and ID's ====================================== */	

	h1.logo { float: left; margin-top: 35px; }
	h1.logo a { display: block; text-indent: -9000px; background: url(../images/logo.png) no-repeat 0 0; width: 286px; height: 61px; }
	.index h1.logo { float: left; margin-top: 50px; }

	#header-inner h2 { font: normal 20px/30px Georgia, Times, 'Times New Roman', serif; color: #fff; clear: right; margin: 0 20px 0 362px; padding-top: 10px;  }

	#clientbuzz h3 { margin-top: 17px; margin-bottom: 0; }
	#clientbuzz h3 img { vertical-align: middle;  }
	#clientbuzz h3.clients { margin: 15px 0 10px 0; }
	#clientbuzz p { margin: 0 0 20px 0; }
	
	.clientbuzz-slide { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 20px; overflow: hidden; height: 132px; }
	ul#clientbuzz-nav { list-style: none; overflow: hidden; margin: 10px 0 10px 0; }
	ul#clientbuzz-nav li { float: left; }
	ul#clientbuzz-nav li a { display: block; height: 12px; width: 12px; background: url(../images/icon_content-cycle-page.gif) no-repeat 0 0; }
	ul#clientbuzz-nav li a:hover,
	ul#clientbuzz-nav li a.activeSlide { background: url(../images/icon_content-cycle-page.gif) no-repeat 0 -100px; text-decoration: none; }
	
	.quoter { text-transform: uppercase; font: normal 10px/150% Verdana, Helvetica, Arial, sans-serif; }
	.quoter strong { color: #07508e; }
	
	#content-index h4 { float: left; text-transform: uppercase; font: bold 10px/150% Verdana, Helvetica, Arial, sans-serif; color: #b1b9be; margin: 15px 0 0 0; }
	
	#featured-clients { position: relative; margin-bottom: 40px; width: 584px; height: 312px; }
	#featured-clients .item { width: 584px; height: 311px; } 
	#featured-clients-slide { border: 9px solid #d8dde0; width: 584px; position: relative; height: 311px; overflow: hidden; }
	#featured-clients-nav { position: absolute; top: 155px; z-index: 99; width: 584px; }
	#featured-clients-prev { float: left; margin: 0 0 0 20px; }
	#featured-clients-next { float: right; }
	#featured-clients-nav ul {  list-style: none; margin: 145px 0 0 20px; }
	#featured-clients-nav ul li { float: left; }
	#featured-clients-nav ul li a { display: block; width: 10px; height: 6px; background: url(../images/icon_cycle-page.png) no-repeat 50% 0; text-indent: -9000px; }
	#featured-clients-nav ul li a:hover,
	#featured-clients-nav ul li a.activeSlide { background: url(../images/icon_cycle-page.png) no-repeat 50% -100px; }
	#featured-clients h4 { text-transform: uppercase; font: bold 10px/150% Verdana, Helvetica, Arial, sans-serif; color: #fff; margin: 15px 0 120px 50px; }
	#featured-clients h5 { font-size: 16px; line-height: 120%; margin: 10px 275px 0 50px; color: #000; }
	#featured-clients p { font-size: 11px; line-height: 120%; margin: 10px 275px 0 50px; color: #000;  }
	#featured-clients-slide a { position: relative; z-index: 100; color: inherit; }
	
	.black { color: #000; }
	.gray { color: #888; }
	.white { color: #fff; }
	.blue { color: #07508e; }
	
	#recent-posts { line-height: 20px; float: right; width: 242px; margin-right: 12px; padding: 0 25px;  }
	#recent-posts ul { list-style: none; margin: 0; }
	#recent-posts ul li { border-bottom: 1px solid #cbd4d9; font-size: 12px; padding: 0 0 10px 0; margin-top: 10px; }
	#recent-posts ul li em { font-style: normal; text-transform: uppercase; font: bold 9px/150% Verdana, Helvetica, Arial, sans-serif; }

	#content-sub #recent-posts { float: none; width: auto; margin: 0 0 40px 0; padding: 0 25px; overflow: hidden;  }

	#tags { padding: 0 25px;  }
	#tags h3 { margin: 40px 0 10px 0; }
	#tags ul.wp-tag-cloud { list-style: none; text-transform: capitalize; overflow: hidden; margin: 0;  }
	#tags ul.wp-tag-cloud li { float: left; padding: 0 10px 0 0; margin: 0; }
	#tags ul.wp-tag-cloud li a { color: #B1B9BE; }
	#tags ul.wp-tag-cloud li a:hover { color: #07508e; text-decoration: none; }





	
	#testimonials { background: url(../images/bg_testimonials.jpg) no-repeat 0 50px; padding: 0 25px; font-style: italic; }
	
/*	background: url(../images/bg_testimonials.jpg) no-repeat 0 65px;

	#recent-posts { margin: 0 0 0 20px; }	
	#recent-posts h2 { border-bottom: 1px solid #cbd4d9; margin-bottom: 0; padding-bottom: 15px; }
	#recent-posts h4 { text-transform: uppercase; font: bold 10px/150% Verdana, Helvetica, Arial, sans-serif; color: #b1b9be; background: url(../images/bg_border.gif) repeat-x 0 100%; padding-bottom: 5px; }
	#recent-posts ul { list-style: none; margin: 0; }
	#recent-posts ul li { border-bottom: 1px solid #cbd4d9; font-size: 14px; padding: 15px 0; }
	#recent-posts ul li em { font-style: normal; text-transform: uppercase; font: bold 9px/150% Verdana, Helvetica, Arial, sans-serif; }
*/	
	a.rss-big { margin: 17px 0 0 0; display: block; float: right; padding-right: 30px; text-transform: uppercase; font: bold 9px/25px Verdana, Helvetica, Arial, sans-serif; color: #b1b9be; background: url(../images/icon_rss-big.gif) no-repeat 100% 50%; }
	a.feedburner { text-transform: uppercase; font: bold 9px/25px Verdana, Helvetica, Arial, sans-serif; color: #b1b9be; float: right; }
	p.twitterfollow { text-transform: uppercase; font: bold 9px/25px Verdana, Helvetica, Arial, sans-serif; color: #b1b9be; float: left; margin: 7px 0 0 70px; line-height: 120%; }
	p.twitterfollow a { color: #33C4F3; }
	
	#twitter { background: url(../images/bg_twitter.gif) no-repeat 0 100%; margin: 60px 0 20px 0; padding-bottom: 50px; clear: both;  }
	#twitter ul { width: 330px; background: url(../images/bg_twitter.gif) no-repeat 0 0; clear: both; margin: 0; list-style: none; }
	#twitter ul li { padding: 20px 30px 20px 50px; color: #6A9E70; font: normal 14px/21px Georgia, Times, 'Times New Roman', serif; font-style: italic;}
	#twitter ul li > a { display: block; text-transform: uppercase; color: #B1B9BE; font-style: normal; font: 9px/150% Verdana, Helvetica, Arial, sans-serif; margin-top: 10px; }
	/*#twitter ul { list-style: none; margin: 0 10px 0 28px; border: 1px solid #eee; padding: 20px; color: #6A9E70; font: normal 18px/24px Georgia, Times, 'Times New Roman', serif; font-style: italic; }
	#twitter ul li {border: 1px solid #f00;   }
	*/
	
	#content-footer ul { overflow: hidden; margin: 0; list-style: none; font-size: 9px; }
	#content-footer ul li { float: left; width: 210px; margin-right: 20px; } 
	#content-footer ul li p { margin: 0; } 
	#content-footer ul li.last { margin-right: 0; } 
	#content-footer ul li.icon p { padding: 0 0 0 13px; margin: 0; width: 190px; }
	#content-footer ul li.rss strong { background: url(../images/icon_rss.gif) no-repeat 0 30%; padding-left: 13px; }
	#content-footer ul li strong { color: #07508e; }
	
	#footer-nav ul { margin: 0 20px 0 0; list-style: none; float: left; width: 110px; font-size: 9px; }
	#footer-nav ul li { padding: 2px 0 2px 5px; }
	#footer-nav ul li.page { border-left: 1px solid #ccc; font-weight: bold; }
	#footer-nav ul li a { color: #888; }
	#footer-nav ul li.page a  { color: #07508e; }
	#footer-sub p { font-size: 9px; text-align: center; margin: 20px 0 50px 0; }

	.slickbox { display: none; padding-bottom: 20px; overflow: hidden; }
	.slickbox ul { margin: 0 20px; }
	.slick-slidetoggle { text-transform: uppercase; color: #B1B9BE; font-style: normal; font: 9px/150% Verdana, Helvetica, Arial, sans-serif; text-align: right; display: block; border-top: 1px solid #cbd4d9; }
	a:hover.slick-slidetoggle { text-decoration: none; }
	
	h1.title { text-transform: capitalize; }
	h1#comments { margin-top: 60px; }
	
	.post { margin: 20px 60px 0 0; }
	.post.listing h2 { background: url(../images/bg_border.gif) repeat-x 0 100%; padding-bottom: 10px; margin-bottom: 0; }
	
	#content-sub img { border: 5px solid #E9ECEE; border-left: none; }
	
	#content-main h1 { background: url(../images/bg_border.gif) repeat-x 0 100%; padding-bottom: 10px; margin-bottom: 0; }
	img.aligncenter { display: block; margin: 20px auto; border: 5px solid #E9ECEE;  }
	p.tags  { margin-top: 0; text-transform: uppercase; color: #B1B9BE; font: bold 9px/150% Verdana, Helvetica, Arial, sans-serif; margin-top: 0; }
	p.tags a { color: #B1B9BE; }
	p.tags a:hover { color: #07508e; text-decoration: none; } 
	
	.navigation { margin: 40px 0 0 0; background: url(../images/bg_border.gif) repeat-x 0 0; overflow: hidden; padding: 5px 10px; }
	.navigation .alignleft { float: left; }
	.navigation .alignright { float: right; }
	.navigation a { text-transform: uppercase; color: #B1B9BE; font: bold 9px/150% Verdana, Helvetica, Arial, sans-serif; }
	.navigation a:hover { color: #07508e; text-decoration: none; } 
	
	.comments { margin: 20px 60px 0 0; }
	ol#commentlist { list-style: none; margin: 0; }
	ol#commentlist li { background: url(../images/bg_border.gif) repeat-x 0 0; overflow: hidden; padding: 5px 0 40px 0; }
	ol#commentlist li p { margin: 0 0 10px 90px; }
	ol#commentlist li p.tags { margin: 0 0 20px 0; }
	img.avatar { border: 5px solid #E9ECEE; float: left; }
	
	p.social-networks { background: url(../images/bg_border.gif) repeat-x 0 0; padding-top: 10px; margin-top: 40px; }
	p.social-networks span { display: block; float: left; margin: 3px 5px 0 0; }
	p.social-networks img { display: block; float: left; margin: 0 5px 0 0;}

	.list { float: left; width: 270px; } 
	.clear { clear: both; }
	
	.buzz { overflow: hidden; padding-bottom: 20px; }
	.buzz p { font-size: 14px; line-height: 150%; }
	.buzz p a { font-size: 12px; }
	.buzz img { border: 3px solid #d8dde0; float: left; margin: 17px 0 0 0; }
	.buzz div { margin: 0 0 0 175px; }



/* ========================================================================= */
/* NAV STYLES                                                                */
/* ========================================================================= */


/* = NAV STYLES: Visual Style ====================================== */	
	
	ul.dropdown { margin: 0; float: right; list-style: none; }
	ul.dropdown a { padding: 50px 15px 20px 15px; color: #fff; }
	ul.dropdown a:hover { text-decoration: none; }
	ul.dropdown li { margin: 0 13px;   }
	ul.dropdown li.hover, 
	ul.dropdown li:hover,
	ul.dropdown li.on { background: url(../images/bg_nav-hover.jpg) no-repeat 50% 0;  }
	ul.dropdown *.parent {  }
	ul.dropdown *.parent:hover {  }
	ul.dropdown ul { width: 200px; background: #085293; }
	ul.dropdown ul li { margin: 0; }
	ul.dropdown ul li a { padding: 5px 10px; }
	ul.dropdown ul li.hover,
	ul.dropdown ul li:hover { background: #3EB1E0; }
	ul.dropdown ul *.parent { padding-right: 15px; background: #eee; }
	
	
	
/* = NAV STYLES: Functionality - no need to touch ================== */	
	
	ul.dropdown { list-style: none; position: relative; z-index: 597; margin: 0; }
	ul.dropdown a { display: block; }
	ul.dropdown li { float: left; zoom: 1; }
	ul.dropdown li.hover { position: relative; z-index: 599; }
	ul.dropdown li:hover { position: relative; z-index: 599; }
	ul.dropdown ul { list-style: none; visibility: hidden; position: absolute; top: 100%; left: -1px; z-index: 598; margin: 0 0 0 1px; _margin: 0; }
	ul.dropdown ul li { float: none; *margin-bottom:-4px; }
	ul.dropdown ul ul { top: -2px; _top: -3px; left: 199px; margin: 2px 0 0 0; _margin: 2px 0 0 0; }
	ul.dropdown li:hover > ul { visibility: visible; }
	ul.dropdown li.hover > ul { visibility: visible; }
	
	
	

	ul#subnav { background: url(../images/bg_border.gif) repeat-x 0 100%; margin: 0; list-style: none; overflow: hidden; }
	ul#subnav li { float: left; margin: 0 20px 0 0; }
	ul#subnav li a { text-transform: uppercase; font: bold 9px/25px Verdana, Helvetica, Arial, sans-serif; color: #b1b9be; }
	ul#subnav li a:hover { text-decoration: none; color: #07508e; }
	
	

/* ========================================================================= */
/* FORM STYLES                                                               */
/* ========================================================================= */

	form ul { margin: 0; }
	form li { list-style: none; padding: 10px 0; overflow: hidden; border-bottom: 1px solid #E9ECEE;  }
	form li.submitbutton { text-align: center; }
	form li ul { margin: 0; }
	label.description { display: block; font-weight: bold; width: 200px; float: left; }
	label.choice { padding-left: 5px; }
	input.text { width: 300px; padding: 3px; }
	input.checkbox {  }
	input.radio {  }
	textarea { width: 300px; height: 100px; font-size: 12px; padding: 3px; }
	select { width: 300px; }