/***********************************************************************************************************************
 HTML Tags
************************************************************************************************************************/
body{
	background:#003048;
	font-family:Arial, Helvetica, sans-serif;
}
div.wrapper{
	background:#EDF5F9 url('/media/images/background/body.png') repeat-x 0 0;
	width:100%;
	margin:0;
	padding:0;
	display:table;
}
h1,h2,h3,h4,h5,h6,p,li{
	color:#0075CC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	line-height:1.5em;
	margin:0.5em 0 0.75em;
}
p,li{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
p{margin:1.5em 0;}
li{margin:0;}
a:link{
	color:#0075CC;
}



/***********************************************************************************************************************
 Header
************************************************************************************************************************/
#header{
	height:103px;
}
#header div.span-12{
	margin-top:10px;
}
#header h1{margin:0;}
#header h1 a{
	background:url('/media/images/layout/header/logo.png') 0 0 no-repeat;
	text-indent:-900000px;
	width:250px;
	height:75px;
	overflow:hidden;
	display:block;
}
#header p.agenthq{
	font-size:1.2em;
	margin-top:20px;
}
#header p.phone_number{
	background:url('/media/images/layout/header/phone-us.png') right top no-repeat;
	text-indent:-900000px;
	height:75px;
	overflow:hidden;
	display:block;
	margin-top:1px;
}



/***********************************************************************************************************************
 Navigation
************************************************************************************************************************/
#navigation-main ul{
	height:35px;
	list-style:none;
}
#navigation-main ul li{
	float:left;
}
#navigation-main ul li a{
	color:#84BADB;
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:0px;
	text-decoration:none;
	text-indent:-900000px;
	width:136px;
	height:35px;
	display:block;
	overflow:hidden;
}
#navigation-main ul li a:hover{
	background-position:-136px 0;
}
#navigation-main ul li a.link-work,
#navigation-main ul li a.link-contact{
	width:135px;
}
#navigation-main ul li a.link-work:hover,
#navigation-main ul li a.link-contact:hover{
	background-position:-135px 0;
}
a.link-home{background-image:url('/media/images/layout/navigation/home.png');}
a.link-blog{background-image:url('/media/images/layout/navigation/blog.png');}
a.link-about{background-image:url('/media/images/layout/navigation/about.png');}
a.link-products{background-image:url('/media/images/layout/navigation/products.png');}
a.link-work{background-image:url('/media/images/layout/navigation/work.png');}
a.link-careers{background-image:url('/media/images/layout/navigation/careers.png');}
a.link-contact{background-image:url('/media/images/layout/navigation/contact.png');}



/***********************************************************************************************************************
 Banner
************************************************************************************************************************/
#banner h2.banner-home{
	text-indent:-900000px;
	width:950px;
	height:407px;
	overflow:hidden;
	display:block;
	background:url('/media/images/banners/featured.jpg') 0 0 no-repeat;
}
#banner h2.banner-home span{
	display:none;
}
#banner h2.banner-home a{
	width:300px;
	height:44px;
	margin:307px 0 0 900038px;
	display:block;
}
#banner h2.banner{
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-900000px;
	width:950px;
	height:121px;
	overflow:hidden;
	display:block;
	padding:0;
	margin:0;
}
#banner h2.bluprint{background-image:url('/media/images/banners/bluprint.jpg');height:338px;}
#banner h2.about{background-image:url('/media/images/banners/about.jpg');}
#banner h2.work{background-image:url('/media/images/banners/work.jpg');}
#banner h2.portfolio{background-image:url('/media/images/banners/portfolio.jpg');}
#banner h2.contact{background-image:url('/media/images/banners/contact.jpg');}
#banner h2.careers{background-image:url('/media/images/banners/careers.jpg');}
#banner h2.blog{background-image:url('/media/images/banners/blog.jpg');}
#banner h2.order{background-image:url('/media/images/banners/order.jpg');}
#banner h2.more_info{background-image:url('/media/images/banners/more_info.jpg');}



