*{
	padding:0;
	margin:0;
}
ul,li{
	list-style:none;
}
a{
	text-decoration:none;
	color:#000;
}
img, fieldset{
	border:none;
}
:focus{
	outline:none;
}
html, body{
	height:100%;
	font-family: Helvetica, Arial, sans-serif;
	overflow:hidden;	
}
body{
	background:#FFF;
	position:relative;
}
#contentwrap{
	height:100%;
	width:100%;
	position:relative;
	z-index:8;
	top:0;
	left:0;
	overflow:hidden;
}
#contentscroll{
	width:10000px;
	height:100%;
	position:relative;
	z-index:8;
}
#pagenav{
	position:absolute;
	z-index:10;
	top:90px;
	left:0px;
	width:255px;
	height:266px;
}
/**
 * Page Navigation styles
 */
#pagenav li{
	height:34px;
	line-height:34px;
	margin:27px 0;
	color:#96A3AE;
	text-indent:30px;
	opacity:0.85;
	position:relative;
	display:block;
}
#pagenav li a, #pagenav li span.dummy{
	display:block;
	color:#96A3AE;
	width:255px;
	height:34px;
	z-index:10;
	position:relative;
	left:0;
	font-family:"Franklin Gothic Demi", "Franklin Gothic", "HelveticaNeue", "Helvetica", Arial,  sans-serif;
}
#pagenav li span.dummy{
	z-index:9;
	position:absolute;
	top:0;
	background:#FFF;
	display:none;
}
#pagenav li.active a{
	color:#383637;
	background:#FFF;
}
#pagenav li a:hover{
	background:#EDEDED;
}
#pagenav li.active a:hover{
	background:#FFF;
}
#pagenav li.fadeIn a:hover, #pagenav li.fadeIn a{
	background:none;
	color:#383637;
}
/**
 * Footer Navigation styles
 */
#footernav{
	height:40px;
	position:absolute;
	bottom:0;
	width:100%;
	background:url('../images/footer_bg.png') 0 0 repeat-x;
	z-index:100;
	font-size:12px;
	line-height:42px;
	font-family:"Franklin Gothic Demi", "Franklin Gothic", "HelveticaNeue", "Helvetica", Arial,  sans-serif;
	color:#514A43;
	text-transform:uppercase;
	/*font-style:italic;*/
}
#footernav a{
	font-family:"Franklin Gothic Demi", "Franklin Gothic", "HelveticaNeue", "Helvetica", Arial,  sans-serif;
	color:#057AC9;
}
#footernav #footer{
	padding:0 0 0 20px;
}
#navlinks{
	padding:0 0 0 15px;
}
#navlinks span{
	color:#4C6CBB;
}
#navlinks a{
	position:relative;
	color:#514A43;
	/*background:url('../images/link.gif') 0 100% repeat-x;*/
	margin:0 6px;
	padding:5px 2px;
}
#logolink{
	position:relative;
	top:-4px;
	float:left;
}
#bloglink{
	margin:0 10px 0 0;
}
#footernav a:hover, #footernav a.active{
	color:#4C6CBB;
}
#footernav #contact{
	position:relative;
	left:30px;
	top:1px;
}
#footernav #contact a img{
	margin:0 5px;
	position:relative;
	top:4px;
}
/**
 * Stripped bar
 */
#stripes{
	width:100%;
	height:266px;
	position:absolute;
	top:90px;
	left:0;
	z-index:2;
	background:url('../images/midbarc.png') 0 0 repeat-x;
}
/**
 * Loading Background
 */
#loading{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	background:url('../images/ajax-loader.gif') center 48% no-repeat;
	display:none;
}
/**
 * Page background image styles
 */
#background{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#background img{
	width:100%;
}

/**
 * Page contents template styles
 */
div.content{
	height:100%;
	position:relative;
	z-index:8;
	width:1200px;
	float:left;
}
.pagecontents{
	background:#FDFDFD;
	width:675px;
	position:absolute;
	z-index:10;
	left:255px;
	top:76px;
	font-size:12px;
	color:#2A343D;
	border:1px solid #E3E1E0;
}
.pagecontents p a{
	color:#2A343D;
	font-weight:bold;
	border-bottom:1px solid #7AA0C8;
}
#page_welcome .pagecontents p a{
	color:#DF368F;
	border:none;
}
.pagecontents.fullheight{
	bottom:38px;
	overflow-y:auto;
}
#page_projects .pagecontents{
	width:720px;
	height:auto;
	/*background:#4A4A4A;*/
	background:#EEEEEF;
}
.pagecontent{
	padding:35px 0 25px 25px;
	min-height:235px;
	width:630px;
}
* html .pagecontent{
	height:235px;
}
#page_projects .pagecontent{
	width:auto;
	padding:10px 0 10px 10px;
	min-height:275px;
}
/**
 * Recent Projects and portfolio styles
 */
