@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #666;
	background-image: url(../webMedia/images/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}


a:link { color:#333; text-decoration:none; font-size:12px;}
a:hover { color:#333; text-decoration:underline; font-size:12px;}
a:visited { color:#333; text-decoration:none; font-size:12px;}

#container {
	width: 980px;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; 
}
#header {
	padding: 0px 0px 0px 0px;
	background-color: #FFF;
}
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #91B251;
	letter-spacing: -2px;
}
h3 {
	font-size: 12px;
}
.address {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	word-spacing: -2px;
}
#mainText p {
	padding-right:10px;
	color:#333;
}
.logo {
	padding:18px 0px 0px 30px;
}
.telephoneAD {
	padding: 0px 35px 0px 0px;
}
.telephone {
	padding: 90px 35px 0px 0px;
}
.topBr {
	padding: 20px 0px 0px 35px;
}
#header h1 {
	display:none;
}
#mainText h2 {
	display:none;
}
#carousel h3 {
	display:none;
}
img {
	border:none;
}
#mainContent {
	padding: 0px 35px 0px 35px;
	background: #FFFFFF;
}
#mainText {
	width:629px;
	border: 1px solid #999;
	float: left;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-left:10px;
}
#mainText2 {
	width:629px;
	border: 1px solid #999;
	float: left;
	margin-bottom:10px;
	padding-bottom:10px;

}
#mainTextlinks {
	width:629px;
	border: 1px solid #999;
	float: left;
	padding-left:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#mainContactText {
	width:639px;
	height:500px;
	border: 1px solid #999;
	float: left;
	margin-bottom:10px;
	padding-bottom:10px;
}

#mainText a:link { color:#333; text-decoration:none;}
#mainText a:hover { color:#333; text-decoration:underline;}
#mainText a:visited { color:#333; text-decoration:none;}

#mainCTAwrapper {
	float: right;
	width: 260px;
	margin-left: 7px;
}
#brandingCTAwrapper {
	float: right;
	height: 340px;
	width: 260px;
	margin-left: 7px;
}
#branding_testimonials {
	width:258px;
	height:273px;
	margin-top:3px;
	border: 1px solid #999;
	background-image: url(../webMedia/images/testimonialsTop.gif);
	background-repeat:no-repeat;
	background-position: left top;
}
#mainCTAwrapper2 {
	float: right;
	height: 250px;
	width: 260px;
	margin-left: 7px;
}
#CTAwrapper {
	float: right;
	width: 260px;
	margin-left:10px;
}
#CTAwrapper {
	float: right;
	width: 260px;
	margin-left:10px;
}
#testimonials {
	width:258px;
	margin-top:3px;
	border: 1px solid #999;
	background-image: url(../webMedia/images/testimonialsTop.gif);
	background-repeat:no-repeat;
	background-position: left top;
}
#homeTestimonials {
	width:258px;
	margin-top:3px;
	background-color:#E6E6E6;
	background-image: url(../webMedia/images/testimonialsTop.gif);
	background-repeat:no-repeat;
	background-position: left top;
}

#testimonials_portfolio {
	width:258px;
	height:182px;
	margin-top:3px;
	border: 1px solid #999;
	background-image: url(../webMedia/images/testimonialsTop.gif);
	background-repeat:no-repeat;
	background-position: left top;
}

#testimonials p {
	font-size: 10px;
	font-style: italic;
	padding: 48px 5px 5px 5px;
	color: #666;
}
#homeTestimonials p {
	font-size: 10px;
	font-style: italic;
	padding: 40px 5px 5px 5px;
	color: #666;
}
#servicesTestimonials {
	width:258px;
	height:232px;
	margin-top:3px;
	border: 1px solid #999;
	background-image: url(../webMedia/images/testimonialsTop.gif);
	background-repeat:no-repeat;
	background-position: left top;
}

#servicesTestimonials p {
	font-size: 10px;
	font-style: italic;
	padding: 40px 5px 5px 5px;
	color: #666;
}
#branding_testimonials p {
	font-size: 10px;
	font-style: italic;
	padding: 40px 5px 5px 5px;
	color: #666;
}
#testimonials_portfolio p {
	font-size: 10px;
	font-style: italic;
	padding: 40px 5px 5px 5px;
	color: #666;
}
#ecommTestimonials {
	width:258px;
	height:242px;
	margin-top:3px;
	border: 1px solid #999;
	background-image: url(../webMedia/images/testimonialsTop.gif);
	background-repeat:no-repeat;
	background-position: left top;
}

