/* CSS Document */

/* Body and Universal Reset */

* {margin: 0; padding: 0;}

body {
	text-align:center;
	margin:0;
	background:url(/images/backgrounds/footer_bg.jpg) repeat-y #000 bottom center;
}

#headerWrapper {
	background:url(/images/backgrounds/header_bg.jpg) no-repeat #000 top center;
}

#middleBodyWrapper {
	background:url(/images/backgrounds/bg.jpg) repeat #E8E4DB center 1px;
}

.home #middleBodyWrapper {
	background-position:0 -106px;
}

td {
	vertical-align:top;
}

img {
	border:0;
}

#popupWindowCaller {
	display:none;
}

.clear {
	clear:both;
}


/* Typography */

h2.subhead {
	margin:0 0 20px 0;
}

.pageSubmenu a {
	color:#000;
}

.pageSubmenu a:hover {
	color:#F15C24;
}


/* Header */

#header {
	height:85px;
	width:945px;
	margin:0 auto;
	padding:21px 0 0 28px;
	text-align:left;
}


/* Main Navigation */

#mainNav {
	padding:35px 0 0 50px;
	background:url(images/backgrounds/mainnav_left_bg.gif) no-repeat bottom left;
	float:right;
}

#mainNav li {
	list-style:none;
	display:inline;
	float:left;
	padding:0 15px;
	border-bottom:1px solid #383838;
}

#mainNav li.lastLink {
	padding-right:0;
}

#mainNav li a {
	width:47px;
	display:block;
	float:left;
	height:15px;
	background:url(/images/menu/home.gif) no-repeat 0 -29px;
	text-indent:500px;
	overflow:hidden;
	white-space:nowrap;
}

#mainNav li a.services {
	width:79px;
	background-image:url(/images/menu/services.gif);
}

#mainNav li a.products {
	width:88px;
	background-image:url(/images/menu/products.gif);
}

#mainNav li a.portfolio {
	width:91px;
	background-image:url(/images/menu/portfolio.gif);
}

#mainNav li a.about {
	width:55px;
	background-image:url(/images/menu/about.gif);
}

#mainNav li a.blog {
	width:41px;
	background-image:url(/images/menu/blog.gif);
}

#mainNav li a.contact {
	width:74px;
	background-image:url(/images/menu/contact.gif);
}

#mainNav li a:hover, #mainNav li.down a {
	background-position:top left;
}

#mainNav li.last {
	border:none;
	background:url(images/backgrounds/mainnav_right_bg.gif) no-repeat bottom right;
	width:10px;
	height:16px;
}


/* SideBar */

#sideBar {
	width:245px;
	float:left;
}

.home #sideBar {
	width:565px;
}


/* Sub Nav */

#subNav {
	margin:0 0 45px 0;
}

#subNav li {
	border-left:1px solid #E7E3D8;
	padding:11px 0 0 18px;
	list-style:none;
	line-height:18px;
}

#subNav li.subNavHeading {
	padding:5px 0 24px 0;
	text-transform:uppercase;
	border:none;
	font-size:19px;
	font-weight:bold;
}

#subNav li.subNavHeading a {
	color:#00C0F3;
}

#subNav li.first {
	padding-top:0;
}

#subNav li.child {
	padding-left:38px;
	font-style:italic
}

#subNav li a {
	color:#979691;
}

#subNav li a:hover, #subNav li.down a {
	color:#000;
}

#subNav li.down a {
	font-weight:bold;
}


/* Content */

#bannerContainer {
	width:973px;
	margin:0 auto;
	padding:0 18px;
}

.home #bannerContainer {
	width:100%;
	padding:0;
}

#requestProposalCont {
	width:973px;
	margin:0 auto;
}

#requestProposal {
	text-indent:500px;
	overflow:hidden;
	width:188px;
	height:100px;
	background:url(images/buttons/request_proposal.png) no-repeat bottom left;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/buttons/request_proposal.png',sizingMethod='scale');
	float:right;
	position:relative;
	margin:0 28px -100px 0;
	white-space:nowrap;
}

#requestProposal:hover {
	height:120px;
	margin-bottom:-120px;
}

