/* 1.header
   2.main content
   3.about
   4._blog
   5.porfolio
   6.inspire
   7.local
   8.services
   9.footer 
 */

/* reset*/
html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}#footer li a{border-collapse:collapse;border-spacing:0}
body {
	background-image:url(/images/uploads/bk_content.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding:0;
}
#inspire h2{font-family: "MuseoSlab500", Helvetica, sans-serif;}

.navigate{float:left; width:400px;}
.categories{float:left; width:762px; background:url(/images/uploads/bk_category.png) bottom repeat-x; margin-bottom:30px; padding:8px 0;}
p.cat{float:left; padding-left:10px;}
p.cat a {}
p.tag{float:right; }
span.tags{float:right; padding:0 10px 0 3px; }
p.tag span{color:#669933; margin-right:10px;}

html, body {
height: 100%;
}

@font-face {
font-family: 'MuseoSlab500';
	src: url(/fonts/museo_slab_500-webfont.eot);
	src: local('☺'), url(/fonts/museo_slab_500-webfont.woff) format('woff'), url(/fonts/museo_slab_500-webfont.ttf) format('truetype'), url(/fonts/museo_slab_500-webfont.svg#webfontXJXQriAJ) format('svg');
	font-weight: normal;
	font-style: normal;
}
h2 {
	text-transform:uppercase;
	color:#669933;
	font-size:1.4em;
font-weight:lighter;
}
h3{
	line-height:1.4em;
	color:#666;
	display:inline;
	margin:0;
	padding:0;
}
h3 a{
	text-decoration:none;
	color:#669933;
}
h3 a:hover{
	color:#666;
}
.naph a:link{color:#339999;}
.naph a:hover, a:active{color:#666;}
.naph a:visited{color:#666;}

a:link{color:#669933; text-decoration:none;}
a:hover, a:active{color:#666;}
a:visited{color:#666;}
p{
	line-height:1.3em;
	color:#666;
}
ul {display:block;}
li {display:inline;}

#outer_wrapper{
	background:url(/images/imgs/bar.jpg) repeat-x;
	overflow:hidden;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -1em;
}
#inner_wrapper{
	margin:0 auto;
	width:960px;}
/*1.header starts here*/	
#header {
	background:url(/images/imgs/header_bk.jpg) no-repeat;
	height:144px;
	overflow:hidden;
}
a#logo{
	background:url(/images/imgs/logo.png) no-repeat;
	width:162px;
	height:66px;
	text-indent:-9999em;
	float:left;
	margin:65px 5px 0 0;
}
#main_nav{
	width:400px;
	padding-top:118px;
	float:left;
}
#main_nav li a{
	float:left;
	height:17px;
	width:100px;
	background-repeat:no-repeat;
	text-indent:-999em;

}
#main_nav li a:hover{background-position:0% 100%;}
li .matthew:active {background-position:0% 100%;}
li .matthew {background:url(/images/imgs/matthew.png);}
li .naphtali {background:url(/images/imgs/naphtali.png);}
li .about {background:url(/images/imgs/about.png);}
li .blog {background:url(/images/imgs/blog.png);}

#top_nav{
	float:right;
	width:210px;
	padding:10px 0 75px 0;
	}
#top_nav li a{
	float:right;
	height:17px;
	width:70px;
text-indent:-999em;
}
	
li .contact {background:url(/images/imgs/contact.png);}
li .links {background:url(/images/imgs/local.png);}
li .inspired {background:url(/images/imgs/inspired.png);}
#top_nav li a:hover{background-position:0% 100%;}
#header .search {float:right;}
#header .search_button {
	text-transform: uppercase;	
	background:url(/images/imgs/search_b.jpg);
	border:#0033FF none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:.85em;
	height:26px;
	width:75px;
	Float:right;	
padding-bottom:4px;
}
#header .search_input{
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
        border-bottom-width:3px;
	display:inline;
	float:right;
	font-size:1em;
	height:20px;	
	line-height:10px;
	width:180px;
}
 #sub_nav {

	background:url(/images/imgs/subnav_bk.png) repeat-x;
	padding:10px 0 0 0;
