@charset "UTF-8";
/* CSS Document - strating with Eric Meyer Reset Concept*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style:circle;

}

li {
	margin:20px 0 0 20px;
	padding:0;
	font-family:"Helvetica", Verdana, Arial, sans-serif;
	font-size:11px;
	color:#999999;
}

.li_sub {
	margin: 5px 0 0 50px;
	padding:0;
}

.clear {
	clear:both;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*body css*/

body {
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	line-height: 1;
	margin:0 auto;
	padding:0;
	color: #333333;
	background: white;
	background-image:url(../img/body_bg.jpg);
	background-repeat:no-repeat;
}

a {
	color:#00b5ec;
	text-decoration:none;
	font-size:11px;
}

a:hover {
	color:#333333;
}

.error {
	clear:both;
	margin:10px 0;
	padding:0;
	color:#FF0000;
}

p {
	margin:0 0 10px;
	padding:0;
	font-family:"Helvetica", Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight:lighter;
	color:#999999;
	text-align:justify;
	line-height:13px;
}

h1 {
	font-family:"Helvetica", Verdana, Arial, sans-serif;
	font-size:16px;
	font-weight:lighter;
	text-align:left;
	color:#333333;
	margin:0 0 20px 0;
	padding:0;
	line-height:18px;
}

h1 a {
	font-size:16px;
	color:#333333;
	text-decoration:none;
}

h1 a:hover {
	color:#00b5ec;
}

	.subtitle {
		text-align:left;
		font-size:14px;
		color:#999999;
		line-height:18px;
		font-weight:lighter;
	}
	
	.subtitle2 {
		font-size:11px;
		color:#666666;
	}
	
	.subtitle3 {
		font-size:12px;
		color:#666666;
		margin:-15px 0 10px 0;
		padding:0;
	}
	
	.ACB {
		color:#000000;
		font-size:13px;
	}
	.Design {
		color:#999999;
		font-size:13px;
	}
	
	.highlight_blue {
		color:#00b5ec;
	}
	
	.darker_text {
		color:#333333;
	}
	
h2 {
	font-family:"Helvetica", Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	text-align:left;
	color:#333333;
	margin:0 0 5px;
	padding:0;
}

h2 a {
	font-size:12px;
	color:#333333;
	text-decoration:none;
}

h2 a:hover {
	color:#00b5ec;
	text-decoration:none;
}

div#site_container {
	margin:0 auto;
	padding:0;
	width:970px;
	height:800px;
	position:relative;
}

div#site_header {
	position:fixed;
	top:0;
	margin:0;
	padding:0;
	height:45px;
	width:970px;
	background-image:url(../img/header_bg.png);
	background-repeat:no-repeat;
}

div#acb_logo {		
	margin:0;
	padding:0;
	width:160px;
	height:40px;
	float:left;		
}

div#acb_logo a{
	text-decoration:none;
	display:block;
	background-image:url(../img/acb_logo.png);
	background-repeat:no-repeat;
	margin:2px 0 0 18px;
	padding:0;
	width:160px;
	height:40px;
	float:left;	
}
div#acb_logo a:hover {
	background-position:-160px 0;
}

div#balls_image {
	width:446px;
	height:240px;
	margin:0 0 20px 0;
	padding:0;
}

/*header links*/

body#acbdesign_link .acbdesign_link a, body#freequote_link .freequote_link a {
	background-position: -80px 0;
	border-top:6px solid #d8d7d7;
	border-bottom:6px solid #d8d7d7;
}
body#webdesign_link .webdesign_link a, body#getintouch_link .getintouch_link a {
	background-position: -85px 0;
	border-top:6px solid #d8d7d7;
	border-bottom:7px solid #d8d7d7;
}
body#about_link .about_link a {
	background-position: -60px 0;
	border-top:6px solid #d8d7d7;
	border-bottom:7px solid #d8d7d7;
}

div#header_links_holder {
	margin:0 1px 0 250px;
	padding:0;
	width:500px;
	height:43px;	
	float:right;
}

.acbdesign_link a{
	text-decoration:none;
	display:block;
	background-image:url(../img/link_acbdesign.png);
	background-repeat:no-repeat;
	margin:0 20px 0 0;
	padding:0;
	width:80px;
	height:31px;
	float:left;	
	border-top:6px solid #ffffff;
	border-bottom:6px solid #ffffff;
}
.acbdesign_link a:hover {
	background-position:-80px 0;
	border-top:6px solid #d8d7d7;
	border-bottom:6px solid #d8d7d7;
}

.webdesign_link a{
	text-decoration:none;
	display:block;
	background-image:url(../img/link_webdesign.png);
	background-repeat:no-repeat;
	margin:0 20px 0 0;
	padding:0;
	width:85px;
	height:31px;
	float:left;	
	border-top:6px solid #ffffff;
	border-bottom:6px solid #ffffff;
}
.webdesign_link a:hover {
	background-position:-85px 0;
	border-top:6px solid #d8d7d7;
	border-bottom:6px solid #d8d7d7;
}

