body{
	background: #214a55 url(../images/gradient_bg.gif) no-repeat 16% top;
	font:9pt/1.6em Arial, Helvetica, sans-serif;
	color:#5c6b6e;
}


/*anchor*/
a,
a:link{
	color:#819b48;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/*page*/
#page{
	width:100%;
}

/*wrap*/
#wrap{
	width:860px;
	padding:0 50px;
	margin:0 auto;
}


/*header*/
#header{
	background:url(../images/header_bg.png) no-repeat; 
	width:870px;
	height:73px;
	float:left;
	margin:40px 0 20px 0;
}



/*logo */
#logo{
	float:left;
	width:437px; 
	height:49px;
	text-indent:-99999px;
	padding:12px 0 0 14px;
}
#logo a{
	display:block;
	background:url(../images/logo.gif) no-repeat;
	width:437px; 
	height:49px;

}


/*navigation*/
#navigation{
	float:right;
	margin-top:8px;
	width:auto;
	padding:10px 10px 0 0;
}
#navigation li{
	display:inline;
	background:url(../images/nav_seperator.gif) no-repeat right 0;
	float:left;
	margin-left:0;
}
#navigation li a{
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#5f6f71;
	text-transform:uppercase;
	text-decoration:none;
	padding:8px 14px 31px 14px;
	float:left;
	display:block;
}

#navigation li a:hover,
#navigation li a.current{
	color:#000;
	padding:8px 14px 31px 14px;
	float:left;
	display:block;
}
#navigation li.last_nav{
	background:none;
}



/*intro*/
#intro, #title{
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
#intro #intro_text, #title{
	color:#f4fdff;
	width:360px;
	line-height:22px;
	z-index:100;
	padding:10px 0 30px 30px;
	position:relative;
}
#intro h2, #title h2{
	font-size:26px;
	text-transform:uppercase;
	padding-bottom:30px;
	font-weight:normal;
}
#intro h3{
	font-size: 24px;
	font-weight:normal;
	text-align: center;
	text-transform: uppercase;
	width: 170px;

}
#intro h3 ul{
	
	text-transform: none;
	text-align: left;
	font-size: 16px;
	text-decoration: none;
}

#intro #specialties_text {
	padding-right: 5;
	float: left;
}

#intro #other_text {
	padding-left: 5;
	float: right;
}

#title{
	padding:20px 0 30px 30px;
	position:relative;
	float:left;
}




/*featured_section*/
#outer_page  #featured_section{
	position:relative;
	background:url(../images/maincontent_topbg.gif) no-repeat bottom center;
	float:left;
	width:100%;
	margin:-248px 0 0 0;
}
#inner_page #page_top{	
	margin:0px 0 0 0;
	padding:15px 0 20px 0;
	float:left;
	width:100%;
	background:#fff url(../images/maincontent_topbg2.gif) no-repeat;
}
.wecanwork{
	display:block;
	width:510px;
	height:40px;
	text-indent:-99999px;
}
.wecanwork span{
	background:url(../images/wecanwork.gif) no-repeat;
	margin:10px 0 0 20px;
	display:block;
	height:40px;
	width:510px;
}
#inner_page #page_top .getintouch{
	padding:0 0 0 14px;
	margin:0;
	text-indent:-99999px;
}

#textgetintouch {
	margin:-248px 0 0 0;
	color: #fffffd;
	width: 405px;
}

#outer_page #featured_section .getintouch{
	float:left;
	padding:292px 0 0px 14px;
	position:relative;
	width:280px;
	height: 60px;
	text-indent:-99999px;
	cursor:pointer;
}
#inner_page #page_top .getintouch{
	float:right;
	margin:-46px 15px 0 0;
}
* html #inner_page #page_top .getintouch{
	margin:-46px 8px 0 0;
}


*:first-child+html #inner_page #page_top .getintouch{
	margin:-38px 20px 0 0;
}