height:61px;
}
#sub_nav .naph, #sub_nav .matt{margin:0 auto; width:960px; height:61px;}

#sub_nav ul{
left:73px;	
width:793px;
float:none;
margin:0 auto;
list-style-type: none;
display: list-item;
position:relative;
height:61px;

}	
#sub_nav li{
float:left;
color:#669933;
display:inline-block;
}
#sub_nav a.current{color:#666;}
#sub_nav li a{
font-family: "MuseoSlab500", Helvetica, sans-serif;
width:139px;
	color:#669933;
	text-decoration:none;
	padding:10px;
}
#sub_nav li a:hover{color:#666;}
#sub_nav .naph li a{color:#339999;}
#sub_nav .naph li a.current{color:#666;}
#sub_nav .naph li a:hover{color:#666;}
 /*2.site content */

#content_wrapper{
	width:900px;
	margin:auto;
	padding-left:70px;
}
#content {
	margin:auto;
	padding:75px 0 35px 103px;
	width:900px;
	float:left;	
}
#subnav_content{
float:left;
margin:auto;
padding:5px 0 35px 103px;
width:900px;
}
#content span.thanks{
color:#5F5F5F;
float:left;
font-family:"MuseoSlab500", Helvetica, sans-serif;
font-size:3.4em;
text-transform:uppercase;
text-shadow:3px 1px 1px #CCCCCC;

}

#content h1{
	font-size:1.6em;
	line-height:1.4em;
	font-weight:lighter;
	color:#666;
	width:795px;
	letter-spacing:.01em;
	padding:25px 0;
        float:left;
}
#content h1 a{text-decoration:none;}
#content h1 a:hover{text-decoration:underline;}
#content h1 a.team{	color:#669933;}
#content h1 a.work{color:#339999;}

 #highlight {padding:40px 0;}

#highlight h2{
        font-family:"MuseoSlab500", Helvetica, sans-serif;
        border-bottom:#669933 2px solid;
	width:763px;
	padding-bottom:10px;
	margin-bottom:25px;
}
#highlight p{
	font-size:1.1em;
	padding-bottom:15px;
	
}
#highlight .item {
	float:left;
	text-align:left;
	width:321px;
	padding:0 120px 45px 0;
}
#highlight .item:last-child {padding-right:0;}

#highlight .item h3{
        font-family: "MuseoSlab500", Helvetica, sans-serif;
	font-size:1.2em;
	padding:0 0 6px 0;
  	font-weight:normal;
	display:block;
  }
#highlight .boxgrid{ 
	width: 321px; 
	height: 118px;
	margin:20px 0;
	border:none; 
background:none;
}

#highlight .boxgrid p{ 
	padding-top:40px;
	font-size:1.6em;
}
#highlight .boxgrid a{
	padding:60px 60px 61px 110px;
}
#highlight .boxcaption{ 
	height: 118px; 
}
#highlight .captionfull .boxcaption {
 	top: 118px;
 	left: 0;
 }
.button{display:block; float:left; width:119px}
.button a{
	background:#669933;
	padding:5px;
	margin:5px 0 15px 0;
	text-decoration:none;
	color:#fff;
}	
.button a:hover{
	background:#f4f4f4;
	color:#669933;
}
.naph .button{width:74px;}
.naph .button a{
background:#339999;
	padding:5px;
	margin:5px 0 15px 0;
	text-decoration:none;
	color:#fff;
}
.naph .button a:hover{
	background:#f4f4f4;
	color:#339999;
}
/*3.content_about */

#static{
	margin-left:12px;
}
#static .intro {
	margin-bottom:20px;
	width:795px;
	padding:20px 0;
        font-family: "MuseoSlab500", Helvetica, sans-serif;
	font-size:1.3em;
        line-height:1.5em;
	color:#666;
}