/***********************************************************************************************************************
 Coda Slider Navigation
************************************************************************************************************************/
#coda_navigation{
	background:url('/media/images/background/product_toolbar.jpg') 0 0 no-repeat;
	height:69px;
}
#coda_navigation ul{
	height:35px;
	list-style:none;
}
#coda_navigation ul li{
	float:left;
}
#coda_navigation ul li a{
	color:#FFF;
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:0px;
	text-decoration:none;
	text-indent:-900000px;
	height:33px;
	margin-top:12px;
	display:block;
}
#coda_navigation ul li.overview a{
	background-image:url('/media/images/coda_slider_nav/overview.png');
	width:141px;
	margin-left:15px;
}
#coda_navigation ul li.overview a:hover,
#coda_navigation ul li.overview a.active{background-position:-141px 0;}
#coda_navigation ul li.video_tour a{
	background-image:url('/media/images/coda_slider_nav/video_tour.png');
	width:153px;
	margin-left:50px;
}
#coda_navigation ul li.video_tour a:hover,
#coda_navigation ul li.video_tour a.active{background-position:-153px 0;}
#coda_navigation ul li.features a{
	background-image:url('/media/images/coda_slider_nav/features.png');
	width:142px;
	margin-left:38px;
}
#coda_navigation ul li.features a:hover,
#coda_navigation ul li.features a.active{background-position:-142px 0;}
#coda_navigation ul li.compare a{
	background-image:url('/media/images/coda_slider_nav/compare.png');
	width:136px;
	margin-left:49px;
}
#coda_navigation ul li.compare a:hover,
#coda_navigation ul li.compare a.active{background-position:-136px 0;}

#coda_navigation ul li.pricing a{
	background-image:url('/media/images/coda_slider_nav/pricing.png');
	width:125px;
	/*margin-left:55px;*/
	margin-left:38px;
}
#coda_navigation ul li.pricing a:hover,
#coda_navigation ul li.pricing a.active{background-position:-125px 0;}



/***********************************************************************************************************************
 Content Structure
************************************************************************************************************************/
#content div.mainText{
	background:url('/media/images/background/mainText-top.png') 0 0 no-repeat;
	width:950px;
	height:100%;
	float:none;
	clear:both;
	display:table;
}
#content div.twoColumns{
	background:url('/media/images/background/twoColumns-top.png') 0 0 no-repeat;
}
#content div.twoColumns div.span-15 div.innerWrapper{
	padding:20px 40px 0 30px;
}
#content div.fourColumns div.span-6{
	width:196px;
	margin:0;
	padding:20px;
	border-right:solid 1px #D2D2D2;
}
#content div.fourColumns div.last{
	width:197px;
	border-right:none;
}
#content div.bottom{
	background:url('/media/images/background/mainText-bottom.png') left bottom no-repeat;
	width:950px;
	padding-bottom:110px;
}
#content div.fourColumns div.bottom{background-image:url('/media/images/background/fourColumns-bottom.png');padding-bottom:11px;}