#outer_page #featured_section .getintouch a,
#inner_page #page_top .getintouch a{
	width:280px;
	height:60px;
	display:block;
	background:url(../images/getintouch_big.png) no-repeat;
}
#featured_section .macbook{
	background:url(../images/headerPhoto.png) no-repeat;
	width:555px;
	height:364px;
	margin:0px 8px 0px 0;
	position:relative;
	float:right;
}



/*slideshow*/
#slideshow { 
	height:211px; 
	width:336px; 
	margin:0; 
	overflow: hidden; 
	position:relative;
	top:18px;
	left:183px;
}
#slideshow img { 
	height: 211px; 
	width: 336px; 
	top:0; 
	left:0
}


/*testimonial*/
.testimonial{
	margin:0; 
	overflow: hidden; 
	position:relative;
	height:260px; 
	font:20px/26px Georgia, "Times New Roman", Times, serif;
}
.testimonial blockquote { 
	top:0; 
	left:0;
}
.testimonial blockquote.next{
	display:none;
}




/*main content*/
#main_content{
	float:left;
	padding:30px 30px;
	width:800px;
	background:#fff url(../images/maincontent_bottombg.gif) no-repeat bottom center;
}
#main_content h1,
#main_content h2,
#main_content h3,
#main_content h4,
#main_content h5,
#main_content h6{
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:26px;
	padding-bottom:20px;
	font-weight:normal;
	color:#0b1518;
}
#main_content h1{
	font-size:28px;
}
#main_content h2{
	font-size:26px;
}
#main_content h3{
	font-size:20px;
	color: #515151;
}
#main_content h4{
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:26px;
	padding-bottom:20px;
	font-weight:normal;
	color: #5c6b6e;
}
#main_content h5{
	font-size:13px;
}
#main_content h6{
	font-size:10px;
}


#outer_page #content{
	width:480px;
	float:left;
}
#inner_page #content{
	width:530px;
	float:right;
}



/*column 2*/
.col2{
	width:100%;
}
#outer_page .col2 li{
	float:left;
	width:214px;
	padding-right:26px;
	padding-bottom:26px;
	display:inline;
	margin-left:0;
}
#inner_page .col2 li{
	float:left;
	width:238px;
	padding-right:26px;
	padding-bottom:26px;
	display:inline;
	margin-left:0;
}
.col2 li a{
	font-weight:bold;
	font-size:14px;
	display:block;
}
.col2 li a img{
	float:left;
	margin-right:24px;
}


/*sidebar*/
#outer_page #sidebar{
	float:right;
	width:270px;
	padding-left:30px;
	background:url(../images/sidebar_bg.gif) no-repeat left top;
}
#inner_page #sidebar{
	background:url(../images/sidebar_bg2.gif) no-repeat right top;
	float:left;
	width:240px;
}

#inner_page #sidebar .box{
	padding-right:20px;
	padding-bottom:20px;
}

#sidebar .testimonial{
	padding-bottom:20px;
}

#sidebar .testimonial h4 {
	color: #515151;
	font:22px/28px Georgia, "Times New Roman", Times, serif;
	padding-bottom:20px;
}

#sidebar .testimonial p {
	font-style: normal;
	font-size: 18px;
	color:#5c6b6e;
	display:block;
	line-height: 1px;
}

/*sidenav - sidebar navigation*/
.sidenav{
	float:left;
	width:100%;
	padding:0 0 40px 0;
	margin:0;
	border-top:1px solid #f3f3f3;
}
.sidenav li{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	border-top:1px solid #fff;
	border-bottom:1px solid #f3f3f3;
}
.sidenav li a{
	display:block;
	padding:10px 0 10px 10px;
	font-size:14px;
	font-weight:bold;
	position:relative;
}
.sidenav li a.current{
	color:#0b1518;
	text-decoration:none;
}
.sidenav li a img{
	margin-right:10px;
	margin-top:-4px;
	top:50%;
	float:left;
}