p.intro{font-family: "MuseoSlab500", Helvetica, sans-serif;}
.intro span{
color:#663399;
}
#static .item{
	width:360px;
	float:left;
	padding:15px 84px 60px 0;
}
#static .dropcap{
	padding:5px 5px 0 0;

}

/*4.content__blog */
#content_blog{
	width:785px;
}
.entry_thumb{
width:762px;
margin-bottom:30px;
		
}
.entry_title{
	background:url(/images/imgs/img_blogtitle_bk.png) repeat-x;
	width:762px;
	height:97px;
	position:relative;
	margin-top:-97px;
}

#content .entry_title h1, #subnav_content .entry_title h1{
font-family: "MuseoSlab500", Helvetica, sans-serif;
	width:639px;
	letter-spacing:.1em;
	line-height:1.2em;
	font-weight:lighter;
	padding:15px 0 25px 8px;
	font-size:1.3em;
        
}
#content .entry_title h1 a,#subnav_content .entry_title h1 a{
	color:#fff;
	text-decoration:none;
}
#content .entry_title h1 a:hover{text-decoration:underline;}


.entry_title p{
	color:#fff;
	padding-left:8px;
}

#content_blog .left{
	width:135px;
	text-align:right;
	float:left;
}
#content_blog .left p, #content_blog .left a, #content_blog .left h3 {float:right; line-height:1.2em; padding-bottom:9px; width:200px;}
}
#content_blog .center h3 {float:left; padding:5px 0;}
#content_blog .center{
	float:left;

	width:590px;
	margin-left:40px;
}
#content_blog .center img{padding:15px 0;}
#content_blog .center h2{padding:15px 0; font-size:1.2em; }
/*content_blog ends entry starts*/
a.comments{
	position:absolute;
	top:14px;
	left:700px;
	color:#FFF;
	background:url(/images/imgs/quotes_sm.png) no-repeat;
	width:36px;
	height:30px;
	margin:0 0 0 10px;
	padding:5px 0 0 13px;
}
a.comments:hover{text-decoration:none;}

p.intro {
	color:#669933;
	font-size:1em;
	line-height:1.4em;
	padding-bottom:30px;
	
}
.comment_box{background-color:#fff; border:1px #ccc dashed; padding:15px;margin:25px 0;}
#content_blog p.previous_article{line-height:1.1em;}
#content_blog p{padding-bottom:15px;}
#content_blog p.feedback{
	color:#669933;
}
#content_tutorial{
	padding-bottom:35px;
}
#comment {
	float:left;
padding-bottom:65px;
	width:590px;
}
#comment h3 {padding:5px 0;}
.form_left{width:200px; float:left;}
.form_right{width:340px; float:right; padding-top:10px;}
.form_right p{float:right; font-size:.9em; color:#666;}
#contact_area .submit{cursor:pointer; background:url(/images/imgs/sendit_bk.jpg) no-repeat; float:right; border:none; text-indent:-999em; width:108px; height:23px;}
/* content ends here ask starts*/
#ask {
	Width:800px;
	float:left;
}
#ask h1{
	font-family: "MuseoSlab500", Helvetica, sans-serif;
        padding:0 0 55px 0;
        margin:55px 0 0 0;
        font-size:1.6em;
        color:#666;
}

#ask h1 span{float:none; padding:0; display:inline;} 

#ask h1.matt span{color:#669933;}

#ask h1.naph span{color:#339999;}

#ask h1.both span{color:#663399;}

#ask .contact{padding:22px 7px 0 0; float:left;}
#ask span{
	display:block;
	padding:25px 8px 0 0;
	color:#669933;
        float:left;
	
}
#ask .email{float:left; padding-top:3px;}
#ask .links {float:left; width:370px;}