/***********************************************************************************************************************
 Content Styles
************************************************************************************************************************/
#content div.mainText h1{font-size:2.4em;}
#content div.mainText h2{font-size:1.8em;margin-top:1.5em;}
#content div.mainText h3{font-size:1.4em;}
#content div.mainText p,
#content div.mainText li{
	font-size:1.2em;
	line-height:1.5em;
}
#content div.mainText p.link,
#content div.mainText p.link a{
	color:#0075CC;
	text-align:right;
}
#content div.mainText ul,
#content div.mainText ol{
	margin:2.0em 0 2.5em;
}
#content div.mainText li{
	font-size:1.2em;
	margin:0.35em 0 0.35em 20px;
}#content div.mainText li ul li,#content div.mainText li ol li{font-size:1.0em;}
#content div.mainText div.portfolioRow{
	background:url('/media/images/background/portfolio-row-top.png') 0 0 no-repeat;
	margin:50px 0 0 0;
}
#content div.mainText div.portfolioRow div.website{
	width:248px;
	margin:13px 0 0;
	border:solid 1px #D0D0D0;
	border-top:none;
}#content div.mainText div.portfolioRow div.last{margin-left:20px;}
#content div.mainText div.portfolioRow div.website img.screenshot{
	margin:8px 0 0 8px;
	padding:1px;
	border:solid 1px #D0D0D0;
}
#content div.mainText div.portfolioRow div.website h4{
	font-size:1.6em;
	text-align:center;
	margin-bottom:0;
}
#content div.mainText div.portfolioRow div.website a.learn_more{
	background:url('/media/images/buttons/portfolio_learn-more.png') 0 0 no-repeat;
	text-indent:-90000px;
	width:196px;
	height:35px;
	margin-left:26px;
	overflow:hidden;
	display:block;
}
#content div.mainText form p.error{
	background:#FEE;
	border:solid 1px #FCC;
	padding:4px; 
}
#content div.mainText form th,
#content div.mainText form td{
	padding-bottom:5px;
	vertical-align:top;
}
#content div.mainText form th label{
	font-size:1.2em;
}
#content div.mainText form th label span{
	color:#F00;
	font-weight:bold;
	float:right;
	padding-right:10px;
}
#content div.mainText form td input.text{
	width:160px;
}
#content div.mainText form td textarea{
	width:320px;
}
#content div.mainText p.blog_description{
	margin:2em 0 1.5em;
}
#content div.mainText p.blog_link_to_full{
	text-align:right;
	margin-bottom:2.5em;
}
#content div.mainText ul.product_overview_list{
	list-style:none;
	margin-top:3em;
}
#content div.mainText ul.product_overview_list li{
	padding:3px 0 0 37px;
	margin:5px 0 6px 3px;
	height:21px;
}
#content div.mainText ul.product_overview_list li.video{background:url('/media/images/icons/video.png') 0 0 no-repeat;}
#content div.mainText ul.product_overview_list li.features{background:url('/media/images/icons/list.png') 0 0 no-repeat;}
#content div.mainText ul.product_overview_list li.comparison{background:url('/media/images/icons/magnifying_glass.png') 0 0 no-repeat;}
#content div.mainText ul.product_overview_list li.pricing{background:url('/media/images/icons/wallet.png') 0 0 no-repeat;}
#content div.mainText ul.product_overview_list li.tick{background:url('/media/images/icons/yes.png') 0 0 no-repeat;}
#content div.mainText ul.product_features_list{
	list-style:none;
	margin:3em 0 0;
	padding:0;
	border-top:solid 1px #CCC;
}
#content div.mainText ul.product_features_list li{margin:0;padding:0;}
#content div.mainText ul.product_features_list li div{
	position:relative;
	background-position:5px center;
	background-repeat:no-repeat;
	margin-left:0;
	padding:9px 0 11px 40px;
	border-bottom:solid 1px #CCC;
	display:block;
}
#content div.mainText table#compare tr.top_row th,
#content div.mainText table#compare tr.top_row td{
	background:url('/media/images/background/compare_table_top_row.png') left bottom repeat-x;
}
#content div.mainText table#compare tr.top_row td{
	color:#000;
	font-size:1.4em;
	padding-top:15px;
	padding-bottom:15px;
}
#content div.mainText table#compare tr.top_row td.bp_column{
	background:url('/media/images/background/compare_table_bp_top.png') left bottom no-repeat;
}
#content div.mainText table#compare tr.bottom_row td.bp_column{
	background:url('/media/images/background/compare_table_bp_bottom.png') left bottom no-repeat;
	height:30px;
}
#content div.mainText table#compare{
	position:relative;
	margin-top:-20px;
}
#content div.mainText table#compare th{
	font-size:1.2em;
	padding:9px 0;
}
#content div.mainText table#compare td{
	text-align:center;
}
#content div.mainText table#compare th,
#content div.mainText table#compare td{
	background:url('/media/images/background/compare_table_normal_row.png') left bottom repeat-x;
}
#content div.mainText table#compare td.bp_column{
	padding-right:3px;
	background:url('/media/images/background/compare_table_bp_col.png') left bottom no-repeat;
}
#content div.mainText table#compare td p{
	font-size:1.2em;
	padding:0;
	margin:0;
}
#content div.mainText table#compare td.bp_column p{
	color:#43531C;
}
#content div.mainText table#compare td p.icon,
#content div.mainText table#compare td a.icon{
	background-repeat:no-repeat;
	background-position:center top;
	height:18px;
	overflow:hidden;
	text-indent:-900000px;
}
#content div.mainText table#compare td p.yes{background-image:url('/media/images/icons/yes.png');}
#content div.mainText table#compare td p.no{background-image:url('/media/images/icons/no.png');}
#content div.mainText table#compare td a.image{
	background-image:url('/media/images/icons/image.png');
	background-position:top center;
	display:block;
	position:relative;
}
#content div.mainText img.img_right{
	float:right;
	margin:0 0 1em 1.5em;
}