.about_link a{
	text-decoration:none;
	display:block;
	background-image:url(../img/link_about.png);
	background-repeat:no-repeat;
	margin:0 20px 0 0;
	padding:0;
	width:60px;
	height:31px;
	float:left;	
	border-top:6px solid #ffffff;
	border-bottom:6px solid #ffffff;
}
.about_link a:hover {
	background-position:-60px 0;
	border-top:6px solid #d8d7d7;
	border-bottom:6px solid #d8d7d7;
}

.freequote_link a{
	text-decoration:none;
	display:block;
	background-image:url(../img/link_freequote.png);
	background-repeat:no-repeat;
	margin:0 20px 0 0;
	padding:0;
	width:80px;
	height:31px;
	float:left;	
	border-top:6px solid #ffffff;
	border-bottom:6px solid #ffffff;
}
.freequote_link a:hover {
	background-position:-80px 0;
	border-top:6px solid #d8d7d7;
	border-bottom:6px solid #d8d7d7;
}

.getintouch_link a{
	text-decoration:none;
	display:block;
	background-image:url(../img/link_getintouch.png);
	background-repeat:no-repeat;
	margin:0 20px 0 0;
	padding:0;
	width:85px;
	height:31px;
	float:left;	
	border-top:6px solid #ffffff;
	border-bottom:6px solid #ffffff;
}
.getintouch_link a:hover {
	background-position:-85px 0;
	border-top:6px solid #d8d7d7;
	border-bottom:6px solid #d8d7d7;
}

div#homepage_headertext {
	text-indent: -9000px;
	background-image:url(../img/homepage_introtext.png);
	background-repeat:no-repeat;
	width:580px;
	height:245px;
	margin:45px 0 0 0;
	padding:0;
	float:left;
}

.email_link_header a{
	text-decoration:none;
	display:block;
	background-image:url(../img/email_link_header.png);
	background-repeat:no-repeat;
	margin:153px 0 0 24px;
	padding:0;
	width:93px;
	height:30px;
}
.email_link_header a:hover {
	background-position:-93px 0;
}


div#balls_header {
	text-indent: -9000px;
	background-image:url(../img/balls_header.png);
	background-repeat:no-repeat;
	width:420px;
	height:245px;
	margin:-245px 0 0 0;
	padding:0;
	float:right;
}

/*main content area*/

div#maincontent {
	background-image:url(../img/main_content_bg.png);
	background-repeat:no-repeat;
	margin:0;
	padding:25px;
	width:920px;
	height:auto;
	background-color:#FFFFFF;
}

	div#content_left {
		width:446px;
		height:auto;
		margin:0 14px 0 0;
		padding:0;
		float:left;
		text-align:justify;
	}
	
	div#lcs_left {
		width:213px;
		height:auto;
		float:left;
		margin:0 10px 0 0;
		padding:20px 0 0 0;
		background-image:url(../img/section_headers.png);
		background-repeat:no-repeat;		
	}
	
	div#lcs_right {
		width:213px;
		height:auto;
		float:left;
		margin:0 0 0 10px;
		padding:20px 0 0 0;	
		background-image:url(../img/section_headers.png);
		background-repeat:no-repeat;	
	}
	
	div#content_right {
		text-align:justify;
		width:446px;
		height:auto;
		margin:0 0 0 14px;
		padding:0;
		float:right;
	}
	
	.content_seperators {
		margin:10px 0 15px;
		padding:0;
		height:10px;
		width:213px;
		border-bottom:1px dashed #999999;
		clear:both;
	}
	
	.large_content_seperators {
		margin:0 0 10px;
		padding:0;
		height:10px;
		width:446px;
		border-top:1px dashed #999999;
		clear:both;
	}
	
	.content_header {
		margin:20px 0 10px;
		padding:0;
		background-image:url(../img/section_headers.png);
		width:213px;
		height:13px;
	}
	
	.large_content_header {
		margin:0 0 10px;
		padding:0;
		background-image:url(../img/large_section_headers.png);
		width:446px;
		height:13px;
	}
	
	div#latest_news_bg {
		margin:10px 0;
		padding:10px 15px;
		background-image:url(../img/latest_news_bg.png);
		width:183px;
		height:120px;
		font-family:"Helvetica", Verdana, Arial, sans-serif;
		text-align:center;
		color:#FEFEFE;
		font-size:12px;
		line-height:14px;
	}
	
	div#latest_news_bg a {
		color:#000000;
		font-size:14px;
		text-decoration:none;
	}
	
	div#latest_news_bg a:hover {
		color:#333333;
	}
	
	div#latest_news_bg a {
		text-decoration:none;
		color:#FEFEFE;
	}
	
	div#latest_news_bg a:hover {
		text-decoration:none;
		color:#333333;
	}
	
	.icon {
		margin:0;
		padding:0;
		width:41px;
		height:40px;
		float:left;
	}	
	
	.icon_info {
		margin:0;
		padding:0;
		float:right;
		width:162px;
		height:auto;
	}
	
.more_info_link {
	font-size:10px;
	font-style:italic;
	color:#00b5ec;
}

.more_info_link a {
	text-decoration:none;
	color:#00b5ec;
}

.more_info_link a:hover {
	text-decoration:none;
	color:#333333;
}
/*latest projects section*/