#recentprojects{
	width:100%;
	height:200px;
	position:absolute;
	left:0px;
	top:365px;
	z-index:8;
	padding:0 0 0 85px;
	overflow:hidden;
}
#recentprojects h3{
	background:url('../images/featured_projects.png') 0 0 no-repeat;
	width:135px;
	height:44px;
	text-indent:-9999px;
	position:absolute;
	z-index:21;
	top:4px;
}
ul.portfolio{
	position:relative;
	margin:0 0 5px 20px;
	overflow:hidden;
	width:auto;
}
#recentprojects ul.portfolio{
	z-index:20;
	top:34px;
	margin:0 0 0 30px;
	width:100%;
}
ul.portfolio li{
	width:159px;
	height:138px;
	display:block;
	float:left;
	margin:4px 2px;
}

ul.portfolio li a, ul.portfolio li span{
	display:block;
	font-size:12px;
	color:#656769;
	margin:2px 9px 0 10px;
	white-space:nowrap;
	overflow:hidden;
}
ul.portfolio li a:hover{
	color:#FFF;
}
ul.portfolio li span{
	color:#2D3A69;
}
ul.portfolio li:hover span, #recentprojects li:hover span{
	color:#FFF;
}
#recentprojects li span {
	color:#4D5864;
}
ul.portfolio li a.projectlink{
	display:block;
	width:137px;
	height:86px;
	overflow:hidden;
	margin:9px auto;
	background:#FFF;
	padding:0;
	text-align:center;
	line-height:86px;
	border:1px solid #818383;
}
ul.portfolio li a img{
	border:none;
}
ul.portfolio li a{
	font-size:11px;
}
ul.portfolio li:hover{
	background:url('../images/highlight.png') 0 0 no-repeat #171A1C;
}
ul.portfolio li.empty{
	color:#FFF;
	width:auto;
	padding:5px;
	font-size:12px;
}
ul.portfolio li.empty:hover{
	background:none;
}
/**
 * Page Title Styles
 */
h1.pagetitle{
	height:94px;
	line-height:70px;
	color:#FEFCFE;
	width:225px;
	background:url('../images/titleb.png') 0 0 no-repeat;
	position:absolute;
	left:746px;
	top:14px;
	white-space:nowrap;
	font-weight:normal;
	font-size:31px;
	z-index:11;
	overflow:hidden;
	font-family: "HelveticaNeue-Light", "HelveticaNeue", "Helvetica", Arial,  sans-serif;
}
h1.pagetitle span{
	padding:0;
	display:block;
	height:30px;
	position:relative;
	top:24px;
	left:20px;
	background-position: 0 0;
	background-repeat: no-repeat;
	line-height:24px;
}

#page_welcome h1.pagetitle span{ background-image:url('../images/titles/welcome.gif'); padding:0 0 0 300px;}
#page_our_services h1.pagetitle span{ background-image:url('../images/titles/our_services.gif'); padding:0 0 0 300px;}
#page_quotes h1.pagetitle span{ background-image:url('../images/titles/get_a_quoteb.gif'); padding:0 0 0 300px;}
#page_thankyou h1.pagetitle span{ background-image:url('../images/titles/thankyou.gif'); padding:0 0 0 300px;}
#page_web_design h1.pagetitle span{ background-image:url('../images/titles/design.gif'); padding:0 0 0 300px;}
#page_branding h1.pagetitle span{ background-image:url('../images/titles/branding.gif'); padding:0 0 0 300px;}
#page_ecommerce h1.pagetitle span{ background-image:url('../images/titles/ecommerce.gif'); padding:0 0 0 300px;}
#page_content_management_systems h1.pagetitle span{ background-image:url('../images/titles/cms.gif'); padding:0 0 0 300px;}
#page_projects h1.pagetitle{ visibility:hidden; }
/**
 * plain text stylings
 */
h2{
	font-size:17px;
	font-weight:normal;
	color:#2A343D;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
p{
	padding:6px 0 4px;
	line-height:18px;
}
a{
	color:#DD00A6;
}

/**
 * Page specific text styles
 */

/**
 * Our Services Page
 */
#page_our_services p.infolinks a{
	color:#282C2E;
	border-bottom:1px solid #779DC5;
	line-height:9px;
	height:9px;
}
/**
 * Our Work Page
 */