#bannerContainer img {
	display:block;
}

#contentContainer {
	background:#fff;
	padding:44px 40px 30px;
	margin:0 auto;
	width:893px;
	text-align:left;
}

#content {
	width:600px;
	float:right;
}

.home #content {
	width:285px;
}

#content p, #content table, #content ul {
	margin:0 0 18px 0;
}

#content ul {
	margin-left:17px;
}

#content a {
	text-decoration:underline;
}

#content h2 a, #content h3 a {
	text-decoration:none;
}

#content div#featuredProjects, #content ul#featuredProjects {
	margin-left:0;
}

.pageImgs{
	float:right;
	margin:3px 0 0 10px;
	border:solid #E7E3D8 3px;
}


/* Home */

#featuredProjects a, #featuredProjects li{
	border:6px solid #E7E3D8;
	margin:18px 0 0 0;
	list-style:none;
	height:194px;
	width:553px;
	float:left
}

#featuredProjects li a{
	border:none;
	margin-top:0;
}

#featuredProjects a:hover, #featuredProjects li:hover {
	border:6px solid #BFB9AA;
}

#featuredProjects li:hover a{
	border:none
}

#featuredProjects span.viewPortfolio a{
	text-align:center;
	border:none;
	margin:25px 0 0 0;
	height:auto;
	width:553px;
	float:left
}

h2.ourServices {
	margin:30px 0 20px 0;
}

h3.servicesHeading {
	background:url(images/backgrounds/featured_services_arrow.gif) no-repeat 3px 0;
	height:35px;
	padding:0 0 0 39px;
	margin:0;
	text-transform:uppercase;
}

h3.servicesHeading a {
	background:url(images/backgrounds/featured_services_bg.gif) repeat-x #F15C24;
	color:#fff;
	float:left;
	height:35px;
	padding:0 0 0 6px;
}

h3.servicesHeading a span {
	background:url(images/backgrounds/featured_services_right_arrow.gif) no-repeat top right;
	float:left;
	padding:2px 37px 0 0;
	height:33px;
	cursor:pointer;
}

h3.servicesHeading a:hover span {
	padding-right:47px;
}

#content p.servicesDescription {
	border-left:3px solid #E7E3D8;
	padding:29px 0 42px 36px;
	margin:-21px 0 -17px 0;
	*margin-top:-23px;
	color:#84847F;
	font-size:12px;
	font-style:italic;
	line-height:18px;
}

#content p.servicesDescriptionLast {
	border:none;
}

#homeFooter {
	border-top:3px solid #E6E3DC;
	padding:21px 0 0 0;
	margin:35px 0 0 0;
}

#homeFooter img {
	display:block;
}

#homeFooter a {
	color:#000;
}

#homeFooter a:hover {
	color:#000;
	text-decoration:underline;
}

#latestProjects {
	width:325px;
	float:left;
}

#latestProjects ul {
	margin:18px 10px 0 0;
}

#latestProjects li {
	list-style:none;
	font-size:12px;
	width:145px;
	float:left;
}

#featuredTweet {
	width:269px;
	float:left;
	padding:0 0 24px 0;
	background:url(/images/backgrounds/twitter_box_bottom.gif) no-repeat bottom left;
}

#tweet {
	background:url(/images/backgrounds/twitter_box_top.gif) no-repeat #00C0F3;
	padding:13px;
	color:#fff;
	font-size:12px;
	margin:21px 0 0 0;
}

#tweet li {
	list-style:none;
}

#tweet p {
	margin:0 0 10px 0;
}

.tweetTime {
	font-size:11px;
	font-style:italic;
}

#homeFooter #featuredBlog {
	float:right;
	width:260px;
}

#featuredBlog {
	font-size:13px;
	line-height:21px;
}

#featuredBlog a {
	color:#8DC63F;
}

.featuredBlogTitle {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin:18px 0 7px 0;
}

.postDate {
	font-size:11px;
	color:#979691;
	font-style:italic;
}


/* Portfolio */

h2.website {
	margin:5px 0 0 0;
	text-transform:none;
	font-size:14px;
	font-weight:normal;
	color:#000;
}