.home_project_img {
	margin:10px 0;
	width:213px;
	height:60px;
	border:1px solid #CCCCCC;
}

div#footer {
	margin:0 0 10px 0;
	padding:15px 0 0 0;
	width:970px;
	height:75px;
	background-image:url(../img/footer_bg.png);
	background-repeat:no-repeat;
}

/*Webdesign page*/

div#webdesign_headertext {
	text-indent: -9000px;
	background-image:url(../img/webdesign_introtext.png);
	background-repeat:no-repeat;
	width:580px;
	height:245px;
	margin:45px 0 0 0;
	padding:0;
	float:left;
}

.portfolio_piece {
	margin:10px 0 20px 0;
	padding:0;
	width:920px;
	height:auto;
	border-bottom:1px dashed #999999;
}

.portfolio_image {
	margin:0 0 20px 0;
	padding:0;
	width:446px;
	height:300px;
}


/* free quote page */

div#freequote_headertext {
	text-indent: -9000px;
	background-image:url(../img/freequote_introtext.png);
	background-repeat:no-repeat;
	width:580px;
	height:245px;
	margin:45px 0 0 0;
	padding:0;
	float:left;
}

.field_name {
	font-family:"Helvetica", Verdana, Arial, sans-serif;
	font-size:11px;
	color:#999999;
	height:7px;
	width:150px;
	margin:0;
	padding:13px 0 0 0;
	float:left;
	text-align:right;
}



/*about acbdesign page*/

div#about_headertext {
	text-indent: -9000px;
	background-image:url(../img/about_introtext.png);
	background-repeat:no-repeat;
	width:580px;
	height:245px;
	margin:45px 0 0 0;
	padding:0;
	float:left;
}

.menu_head, .menu_head2, .menu_head3, .menu_head4, .menu_head5 {
	font-size:12px;
	font-style:italic;
	color:#00b5ec;
	cursor:pointer;
}
.menu_body, .menu_body2, .menu_body3, .menu_body4, .menu_body5 {
	list-style:none;
	display:none;
	width:auto;
	float:left;
	margin:0;
	padding:0;
}
.menu_body li, .menu_body2 li, .menu_body3 li, .menu_body4 li, .menu_body5 li {
	color:#666666;
	margin:0 0 20px;
	padding:0;
}

.about_tmbs_holder {
	margin:10px auto;
	padding:0;
	width:240px;
	height:60px;
}

.about_tmb {
	margin:0 10px;
	padding:0;
	text-align:center;
	width:100px;
	height:60px;
	float:left;
}

/*clientfeedback - aboutpage*/

.client_name {
	margin:5px 0 0 0;
	padding:0;
	float:left;
	width:380px;
	height:30px;
}

.client_thumb {
	margin:0;
	padding:0;
	float:right;
	width:60px;
	height:30px;
	background-color:#CCCCCC;
}

.client_feedback {
	margin:10px 0;
	padding:0;
	width:446px;
	height:auto;
}

/*Contact Page*/

div#contact_headertext {
	text-indent: -9000px;
	background-image:url(../img/contact_introtext.png);
	background-repeat:no-repeat;
	width:580px;
	height:245px;
	margin:45px 0 0 0;
	padding:0;
	float:left;
}

div#mail_success_icon {
	
}

/*footer section*/

.footer_content {
	margin:0 25px;
	padding:0;
	width:920px;
	height:12px;
}

.footer_seperator {
	margin:10px 25px 8px 25px;
	padding:0;
	height:1px;
	width:920px;
	border-bottom:1px solid #d8d7d7;
}

.footer_links {
	font-family:"Helvetica", Verdana, Arial, sans-serif;
	font-size:11px;
	color:#999999;
	display:block;
	width:auto;
	height:10px;
	margin:3px 20px 0 0;
	float:left;
}

.footer_links_img {
	font-family:"Helvetica", Verdana, Arial, sans-serif;
	font-size:11px;
	color:#999999;
	display:block;
	width:auto;
	height:10px;
	margin:0 20px 0 0;
	float:left;
}

.footer_links a {
	text-decoration:none;
	color: #999999;
}
.footer_links a:hover {
	color:#00b5ec;
}
.footer_links_seperator {
	font-family:"Helvetica", Verdana, Arial, sans-serif;
	font-size:11px;
	color:#999999;
	margin:3px 20px 0 0;
	padding:0;
	float:left;
}
.footer_links_seperator_right {
	font-family:"Helvetica", Verdana, Arial, sans-serif;
	font-size:11px;
	color:#999999;
	margin:3px 0 0 20px;
	padding:0;
	float:right;
}
.footer_links_right {
	font-family:"Helvetica", Verdana, Arial, sans-serif;
	font-size:11px;
	color:#999999;
	float:right;
	margin:3px 0 0 20px;
	padding:0;
	width:auto;
	height:10px;
}

.footer_links_right a {
	text-decoration:none;
	color: #999999;
}
.footer_links_right a:hover {
	color:#00b5ec;
}

div#a_symbol {
	margin:0 20px 0 0;
	padding:0;
	float:left;
}