#page_projects #project_pagination{
	width:675px;
	position:absolute;
	left:245px;
	top:35px;
}
#page_projects #categories{
	font-size:16px;
	color:#ACBBC8;
}
#page_projects #categories a{
	color:#ACBBC8;
	margin:0 10px;
	padding:0 1px 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
#page_projects #categories a:hover, #page_projects #categories a.active{
	color:#698ECE;
}
#page_projects #categories a.active{
	border-bottom:1px solid #96A6BE;
}
#page_projects .pagination{
	width:110px;
	position:absolute;
	right:0;
	top:-4px;
	color:#FAFBFB;
	font-size:12px;
	text-align:justify;
	padding:0;
}
#page_projects .pagination div{
	display:inline;
	font-size:11px;
}
#page_projects .pagination a{
	color:#838688;
	font-size:11px;
}
#page_projects .pagination a:hover{
	color:#FAFBFB;
}
#page_projects .pagination .prev{
	float:left;
}
#page_projects .pagination .next{
	float:right;
	padding:0 5px 0 0;
}
#page_projects .pagination span{
	display:block;
	white-space:nowrap;
}
/**
 * Our Work view project styles
 */
#returnbar{
	width:100%;
	height:20px;
	position:absolute;
	z-index:20;
	top:0;
	background:#9A9A90;
	padding:0 20px;
	line-height:15px;
	color:#FDFEFE;
	font-size:11px;
}
#returnbar .navlinks{
	position:relative;
	left:700px;
}
#returnbar a{
	font-size:11px;
	color:#FDFEFE;
	margin:0 12px 0 10px;
}
#returnbar a:hover, #returnbar a.disabled{
	color:#666;
}
#returnbar a.disabled{
	cursor:default;
}
#returnbar a span{
	font-size:13px;
	padding:2px;
}
#viewproject{
	position:absolute;
	z-index:20;
	width:844px;
	height:487px;
	top:20px;
	left:100px;
	overflow:hidden;
	font-size:12px;
}
#viewprojectwrap{
	width:844px;
	height:487px;
	background:url('../images/viewproject.png') 0 0 no-repeat;
	overflow:hidden;
}
#viewproject #gallery, #viewproject #projectDetails{
	width:390px;
	float:left;
	padding:35px 0 35px 35px;
}
#viewproject #projectDetails{
	width:370px;
}
#viewproject #projectDetails{
	padding:35px 30px 35px 15px;
}
#viewproject a.close{
	width:21px;
	height:21px;
	position:absolute;
	right:16px;
	top:16px;
	cursor:pointer;
}
#viewproject #projectDetails h2{
	color:#2A374B;
	font-size:14px;
	margin:4px 0 0 0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
}
#viewproject p{
	font-size:12px;
	line-height:16px;
	color:#2A343D;
}
#viewproject a.weblink{
	color:#0270DE;
	text-decoration:underline;
	font-size:12px;
}
#viewproject #catlinks, #viewproject #catlinks a{
	color:#999;
	font-size:13px;
}
#viewproject #preview{
	border:6px solid #595858;
	width:368px;
	height:243px;
}
#viewproject #preview img{
	width:368px;
	height:243px;
}
#viewproject .thumbs{
	padding:12px 0;
	width:100%;
	overflow:hidden;
}
#viewproject .thumbs li{
	background:url('../images/thumbs.png') 0 0 no-repeat;
	width:85px;
	height:64px;
	float:left;
	display:inline;
	margin:5px;
}
#viewproject .thumbs li img{
	width:71px;
	height:51px;
	margin:6px 7px;
	cursor:pointer;
}
#viewproject .thumbs li:hover, #viewproject .thumbs li.hover{
	background-position: -98px 0;
}
#viewproject .thumbs li.active{
	background-position: -196px 0;
}

/**
 * Get a Quote Page
 */