.viewPortfolio {
	text-align:right;
	padding-right:10px;
}

.portWebsite, .portWebsitefirst {
	width:179px;
	float:left;
	margin-left:31px;
	margin-bottom:25px;
	line-height:20px;
}

.portWebsitefirst {
	margin-left:0;
}

.portWebsite img, .portWebsitefirst img {
	border:4px solid #E7E3D8;
}

.portWebsite a:hover img, .portWebsitefirst a:hover img, .clientlogo a:hover, .clientlogofirst a:hover {
	border-color:#BFB9AA;
}

.clientlogo a, .clientlogofirst a {
	width:127px;
	height:82px;
	float:left;
	border:4px solid #E7E3D8;
	margin:0 0 13px 19px;
	text-align:center;
	vertical-align:middle;
}

.clientlogofirst a {
	margin-left:0;
}

.viewWebsite a {
	background:url(/images/spacers/bulletGrey.gif) left center no-repeat;
	padding-left:12px;
	color:#ABAEAE;
	font-style:italic;
	font-size:11px;
}

.viewWebsite a:hover {
	background:url(/images/spacers/bulletOrange.gif) left center no-repeat;
	color:#ED5C33;
}

.linespacer {
	clear:both;
}


/* Blog */

.displaying {
	text-align:center;
}



/* Online Enquiry Form */

.onlineEnquiryTable td {
	padding-bottom:5px;
}

.yourDetails {	
	padding:7px 0 0 0;
	height:30px;
	font-weight:bold;
	font-size:13px;
}

.requiredFields {
	text-align:right;
	padding:7px 0 0 0;
	font-size:11px;
}

.required {
	text-align:center;
	vertical-align:middle;
	padding-left:15px;
	padding-right:5px;
}

.onlineEnquiryTable input.textinput, .onlineEnquiryTable input.textinputhover, .onlineEnquiryTable textarea {
	width:440px;
}

.paymentForm input.textinput, .paymentForm input.textinputhover {
	width:370px;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(/images/backgrounds/white.gif);
}

.textinput {
	border:1px solid #BABABA;
	padding:3px;
}

.textinputhover {
	border:1px solid #F15C24; 
	padding:3px;
}

select {
	font-size:12px;
	color:#000000;
}

.submit {
	text-align:right;
}

.errorText {
	color:#FF0000;
}


/* Footer */

#footer {
	text-align:left;
	margin:0 auto;
	width:973px;
	color:#474748;
	font-size:11px;
	line-height:19px;
	padding:29px 0 10px 0
}

#footerLogos {
	text-align:center;
	width:180px;
	list-style:none;
}

#footerLogos li {
	margin:0 0 16px 0;
}

#footerRight {
	float:right;
	width:746px;
	padding:0 12px 0 17px;
}

ul.footerLinks {
	margin:0 25px 30px 0;
	float:left;
}

ul.footerLinks.footerLinksFirst {
	margin-left:-17px;
	_margin-left:-9px;
}

ul.footerLinks li {
	font-size:12px;
	padding:0 0 5px 17px;
	list-style:none;
}

ul.footerLinks li.footerNavHeading {
	padding:5px 0 11px 0;
	height:14px;
}

ul.footerLinks li.footerNavHeading a {
	display:block;
	float:left;
	height:14px;
	background:url(/images/buttons/web_development.gif) no-repeat;
	width:160px;
	text-indent:500px;
	overflow:hidden;
}

ul.footerLinks li.footerNavHeading a.stores {
	background-image:url(/images/buttons/online_stores.gif);
}

ul.footerLinks li.footerNavHeading a.marketing {
	background-image:url(/images/buttons/online_marketing.gif);
	width:164px;
}

ul.footerLinks li.footerNavHeading a:hover {
	background-position:0 -14px;
}

ul.footerLinks a {
	color:#FFFFFF;
}

ul.footerLinks a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

ul.footerNav li {
	list-style:none;
	display:inline;
	margin:0 10px 0 0;
}

ul.footerNav li a {
	color:#474748;
}

ul.footerNav li a:hover {
	color:#fff;
}

.communityProject {
	float:right;
	margin:-15px 50px 0 0;
}