#ecommTestimonials p {
	font-size: 10px;
	font-style: italic;
	padding: 40px 5px 5px 5px;
	color: #666;
}

#brandingSlider {
	width:908px;
	height:450px;
	border: 1px solid #999;
	margin-bottom:20px;
}
#carousel {
	width:908px;
	border: 1px solid #999;
	height:250px;
	margin-bottom:10px;
	background-image: url(../webMedia/images/carousel_home.gif);
	background-repeat: no-repeat;	
}
#whatWedo {
	width:908px;
	height:306px;
	padding-top:20px;
	margin-bottom:20px;
	background-color:#9C9C9C;
	border: 1px solid #999;
}
#whatWedo2 {
	width:888px;
	height:470px;
	padding-top:20px;
	padding-left:20px;
	margin-bottom:20px;
	background-color:#9C9C9C;
	border: 1px solid #999;
}

#whatWedo3 {
	width:888px;
	height:2250px;
	padding-top:20px;
	padding-left:20px;
	margin-bottom:20px;
	background-color:#CCC;
	border: 1px solid #999;
}
#whatWedo4 {
	width:888px;
	height:235px;
	padding-top:20px;
	padding-left:20px;
	margin-bottom:20px;
	background-color:#CCC;
	border: 1px solid #999;
}

#servicesListWrapper {
	width:908px;
	height:420px;
	padding-top:20px;
	margin-bottom:20px;
	background-color:#CCC;
	border: 1px solid #999;
}
.serviceButton
{
	float:left;
}

.serviceButton ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.serviceButton li
{
    padding: 0 1px 0 0;
    float: left;
    cursor: pointer;
}

.buttonSettings
{
    padding: 0px 0px 0px 0px;
    height: 0px;
    display: block;
    overflow: hidden;
	margin-left:21px;
}

.smallBus
{
	width: 274px;
	height: 286px;
	background-image: url(../webMedia/images/Small_business_sites.jpg);
	background-repeat: no-repeat;
}

.smallBus:hover
{
	width: 274px;
	height: 286px;
	background-image: url(../webMedia/images/Small_business_sites_roll.jpg);
}

.ecommerce
{
	width: 274px;
	height: 286px;
	background-image: url(../webMedia/images/ecommerce_button.jpg);
	background-repeat: no-repeat;
}

.ecommerce:hover
{
	width: 274px;
	height: 286px;
	background-image: url(../webMedia/images/ecommerce_button_roll.jpg);
}

.re-design
{
	width: 274px;
	height: 286px;
	background-image: url(../webMedia/images/re-design_button.jpg);
	background-repeat: no-repeat;
}

.re-design:hover
{
	width: 274px;
	height: 286px;
	background-image: url(../webMedia/images/re-design_button_roll.jpg);
}
#footer {
}
.footerBr {
	background-image: url(../webMedia/images/topLineBR.gif);
	background-position: center top;
	background-repeat: no-repeat;
	height:1px;
}
#footerBase {
	background-image:url(../webMedia/images/footerBG.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	height:48px;
}
#footerNavleft {
	float:left;
	padding-left:35px;
	margin-top:15px;
	font-size:11px;
	color:#333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footerNavleft a:link, a:visited {
	color:#333;
	text-decoration:none;
}
#footerNavleft a:visited {
	color:#333;
	text-decoration:none;
}
#footerNavleft a:hover {
	color:#333;
	text-decoration:underline;
}
#footerNavright {
	float:right;
	padding-right:35px;
	margin-top:15px;
	font-size:11px;
	color:#333;
}
#footerNavright a:link, a:visited {
	color:#91B251;
	text-decoration:none;
	font-weight: bold;
}
#footerNavright a:visited {
	color:#91B251;
	text-decoration:none;
	font-weight: bold;
}
#footerNavright a:hover {
	color:#91B251;
	text-decoration:underline;
	font-weight: bold;
}
#footer p {
	margin: 0; 
	padding: 10px 0; 
}
.fltrt { 
	float: right;
}
.fltlft { 
	float: left;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.freshcentre #container #mainContent #mainText p {
	text-align: justify;
}