/*work_list*/
.work_list{
	float:left;
	width:100%;
	padding:0 0 40px 0;
	margin:0;
	border-top:1px solid #f3f3f3;
}
.work_list li{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	border-top:1px solid #fff;
	border-bottom:1px solid #f3f3f3;
}
.work_list li a{
	display:block;
	padding:10px 0 10px 10px;
	font-size:12px;
	font-weight:bold;
	position:relative;
}
.work_list li a.current{
	color:#0b1518;
	text-decoration:none;
}
.work_list li a img{
	margin-right:10px;
	margin-top:-4px;
	top:50%;
	float:left;
}


/*sub content*/
.sub_content{
	float:left;
	background:#0b1a1e;
	padding:30px;
	width:800px;
}
.sub_content p{
	padding-bottom:20px;
}
.sub_content h3{
	color:#80cce0;
	font-size:13px;
	text-transform:uppercase;
	padding-bottom:20px;
}
.sub_content .rss{
	float:left;
	width:14px;
	height:15px;
	margin:3px 0 0 30px;
	text-indent:-99999px;
}
.sub_content .rss a{
	display:block;
	background:url(../images/rss.png) no-repeat;
	width:14px;
	height:15px;
}



/*blog entries*/
.blog_entries{
	float:left;
	width:520px;
	border-right:1px solid #243135;
}
.blog_entries h3{
	float:left;
}
.blog_entries .post{
	width:230px;
	float:left;
	padding-right:30px;
}
.blog_entries .post .date{
	float:left;
	width:40px;
	padding-right:10px;
}
.blog_entries .post .date .d{
	font-size:30px;
	color:#9aa0a1;
	display:block;
	padding:6px 0;
	border-bottom:1px solid #3c484b;
	text-align:center;
	font-weight:bold;
}
.blog_entries .post .date .m{
	text-align:center;
	display:block;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:bold;
}
.blog_entries .article{
	float:right;
	width:180px;
}
.blog_entries .article h4{
	font-weight:bold;
	padding-bottom:20px;
	font-size:16px;
}





/*twitter*/
.twitter_updates{
	float:right;
	width:252px;
	padding-left:20px;
}
#twitter_update_list li{
	padding-bottom:20px;
	margin-bottom:0;
	list-style:none;
	margin-left:0;
}
#twitter_update_list li span{
	display:block;
}




/*sample_work*/
.sample_work h3{
	padding:0;
	margin:0;
}
.sample_work h4{
	font-size:20px;
	color:#f7f7f7;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	padding-bottom:20px;
}
.sample_work .work_info{
	float:left;
	width:430px;
}
.sample_work .work_image{
	float:right;
	width:312px;
}
.sample_work h3{
	font-weight:normal;
}
.sample_work .work_image a{
	float:left;
	background:#2f3c3f;
	padding:4px;
}
.sample_work .work_image a:hover{
	background:#fff;
}
.sample_work .work_image a img{
	float:left;
}

.we_can_do_more{
	width:455px;
	height:41px;
	text-indent:-999999px;
}
.we_can_do_more a{
	display:block;
	width:455px;
	height:41px;
	background:url(../images/wecandomorework.png) no-repeat;
}




/*portfolio*/
.featured_work{
	float:left;
	width:740px;
	background:#f9f9f9;
	padding:30px 30px 30px 30px;
	margin-bottom:50px;
	border-bottom:1px solid #e8e8e8;
	border-top:1px solid #e8e8e8;
}
#main_content .portfolio .featured_work h4{
	font-style:italic;
}
#main_content .portfolio .featured_work p{
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:22px;
}
#main_content .portfolio .featured_work h5{
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	font-size:22px;
	border-bottom:1px solid #e8e8e8;
}
#main_content .portfolio .featured_work img{
	float:left;
}
#main_content .portfolio .featured_work div{
	float:right;
	width:335px;
}

.portfolio .row{
	border-bottom:1px solid #f3f3f3;
	float:left;
	width:100%;
	margin-bottom:20px;
}