/*#page_quotes h2{
	font-size:15px;
	color:#596168;
	font-weight:bold;
}*/
span.required{
	color:#DD00A6;
	font-size:11px;
	line-height:25px;
}
#QuoteAddForm fieldset{
	overflow:hidden;
	padding:5px 0;
	line-height:25px;
	vertical-align:bottom;
}
#QuoteAddForm fieldset div{
	padding:1px 0;
	width:50%;
	float:left;
}
#QuoteAddForm fieldset div.textarea{
	float:none;
	clear:both;
	width:100%;
}
#QuoteAddForm fieldset div.error-message{
	display:block;
	width:100%;
	float:none;
	color:red;
	clear:left;
	text-indent:84px;
	font-size:9px;
	line-height:11px;
}
#QuoteAddForm fieldset.userinterest p{
	width:100%;
}
#QuoteAddForm fieldset *{
	vertical-align:middle;
}
#QuoteAddForm fieldset div label, #QuoteAddForm fieldset div.radio span{
	display:block;
	width:80px;
	float:left;
	text-align:right;
	padding:0 4px 0 0;
	font-size:12px;
	text-transform:lowercase;
}
#QuoteAddForm fieldset div label:after{
	content:':';
}
#QuoteAddForm fieldset div.radio fieldset{
	padding:0;
	line-height:25px;
	height:25px;
	white-space:nowrap;
}
#QuoteAddForm fieldset div.radio fieldset legend{
	display:none;
}
#QuoteAddForm fieldset div.radio legend{
	text-transform:lowercase;
	text-align:right;
}
#QuoteAddForm fieldset div.radio label{
	display:inline;
	width:auto;
	float:none;
	padding:0 8px 0 3px;
	font-size:10px;
}
#QuoteAddForm fieldset div.radio label:after, #QuoteAddForm div.select div.checkbox label:after{
	content:'';
}
#QuoteAddForm select{
	width:145px;
	font-size:13px;
	border:1px solid #A5ACB2;
}
#QuoteAddForm select option{
	padding:0 3px;
}
#QuoteAddForm textarea{
	width:460px;
	font-size:13px;
	border:1px solid #A5ACB2;
}
#QuoteAddForm input[type="text"]{
	border:1px solid #A5ACB2;
}
#QuoteAddForm div.select div.checkbox{
	display:inline;
	width:auto;
}
#QuoteAddForm fieldset.userinterest div.select{
	width:100%;
}
#QuoteAddForm div.select div.checkbox label{
	display:inline;
	width:auto;
	float:none;
	padding:0 9px 0 3px;
	font-size:10px;
}
#QuoteAddForm .formbuttons{
	width:86%;
	text-align:right;
}
#QuoteAddForm div.button{
	height:26px;
	background:url('../images/button.png') 0 0 no-repeat;
	line-height:20px;
	cursor:pointer;
	float:right;
	padding:0;
	width:auto;
}
#QuoteAddForm div.button input{
	border:none;
	background:none;
	background:url('../images/button.png') 100% -26px no-repeat;
	height:26px;
	margin:0 0 0 10px;
	padding:0 10px 4px 0;
	font-size:12px;
	color:#2A343D;
	cursor:pointer;
}
#QuoteAddForm div.button.reset{
	float:left;
	position:relative;
	left:90px;
}
/**
 * Thankyou page styles
 */
#page_thankyou h2, #page_thankyou a, #page_thankyou p{
	font-size:17px;
	color:#2A343D;
	line-height:24px;
}
#page_thankyou h2, #page_thankyou p{
	padding:5px 0 15px 20px;
}
#page_thankyou h2{
	font-weight:bold;
	color:#2A343D;
}
#page_thankyou .pagecontent a, #page_thankyou .pagecontent span{
	color:#0D6DB9;
	border:0;
	font-weight:normal;
}

/**
 * Static page styles
 */
#contentleft{
	width:450px;
	float:left;
}
#contentright{
	width:166px;
	padding-left:10px;
	float:left;
}
#contentleft h2{
	width:410px;
	margin:0 0 8px;
}
#contentleft p.caption{
	font-size:11px;
	padding:2px 0;
}
#contentleft div.staticImage{
	border:1px solid #000;
	width:445px;
	margin:20px 0 0;
}
#contentleft div.staticImage img{
	display:block;
}
#contentright .navlinks{
	margin:20px 5px 10px;
}
#contentright a{
	font-size:12px;
	color:#AC023A;
	padding:0 0 0 10px
}
#contentright a span{
	font-size:14px;
}
#contentright .navlinks li{
	overflow:hidden;
}
#contentright .navlinks a{
	color:#0270DE;
	display:block;
	width:100%;
	padding:2px;
	margin:3px 0;
	/*
	line-height:20px;
	height:20px;
	white-space:nowrap;*/
}
#contentright .navlinks a:hover{
	color:#C5D3DA;
	background:#647082;
}
#contentright .navlinks a.active{
	color:#475562;
	background:#D7DDE3;
}

