/* THEME NAME: Forte */
/* www.fortemg.com   |   screen.css   |   12/2/08 */

* {margin: 0; padding: 0;}

body {
	background-color: #fff;
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #000; 
	text-align: left; 
	margin: 10px 0 0 30px; 
	padding: 0;
	}
	
#wrap {
	width: 960px; 
	text-align: left; 
	margin: 0;
	padding: 0; 
	float: left;
	background: url(images/wrapper-bg.jpg) bottom left no-repeat;
	}
	
#header { 
	border-bottom: #ccc dotted 1px;
	float: left;
	width: 960px;
	}
	
#logo {
	float: left;
	border: 0;
	}
	
#searchform-no-results {
	float: right;
	width: 230px;
	margin: 10px 0 0 0;
	}
	
#searchform-no-results input.text { 
	width: 150px; 
	float: left;
	margin-right: 8px;
	}
	
#searchform-no-results input.button {
	display: block;
	width: 65px;
	height: 22px;
	background: url(images/search-btn.jpg) 0 0 no-repeat;
	border: 0;
	text-indent: -9999em;
	float: left;
	cursor: pointer;
	}
	
#searchform-no-results input.button:hover { background: url(images/search-btn.jpg) -65px 0 no-repeat; }
	
#nav {
	width: 565px;
	float: left;
	margin: 120px 0 0 180px;
	}
	
#nav li {
	list-style: none;
	float: left;
	}

#nav li a { text-indent: -9999em; }

#nav li#home a {
	background: url(images/nav-home.jpg) 0 0 no-repeat;
	display: block;
	width: 75px;
	height: 27px;
	}
	
#nav li#home a:hover { background: url(images/nav-home.jpg) -122px 0 no-repeat; }

#nav li#home a.active { background: url(images/nav-home.jpg) -122px 0 no-repeat; }

#nav li#approach a {
	background: url(images/nav-approach.jpg) 0 0 no-repeat;
	display: block;
	width: 107px;
	height: 27px;
	}
	
#nav li#approach a:hover { background: url(images/nav-approach.jpg) -122px 0 no-repeat; }

#nav li#approach a.active { background: url(images/nav-approach.jpg) -122px 0 no-repeat; }

#nav li#work a {
	background: url(images/nav-work.jpg) 0 0 no-repeat;
	display: block;
	width: 75px;
	height: 27px;
	}
	
#nav li#work a:hover { background: url(images/nav-work.jpg) -122px 0 no-repeat; }

#nav li#work a.active { background: url(images/nav-work.jpg) -122px 0 no-repeat; }

#nav li#applause a {
	background: url(images/nav-applause.jpg) 0 0 no-repeat;
	display: block;
	width: 100px;
	height: 27px;
	}
	
#nav li#applause a:hover { background: url(images/nav-applause.jpg) -122px 0 no-repeat; }

#nav li#applause a.active { background: url(images/nav-applause.jpg) -122px 0 no-repeat; }

#nav li#about a {
	background: url(images/nav-about.jpg) 0 0 no-repeat;
	display: block;
	width: 80px;
	height: 27px;
	}
	
#nav li#about a:hover { background: url(images/nav-about.jpg) -122px 0 no-repeat; }

#nav li#about a.active { background: url(images/nav-about.jpg) -122px 0 no-repeat; }

#nav li.blog a {
	background: url(images/nav-blog.jpg) 0 0 no-repeat;
	display: block;
	width: 70px;
	height: 27px;
	}
	
#nav li.blog a:hover { background: url(images/nav-blog.jpg) -122px 0 no-repeat; }

#nav li.blog a.active { background: url(images/nav-blog.jpg) -122px 0 no-repeat; }

#nav li#contact a {
	background: url(images/nav-contact.jpg) 0 0 no-repeat;
	display: block;
	width: 55px;
	height: 27px;
	}
	
#nav li#contact a:hover { background: url(images/nav-contact.jpg) -122px 0 no-repeat; }