.portfolio .row .first,
.portfolio .row div{
	float:left;
	margin-left:0px;
	width:246px;
}
.portfolio .row div{
	margin-left:30px;
}
#main_content .portfolio .row .title{
	padding:0 0 10px 0;
	margin:0;
	font-size:14px;
	font-weight:bold;
}
#main_content .portfolio .row img{
	float:left;
	margin:4px 0;
}




/*blog*/
#main_content #content .post_item{
	padding-bottom:20px;
	margin-bottom:40px;
	border-bottom:1px solid #f3f3f3;
}
#main_content #content .post_item .post_content h3{
	padding:0;
	margin:0;
	font-size:30px;
	line-height:33px;
}
#main_content #content  .post_item .post_content .date{
	font-style:italic;
	font-size:10px;
	display:block;
	padding-bottom:20px;
}
#searchBlog{
	border:1px solid #dddddd;
	padding:5px;
	width:160px;
	background:url(../images/search_bg.gif) no-repeat 2% 50%;
	
}
* html #searchBlog{
	height:16px;
}



/*contact-form*/
#contact-form{
	padding:0;
	margin:0;
}
#contact-form label{
	float:left; 
	width:80px;
}
#name,
#email,
#subject,
#message{
	border:1px solid #dddddd;
	padding:5px;
	color:#5e5e5e;
}


#name:focus,
#email:focus,
#subject:focus,
#message:focus{
	border:1px solid #cbcbcb;
	padding:5px;
}

#name,
#email,
#subject{
	width:205px;
}
#message{
	width:280px;
}

.button{
	border:1px solid #c4c1b2;
	padding:5px;
}
#main_content #content .errorMsg h3{
	color:red;
}
#main_content #content .infoMsg h3{
	color:green;
}



/*detail*/
#main_content #content .detail img{
	padding-bottom:10px;
}
#main_content #content .detail h4{
	padding:0px;
	margin:0;
}
#main_content #content .detail blockquote p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:22px;
	font-style:italic;
}
#main_content #content .detail blockquote p cite{
	color:#30383a;
	display:block;
}


em{
	font-style:italic;
}

/*footer*/
#footer{
	width:800px;
	padding:30px;
	background:#fff url(../images/footer_topbg.gif) no-repeat top center;
	float:left;
}
#footer span{
	float:left;
}
#footer ul{
	float:right;
	width:auto;
	margin:0;
	padding:0;
}
#footer ul li{
	display:inline;
	float:left;
	width:auto;
	padding:0 4px;
	margin-left:0;
}

.footer_bottom_margin{
	float:left;
	display:block;
	width:100%;
	padding:20px 0;
}





/*common styles*/

p,pre,ol,ul,dl{
	padding-bottom:20px;
}
ul li{
	list-style:outside;
	margin-left:20px;
}
ul.styledlist{
	margin:0;
	padding:0 0 20px 0;
}
ul.styledlist li{
	background:url(../images/arrow_right.gif) no-repeat left 0.4em;
	padding-left:17px;
	list-style:none;
	margin-left:5px;
}
ol li{
	list-style:decimal;
	margin-left:20px;
}
dl dt{
	font-weight:bold;
}
dl dd{
	padding-bottom:10px;
	margin-left:10px;
	font-style:italic;
}


strong{
	font-weight:bold;
}
em, code{
	font-style:italic;
}
ul, ul li {
	list-style-type:disc;
}
ol, ol li {
	list-style-type:decimal;
}
table {
	margin-bottom:1.4em;
	width:100%;
}
th {
	font-weight:bold;
}
th, td, caption {
	padding:4px 10px 4px 5px;
}
tfoot {
	font-style:italic;
}
sup, sub {
	line-height:0;
}
abbr, acronym {
	border-bottom: 1px dotted;
	cursor:help;
}
address {
	margin:0 0 1.5em;
	font-style:italic;
}
del {
	text-decoration: line-through;
}
pre {
	white-space:pre;
}
img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	display: inline;
	margin:0 0 10px 20px;
}
img.alignleft {
	display: inline;
	margin:0 20px 10px 0px;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}


/*clear fix*/
.clearfix{
	clear:both;
}