/*5.portfolio starts here*/
#portfolio_nav{
	float:left;
	width:200px;
        padding-right:10px;
}
#portfolio_nav .description{margin:15px 0;}
#portfolio_nav .button{width:74px;}
#portfolio_nav ul {display:block;}
#portfolio_nav h3{
font-family: "MuseoSlab500", Helvetica, sans-serif;
	font-size:1.5em;
font-weight:normal;
line-height:1;
}

#portfolio_nav img{
	float:left;
padding-top:30px;
margin-left:-15px;

}
#portfolio_nav li a{
	text-decoration:none;
	line-height:1.4em;
}
#portfolio_nav p{
        font-size:.9em;
        padding:10px 0 0 0;

}
#portfolio_nav .tools{
font-style:italic;
font-size:.7em;
color:#999;
padding:0 0 15px 0;
}
#portfolio_nav .quote{
padding:10px 0;
float:left;
background:url(/images/imgs/img_port_quotes.png) top left no-repeat;
}
#portfolio_nav .quote p{
float:right;
font-size:.8em;
font-style:italic;
color:#666;
}
#portfolio_nav .visit{
width:200px;
padding:0 0 15px 0;
float:left;
}

.naph li a{
	color:#74c1bf;
}
.naph li a:hover{
	color:#666;
}
#portfolio_content_left{
width:600px;
	float:left;
}
/*boxgrid*/
 #portfolio_content_left .item{
 	width:155px;
	text-align:center;
 	float:left;
	font-size:.8em;
	padding:10px 10px 10px 15px;
	margin:0 10px 20px 10px;
	height:122px;
 }
  .item h3 a{
  font-size:1.2em;
  	font-weight:normal;
}
.naph .item h3 a{
	color:#74c1bf;
}
.naph .item h3 a:hover{
	color:#666;
}
.boxgrid{ 
	width: 144px; 
	height: 62px; 
	margin:0 0 20px 0; 
	float:left; 
	background:#161613;
	overflow: hidden; 
	position: relative; 
	border:#ccc 7px solid;
        border-bottom:url(/images/imgs/bk_shadow.png) bottom no-repeat;
	
}
.boxgrid img{ 
	position:absolute; 
	top: 0; 
	left: 0; 
}

.boxgrid p{ 
	padding-top:20px; 
}
.boxgrid a{
	text-decoration:none; 
	padding:31px 30px 31px 30px;
	color:#666;
}
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
}
.captionfull .boxcaption {
 	top: 62px;
 	left: 0;
 }

#shadow {
bottom:5px !important;
margin-bottom:0;
position:relative;
width:158px;
top:0;
}
index....6970088 (line 527)


 /* rotator in-page placement */
#rotator {
	position:relative;
	height:525px;
width:570px;
	margin-top:15px;
        border:8px #ccc solid;
        background-color:#fff;
}
/* rotator css */
#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
#rotator ul li img {
	background: #FFF;
}
#rotator ul li.show {
	z-index:500;
}
/*6.inspire starts*/
#inspire img {
	margin:10px 0;
	padding:0;
	border:#666 10px solid;
}
#inspire #naph_inspire img:hover {
	border:#339999 10px solid;
}
#naph_inspire .intro{
	color:#339999;
}
#naph_inspire h2{
	color:#339999;
}
#inspire img:hover{
border:#669933 10px solid;
}
#inspire h2 {
	font-size:1.6em;
	padding-bottom:30px;
	font-weight:normal;
}
#inspire .intro{width:800px;}
/*7.local starts here*/
#local .item{
 	width:155px;
	text-align:center;
 	float:left;
	font-size:.8em;
	padding:10px 10px 10px 15px;
	margin:0 10px 20px 10px;
	height:100px;
background-color:#dadada;
 }