/**
 * CMS Login Bar styles
 */
#cmslogin, #cmsloginlink{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:10;
	color:#B7C7E0;
	font-size:12px;
}
div.loginform{
	height:80px;
	width:100%;
	position:absolute;
	z-index:7;
	background:#2E3339;
	opacity:0.8;
	left:0;
	top:0;
}
#cmsloginlink a.loginlink{
	font-size:14px;
	color:#B7C7E0;
	line-height:30px;
	margin:0 30px;
}
#cmsloginlink a.loginlink:hover{
	color:#FFF;
}
#cmsloginlink a.loginlink span{
	font-size:16px;
	padding:0 2px;
}
#cmslogin form{
	margin:2px 0 0 30px;
	opacity:0.8;
	position:absolute;
	width:100%;
	height:80px;
}
form.cmsloginform h3{
	font-size:14px;
	color:#B7C7E0;
	padding:5px 0;
	font-weight:normal
}
form.cmsloginform{
	line-height:18px;
	vertical-align:middle;
}
form.cmsloginform label, form.cmsloginform span{
	padding:0 4px 0 0;
	text-transform:lowercase;
}
form.cmsloginform div{
	width:210px;
	height:50px;
	float:left;
}
form.cmsloginform div.error-message{
	display:inline;
	color:red;
	font-size:11px;
	text-indent:34px;
}
form.cmsloginform input{
	border:1px solid #FBFAFA;
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
	background:#A2A3A4;
	margin:0 10px 0 0;
	padding:1px;
	opacity:0.6;
	height:18px;
	line-height:18px;
	vertical-align:middle;
}
form.cmsloginform input.send, form.cmsloginform input.start{
	border:none;
	background:url('../images/send.gif') 0 100% no-repeat;
	color:#B7C7E0;
	padding:0 0 0 40px;
	cursor:pointer;
	opacity:1;
	vertical-align:bottom;
	width:80px;
}
form.cmsloginform input.start{
	padding:0;
	font-weight:bold;
	font-size:12px;
	background:url('../images/start.gif') 0 100% no-repeat;
	width:110px;
}
form.cmsloginform a.cancel{
	border:none;
	background:url('../images/cancel.gif') 0 100% no-repeat;
	color:#A5A6A6;
	padding:0 0 1px 20px;
	opacity:1;
	display:inline-block;
	width:60px;
	line-height:18px;
	vertical-align:bottom;
}
/**
 * CMS page styles
 */
#page_content_management_systems h2, #page_content_management_systems p{
	width:90%;
}
#page_content_management_systems h4{
	font-size:12px;
	color:#2A343D;
	margin:10px 0 0;
}
#page_content_management_systems .pagecontent ul{
	margin:5px 10px;
}
#page_content_management_systems .pagecontent li{
	line-height:20px;
}
#page_content_management_systems .pagecontent{
	padding:20px 0 20px 20px;
}
#page_content_management_systems #cmslinks{
	padding:20px 0 10px;
}
#page_content_management_systems #cmslinks a{
	color:#AC023A;
	font-size:16px;
	margin:0 140px 0 15px;
}
#page_content_management_systems div.cmsloginform{
	background:#EBEBE7;
	position:absolute;
	left:0;
	width:625px;
	bottom:0;
	padding:10px 25px 15px;
	line-height:30px;
	display:none;
}
#page_content_management_systems div.cmsloginform h2, #cmsquoteform h2{
	color:#AC023A;
	font-size:16px;
}
#page_content_management_systems div.cmsloginform form h3{
	color:#36353A;
}
#page_content_management_systems div.cmsloginform form input{
	background:#F8F8F7;
	border:1px solid #000;
}
#page_content_management_systems div.cmsloginform form .buttons input,
#page_content_management_systems div.cmsloginform form .buttons a{
	border:none;
	background:none;
	border-bottom:1px solid #000;
	color:#36353A;
	padding-bottom:0;
	height:18px;
	font-size:12px;
	line-height:18px;
	vertical-align:bottom;
}
#page_content_management_systems div.cmsloginform form .buttons input{
	font-size:13px;
	line-height:14px;
}
form#PageAddForm{
	height:100%;
}
div#tooltipwrap{
	width:176px;
	height:101px;
	display:none;
	padding:12px 15px;
	position:absolute;
	z-index:10000;
	top:0;
	left:0;
	background:url('../images/tooltip.png') 0 0 no-repeat;
	font-size:10px;
}
span.tooltip{
	display:none;
}