#nav li#contact a.active { background: url(images/nav-contact.jpg) -122px 0 no-repeat; }
	
#content {
	clear: both;
	width: 950px;
	margin: 20px 0 0 0;
	min-height: 500px;
	}
	
ul#pics {
	width: 960px;
	height: 321px;
	float: left;
	padding: 3px 0;
	border-top: #ccc dotted 1px;
	border-bottom: #ccc dotted 1px;
	margin: 0 0 30px 0;
	overflow: hidden;
	}
	
ul#pics li { list-style: none; }

#subnav {
	width: 560px;
	background: url(images/subnav-bg.jpg) 0 0 no-repeat;
	padding: 12px 0 7px 0;
	float: right;
	margin: 0;
	}
	
#subnav li {
	font-size: 1.2em;
	float: left;
	list-style: none;
	padding: 0 10px 0 10px;
	border-left: #ccc solid 1px;
	color:#666;
	margin: 0;
	}
	
#subnav li.first, #subnav li.last { border-left: none; }

#subnav li a {
	font-weight: normal;
	text-decoration: none;
	float: left;
	}
	
#subnav li a:visited { color: #f50101; }
	
#subnav li a:hover { text-decoration: underline; }

#subnav-none {width: 560px;background-color: #fff; height: 35px;float: right;
margin: 0;}

h3 {
	color: #333;
	font-size: 1.2em;
	text-transform: uppercase;
	clear: both;
	}
	
h2 {
	color: #f50101;
	font-size: 2.0em;
	width: 960px;
	padding: 0 0 15px 0;
	text-transform: uppercase;
	}
	
h2.home { 
	border-top: none;
	padding: 0 0 15px 0;
	}
	
p {
	font-size: 1.2em;
	color: #555;
	line-height: 18px;
	margin-bottom: 20px;
	}
	
ul {
	margin-left: 15px;
}

ul.services-list {width: 250px;float:left;margin-top:0; margin-bottom:0; list-style-type:disc; list-style-position:outside;padding-left: 15px;}

li {
	font-size: 1.2em;color: #555;
	line-height: 16px;
}

li li {
	font-size: 1em;
}
	
a {
	color: #f50101;
	text-decoration: underline;
	font-weight: bold;
	}
	
a:visited { color: #f50101; }

a:hover { color: #ccc; }
	
img.alignright {
	float: right;
	margin: 10px 0 20px 20px;
	padding: 3px;
	}
	
img.alignleft {
	float: left;
	margin: 10px 20px 20px 0;
	}
	
#magnets { 
	float: left;
	margin: 10px 0 30px 0; 
	clear: both;
	}
	
#magnets li a.hide { text-indent: -9999em; }
	
#magnets li {
	width: 135px;
	float: left;
	margin-right: 136px;
	list-style: none;
	}
	
#magnets li.last { margin-right: 0;}
	
#magnets li a {
	display: block;
	width: 132px;
	height: 132px;
	padding: 3px;
	text-indent: -9999em;
	}
	
#magnets li a.one { background: url(images/magnet-client-login.png) 3px 3px no-repeat; }
#magnets li a.two { background: url(images/magnet-case-histories.png) 3px 3px no-repeat; }
#magnets li a.three { background: url(images/magnet-team.png) 3px 3px no-repeat; }
#magnets li a.four { background: url(images/magnet-rabbit-hole.png) 3px 3px no-repeat; }

#content #blog { float: left; width: 700px;}

.sidebar {float: right; width: 200px;}

a.email{
	float: left;
	display: block;
	width: 24px;
	height: 24px;
	background: url(images/email-icon-sm.png) 0 0 no-repeat;
	text-indent: -9999em;
	border: 0;
	margin: 0 10px 20px 0;
	}
	
a.facebook{
	float: left;
	display: block;
	width: 24px;
	height: 24px;
	background: url(images/facebook-icon-sm.png) 0 0 no-repeat;
	text-indent: -9999em;
	border: 0;
	margin-right: 10px;
	}
	