#local .item img{padding-bottom:5px;}
/*8. services starts here*/
#services img{
float:left;
padding:0 0 15px 0;
margin-top:-60px;

}
#services .item {
width:260px;
float:left;
padding-right:20px;
}
#services h2{
padding-bottom:15px;
color:#669933;
font-size:1.2em;
text-transform:none;
font-weight:lighter;
}
/*9.footer starts*/
#footer_wrapper{
	background:#000;
	overflow:hidden;
	
}
#footer_wrapper {height: 22em;
}
.push {height:36em;}
#footer{
	font-size:.65em;
	width:960px;
	background:#000 url(/images/imgs/foot_bk_l.jpg) no-repeat;
	padding-bottom:125px;
	margin:0 auto;

}
#footer p {color:#FFF;}
#footer .bot_nav{
	float:left;
	padding:15px 0 0 0;
}
.bot_nav li{
	display:inline;

}
.bot_nav li a{
	padding:0 8px;
	color:#339999;
	text-decoration:none;
}

.bot_nav li a:hover{color:#fff;}
#footer .top {float:left;width:831px;margin-left:159px;}
#footer .top p {float:left; padding:2px 0 0 15px;}
#footer a{color:#339999; text-decoration:none;}
#footer a:hover{color:#fff;}

#footer .top .pop_ups{
	width:197px;
	padding:0 15px 0 0;
float:right;

}	
#footer .top .pop_ups li a{
	float:right;
	display:inline;
	height:45px;
	width:65px;
	background-repeat:no-repeat;
text-indent:-999em;
	}
li .twitter {background:url(/images/imgs/tweet_pop.png);}
li .facebook {background:url(/images/imgs/face_pop.png);}
li .rss {background:url(/images/imgs/rss_pop.png);}
#footer .top .pop_ups li a:hover {background-position:bottom;}
#footer #left{float:left; width:360px; padding:40px 0 0 0; margin-left:167px; background:url(/images/imgs/logo_visual.png) bottom left no-repeat;}
ul#visualizeus li a.vis {float:left; display:block; text-indent:-999em;}
ul#visualizeus {padding:0 !important; font:13px Arial,Sans serif !important; list-style-type:none !important; width:360px !important; border:none !important; margin-bottom:1em!important; background-color:none !important; }
#visualizeus li {display:inline !important; border:0 !important; margin:0 !important; padding:0 !important; text-indent:0 !important; }#visualizeus img {margin:0 27px 20px 0 !important; border:0 !important;width:60px; height:60px; }
#visualizeus a#logo {display:none; }


#footer #right {
	float:right;
	width:350px;
        margin-top:18px;
        padding:0 7px 30px 16px;
background:url(/images/imgs/BK_twitter_purple.png) top left no-repeat;

}
#right a{color:#ccc;}
#right ul{float:left; padding:40px 0 30px 0;}
#right p{padding:35px 5px 0 0;
float:left;
width:350px;
}
#right li{
color:#fff;
font-size:1.4em;
line-height:21px;
float:left;
}
#right li img{
padding:2px 6px 18px 0;
float:left;
}

#legal{
float:left;
margin-left:168px;
width:792px;
border-top: 1px #fff solid;
margin-top:25px;
padding-top:16px;
}

#legal p{float:left;}

#legal .right{float:right;}
#contact_area p{width:300px; float:left;}
#contact_area p.contact_info{width:300px;}
#contact_area{float:left; width:800px;}
#contact_area #freeform{float:right; width:300px;}
#contact_area input{float:right; margin-bottom:15px; padding:3px; border:1px dashed #ccc; width:385px;}

#contact_area textarea{height:100px;
float:right;
width:386px;
padding:3px;
margin-bottom:15px;
border:1px dashed #ccc;
}


#contact_area p.info{width:347px; font-size1.2em; background:#fff; border:1px #ccc dashed; padding:17px;}
/* 8.search */
#pageheader {  
 background-color: #666;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 padding:  20px 0 20px 0;
}