/***********************************************************************************************************************
 Blog Styles
************************************************************************************************************************/
#content div.mainText p.blog_tags{
	color:#666;
	margin:25px 0 0;
}
#content div.mainText p.blog_tags img{margin-right:5px;}
#content div.mainText p.blog_tags a{
	color:#666;
	text-decoration:none;
}
#content div.mainText p.blog_tags a:hover{text-decoration:underline;}
#content div.mainText h1.blog_title{
	margin:0;
}
#content div.mainText h1.blog_title a{text-decoration:none;}
#content div.mainText p.blog_details,
#content div.mainText p.blog_details a{
	color:#A8A8A8;
	text-decoration:none;
}
#content div.mainText p.blog_details{margin:0;}
#content div.mainText ul.blog_social{
	background:url('/media/images/blog/add_to.png') 0 25px no-repeat;
	list-style:none;
	padding:25px 0 35px 120px;
	width:390px;
}
#content div.mainText ul.blog_social li{float:left;width:100px;}
#content div.mainText ul.blog_social li a{
	background-position:0 0;
	background-repeat:no-repeat;
	color:#AAA;
	text-decoration:none;
	height:17px;
	padding-left:23px;
	display:block;
}
#content div.mainText ul.blog_social li a:hover{
	background-position:-200px 0;
	color:#000;
}



/***********************************************************************************************************************
 Sidebar Content
************************************************************************************************************************/
h3.sticky-note{
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-90000px;
	width:341px;
	height:216px;
	overflow:hidden;
	margin:0 0 0 9px;
}
h3.we_build_websites_for_realtors{background-image:url('/media/images/layout/sidebar/we-build-websites-for-realtors-sticky-note.png');}
h3.we_build_websites_that_generate_profits{background-image:url('/media/images/layout/sidebar/sticky_note-profits.png');}
h3.looking_for_talent{background-image:url('/media/images/layout/sidebar/looking-for-talent-sticky-note.png');}
p.feat_image{
	margin:30px 0 0 20px;
}
p.feat_image img{
	padding:1px;
	border:solid 1px #D0D0D0;
}
div.we_also_do{
	background:url('/media/images/layout/sidebar/we-also-do.png') 0 0 no-repeat;
	text-indent:-90000px;
	width:300px;
	height:193px;
	overflow:hidden;
	margin:37px 0 0 27px;
}
div.we_also_do ul{list-style:none;}
div.portfolio_screenshot{
	background:url('/media/images/background/portfolio_screenshot.png') 0 0 no-repeat;
	margin-left:4px;
	width:340px;
	height:275px;
}
div.portfolio_screenshot img{
	position:relative;
	margin:-71px 0 0 20px;
}
#sidebar p a.portfolio_link{
	background-repeat:no-repeat;
	background-position:left top;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin-left:25px;
	padding:7px 0 0 40px;
	height:24px;
}
#sidebar p a.visit{background-image:url('/media/images/layout/work/icons/view_website.png')}
#sidebar p a.contact{background-image:url('/media/images/layout/work/icons/contact_us.png')}
#sidebar .blog_sidebar_rss{margin:35px 0 50px 20px;}
#sidebar .blog_sidebar_social{margin-left:20px;}
#sidebar .blog_sidebar_social h4{
	color:#968656;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	border-bottom:solid 1px #E9DDBA;
	width:300px;
}
#sidebar ol.blog_sidebar{
	list-style:none;
}
#sidebar h2.first_element{
	margin:0 0 19px 20px;
	padding:10px 0 2px;
	border-bottom:dotted 2px #CCC;
	width:300px;
	display:block;
}
#sidebar table#product_summary{display:block;margin:0 0 0 20px;}
#sidebar table#product_summary th,
#sidebar table#product_summary td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.0em;
	vertical-align:top;
}
#sidebar table#product_summary th{
	color:#904E4E;
	font-weight:bold;
	padding:3px 0 4px;
}
#sidebar table#product_summary td{padding:3px 0 4px 10px;}
#sidebar ul.sidebar_buttons{
	list-style:none;
	margin:0;
	padding-top:8px;
}
#sidebar ul.sidebar_buttons li{
	margin:0 0 5px 20px;
	padding:0;
}


/***********************************************************************************************************************
 Footer
************************************************************************************************************************/
#footer-contact-info{
	background:url('/media/images/background/footer-contact-info.jpg') right bottom no-repeat;
	height:245px;
	padding-left:30px;
}	
#footer-contact-info h2{
	color:#003048;
	font-size:1.8em;
	padding:50px 0 0;
	margin:0;
}
#footer-contact-info p{
	font-size:1.2em;
}
#footer-wrapper{
	background:#003048 url('/media/images/background/footer.png') 0 0 repeat-x;
	height:55px;
	float:none;
	clear:both;
}



/***********************************************************************************************************************
 Forms
************************************************************************************************************************/



/***********************************************************************************************************************
 General Styles
************************************************************************************************************************/