a.facebook.text{ 
	text-indent: 0em;
	width: 150px;
	padding:10px 0 0 55px; 
	height: 48px;
	background: url(images/facebook-icon.jpg) 0 0 no-repeat;
	}
	
a.twitter{
	float: left;
	display: block;
	width: 24px;
	height: 24px;
	background: url(images/twitter-icon-sm.png) 0 0 no-repeat;
	text-indent: -9999em;
	border: 0;
	margin-right: 10px;
	}
	
a.linked-in{
	float: left;
	display: block;
	width: 24px;
	height: 24px;
	background: url(images/linked-in-icon-sm.png) 0 0 no-repeat;
	text-indent: -9999em;
	border: 0;
	}

#footer {
	width: 903px;
	clear: both;
	float: left;
	margin: 0 0 20px 0px;
	}
	
* html #footer { margin: 0 0 20px -5px; }
	
#footer ul { clear: both; }

#footer ul.one { margin-left: 170px; }

#footer ul.two { margin-left: 370px; }

#footer ul.three { margin-left: 320px; }
	
#footer li {
	font-size: 1.1em;
	color:#888;
	list-style: none;
	float: left;
	padding: 0 10px;
	border-right: #ccc solid 1px;
	margin-bottom: 10px;
	}

#footer li.last { 
	padding: 0 0 0 10px; 
	border-right: none;
	}
	
#footer a {
	color: #888;
	text-decoration: none;
	font-weight: normal;
	}
	
#footer a:visited { color: #888; }

#footer a:hover { text-decoration: underline; }

.contact { 
	float: left;
	width: 350px;
	margin: 0 0 30px 0;
	}
	
.contact p {
	clear: both;
	font-size: 1.2em;
	}
	
.clear { clear: both; }
	
/*-----------------------Jquery Slider-------------------------*/

#slider {
    width: 777px;
    position: relative;
	margin: 0 auto;
	clear: both;
	}
	
.scroll { 
	height: 283px;
    width: 771px;
	margin: 0 0 20px 0;
	overflow: auto;
    overflow-x: hidden;
	clear: left;
	position: relative;
	}

.scrollContainer {
    height: 283px;
    width: 771px;
    position: relative;
	float: left;
	border-bottom: #ccc dotted 1px;
	padding: 3px 0;
	background-color: #fff;
	overflow: hidden;
	}
	
.scrollContainer div.panel {
    height: 283px;
    width: 771px;
	}

ul.navigation {
    list-style: none;
    margin: 0 0 20px 28px;
	float: left;
	border: #eee solid 1px;
	}
	
* html ul.navigation { margin: 0 0 0 12px; }

ul.navigation li {
    float: left;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	}
	
ul.navigation img { border: 0; }

ul.navigation a { border: 0; }

ul.navigation a.selected { 
	background-color: #fff;
	color: #000;
	}

ul.navigation a:focus { outline: none; }

.scrollButtons {
    position: absolute;
    top: 325px;
    cursor: pointer;
}

.scrollButtons.left {
    left: 0px;
}

.scrollButtons.right {
    right: 0px;
}

.wp-caption {margin-right: 10px;}

.wp-caption a img {border: 2px solid #ccc; text-decoration:none;}

#TB_closeWindowButton img {border: none;}

.entry-meta {margin-bottom: 25px;padding: 10px; min-height: 85px;}
.entry-meta .author-avatar {float:left;border: 2px solid #000; margin-right: 5px;}
.entry-meta .author {font-size: 1.4em;color: #000;display:block;font-weight: 600;margin-bottom: 5px;}
.entry-meta .author-bio {font-size: 1.2em; color: #000; display:block;}
.entry-title {margin-bottom: 5px;padding-bottom: 0;}
.entry-date {padding-bottom: 0;margin-bottom: 10px;}

.sidebar ul {list-style: none;}
.sidebar li {margin: 10px 0 15px 0;}
.sidebar h3 {margin-bottom: 5px;}