.heading {  
 font-size: 		16px;
 font-weight:		bold;
 letter-spacing:	.05em;
 color:			#fff;
 margin: 			0;
 padding:			0 0 0 28px;
}

#search_content{
margin:auto;
	padding:25px 0 35px 103px;
	width:780px;
	float:left;	
}
#search_content h2{padding-bottom:20px;}

.outerBorder {
 border:		1px solid #4B5388;
}
.searchSubmit {
 font-size:         11px;
 color:             #000;
 text-align: center;
 padding:           6px 10px 6px 6px;
 border-top:        1px solid #4B5388;
 border-bottom:     1px solid #4B5388;
 background-color:  #C6C9CF;
}
#searchresults{
background:#fff;
}
#searchresults a{text-decoration:none;}
#searchresults th {
background-color:#666;
color:#FFFFFF;
padding:10px;
margin-bottom:20px;
text-align:left;
}
#searchresults td {
color:#666;
line-height:1.2em;
padding:20px;
}
.fieldset {
 border:1px solid #999;
 padding:10px;
}
.breadcrumb {
 margin:0 0 10px 0;
 background-color:transparent;
 font-size:10px;
}
.default, .defaultBold {
 font-size:11px;
 color:#666;
 padding:3px 0 3px 0;
 background-color:transparent;
}
.defaultBold {
 font-weight:bold;
}
.paginate {
 font-size:12px;
 font-weight:normal;
 letter-spacing:	.1em;
 padding:10px 6px 10px 4px;
 margin:0;
 background-color:transparent;
}
.pagecount {
 font-size:10px;
 color:#666;
 font-weight:normal;
 background-color: transparent;
}
.tablePad {
 padding:3px 3px 5px 3px;
 background-color:#fff;
}
.resultRowOne {
 font-size:11px;
 color:#000;
 padding:6px 6px 6px 8px;
 background-color:#DADADD;
}
.resultRowTwo {
 font-size:11px;
 color:#000;
 padding:6px 6px 6px 8px;
 background-color:#eee;
}
.resultHead {
 font-size:11px;
 font-weight:bold;
 color:#000;
 padding:8px 0 8px 8px;
 border-bottom:1px solid #999;
 background-color:transparent;
}
.copyright {
 text-align:center;
 font-size:9px;
 color:#999;
 margin:15px 0;
}
form {
 margin:0;
 padding:0;
 border:0;
}
.hidden {
 margin:0;
 padding:0;
 border:0;
}
.input {
 border-top:2px solid #979AC2;
 border-left:2px solid #979AC2;
 border-bottom:1px solid #979AC2;
 border-right:1px solid #979AC2;
 color:#333;
 font-size:11px;
 height:1.7em;
 padding:0;
 margin:0;
} 
.textarea {
 border-top:2px solid #979AC2;
 border-left:2px solid #979AC2;
 border-bottom:1px solid #979AC2;
 border-right:1px solid #979AC2;
 color:#333;
 font-size:11px;
 padding:0;
 margin:0;
}
.select {
background-color: #fff;
font-size:11px;
font-weight:normal;
letter-spacing:.1em;
color:#333;
margin:2px 0;
} 
.multiselect {
 border-top:2px solid #979AC2;
 border-left:2px solid #979AC2;
 border-bottom:1px solid #979AC2;
 border-right:1px solid #979AC2;
 background-color:#fff;
 color:#333;
 font-size:11px;
 margin-top:2px;
} 
.radio {
 color:transparent;
 background-color:transparent;
 margin:4px 0;
 padding:0;
 border:0;
}
.checkbox {
 background-color:transparent;
 color:transparent;
 padding:0;
 border:0;
}
.submit {
 background-color:#fff;
 font-size:11px;
 font-weight: normal;
 
 letter-spacing:.1em;
 padding:1px 3px 2px 3px;
 margin:0;
 background-color:  #6C73B4;
 color:#fff;
}@charset "UTF-8";
/* CSS Document */