@charset "utf-8";
/* CSS Document */


body{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image:url(images/bg.png);
	background-repeat:repeat;
	background-color:#f2f2f2;
	color:#333;
	}

.wrapper{
	background-image:url(images/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	
	}
	
a img{
	border:none;
	}
	
h1{
font-family:Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight:bold;
	color:#333;
	text-align:left;
	margin:0;
	padding:0px;
	line-height:35px;
	
	}
	

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight:bold;
	color:#333;
	text-align:left;
	margin:0;
	padding:0px;
	line-height:35px;
	}

h3{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 30px;
 font-weight:bold;
 color:#FFFFFF;
 text-align:left;
 margin:0;
 padding:0px;
 line-height:45px;
	}

h4{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight:bold;
 color:#FFFFFF;
 text-align:left;
 margin:0;
 padding:0px;
 line-height:20px;
	}
	
	
.port-header{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 25px;
 font-weight:bold;
 color:#B21F60;
 text-align:left;
 margin:0;
 padding:0px;
 line-height:35px;
	
	}
	
/* pre done classes */

.m_auto{
	margin:auto;
	width:775px;
	}

/* enquiry form */

#wrapper{width:510px;text-align:left;}

.box{ border:1px solid #e1dede; background-image:url(images/bg.png);
	background-repeat:repeat;
	background-color:#f2f2f2; padding:8px; width:430px; color:#333333; font-family:Arial;  font-size:11px;}
.box-small{ border:1px solid #e1dede; background-image:url(images/bg.png);
	background-repeat:repeat;
	background-color:#f2f2f2; padding:8px; width:130px; color:#333333; font-family:Arial;  font-size:11px;}
.box-med{ border:1px solid #e1dede; background-image:url(images/bg.png);
	background-repeat:repeat;
	background-color:#f2f2f2; padding:8px; width:250px; color:#333333; font-family:Arial;  font-size:11px;}
.quote-box3{ border:1px solid #e1dede; background-image:url(images/bg.png);
	background-repeat:repeat;
	background-color:#f2f2f2; padding:8px; width:35px; color:#666666; font-family:Arial;  font-size:11px;}
.question{font-size:11px; font-style:italic;}
.send{padding:15px 30px ; background-color:#27abd6; border:none; color:#FFF; margin:0; font-family:Arial;  font-size:13px; font-weight:bold;}
.info{background-color:#27abd6; padding:10px 15px; border:1px solid #27abd6; color:#fff; font-size:11px;}
.btn{float:left;}
#loading{float:left; margin:25px 0}


/* links */



a:link {
	color: #333333;
	text-decoration:none;
}
a:visited {
	color: #333333;
		text-decoration:none;
}

a:hover {
	color: #d99011;
	text-decoration:none;
}
a:active {
	color: #333333;
		text-decoration:none;
}



a.footer:link {
	color: #aca1a7;
	text-decoration:none;
}
a.footer:visited {
	color: #aca1a7;
		text-decoration:none;
}

a.footer:hover {
	color: #b21860;
	text-decoration:none;
}
a.footer:active {
	color: #aca1a7;
		text-decoration:none;
}





/* Digital85 Link */



a.digital85:link {
	display: block;
	width:20px;
	line-height:20px;
	background-image:url(images/digital85.gif);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-2000px;
	
}
a.digital85:visited {
	width:20px;
	line-height:20px;
	background-image:url(images/digital85.gif);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-2000px;
}

a.digital85:hover {
	width:20px;
	line-height:20px;
	background-image:url(images/digital85-rollover.gif);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-2000px;
}
a.digital85:active {
	line-height:20px;
	background-image:url(images/digital85.gif);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-2000px;
	text-align: right;
}



/* text */


.main_content{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 23px;
 color:#222222;
	}
	
	.port-content{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 18px;
 color:#222222;
	}
	
.kind-words{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 23px;
 color:#333;
	}
	
.header-right{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight:bold;
 color:#333;
 text-align:right;
	}
	
.copyright-right{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#ccc;
 line-height:25px;
 text-align:right;
	}
	
.copyright-left{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ccc;
	line-height:35px;
	text-align:left;
	}
	
.footer-left{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#999;
 line-height:20px;
 text-align:left;
	}
	
.footer-left-header{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight:bold;
 color:#b21860;
 line-height:20px;
 text-align:left;
	}
	
.designed-by{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#999999;
 line-height:20px;
 text-align:right;
	}

.seo_content{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 10px;
 color:#617d1a;
	}
	
.contactattop{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#999;
 line-height:20px;
 text-align:right;
	}



.menuattop{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight:bold;
 color:#333333;
 line-height:25px;
 text-align:center;
	}
	
	.menuattop2{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 22px;
 color:#666;
 line-height:22px;
 text-align:right;
	}


/* MAIN MENU */

.menu {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;

}
.menu li {
	padding: 0;
	margin: 0;
	height: 57px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -10000px;
	height: 57px;
	background-repeat: no-repeat;
	
}

.web-bk{
	background-image:url(images/web-bk.gif);
	background-repeat:repeat-x;
	
}

.web-bk2{
	background-image:url(images/web-bk2.gif);
	background-repeat:repeat-x;
	
}

.web-bk3{
	background-image:url(images/bl.jpg);
	background-repeat:repeat-x;
	
}

.web-bk4{
	background-image:url(images/browns-bk.jpg);
	background-repeat:repeat-x;
	
}


.horizontal{
	line-height:2px;
	background-image:url(images/horizontal-rule.gif);
	background-repeat:repeat-x;
}



.home {background-image: url(images/images/images/nav2_01.jpg); width: 113px;}
.home a {background-image: url(images/images/images/nav_01.jpg);}
.web {background-image: url(images/images/images/nav2_02.jpg); width: 65px;}
.web a {background-image: url(images/images/images/nav_02.jpg);}
.logo {background-image: url(images/images/images/nav2_03.jpg); width: 75px;}
.logo a {background-image: url(images/images/images/nav_03.jpg);}
.other {background-image: url(images/images/images/nav2_04.jpg); width: 82px;}
.other a {background-image: url(images/images/images/nav_04.jpg);}
.faqs {background-image: url(images/images/images/nav2_05.jpg); width: 73px;}
.faqs a {background-image: url(images/images/images/nav_05.jpg);}
.kind {background-image: url(images/images/images/nav2_06.jpg); width: 139px;}
.kind a {background-image: url(images/images/images/nav_06.jpg);}
.quote {background-image: url(images/images/images/nav2_07.jpg); width: 89px;}
.quote a {background-image: url(images/images/images/nav_07.jpg);}
.contact {background-image: url(images/images/images/nav2_08.jpg); width: 124px;}
.contact a {background-image: url(images/images/images/nav_08.jpg);}
ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}.footer-left tr td strong {
	color: #FFF;
}


.home-content{
	background-image:url(images/imac.jpg);
	background-position:top left;
	background-repeat:no-repeat;	
}

.contact-content{
	background-image:url(images/contact-content-copy.jpg);
	background-position:top left;
	background-repeat:no-repeat;	
}

.home-content table tr td table tr td table tr .main_content strong {
	color: #B21F60;
}
.home-content table tr td table tr td table tr td {
	font-size: 12px;
}
.contact-content table tr td table tr td table {
	font-size: 13px;
}


a.port:link {
	color: #333333;
	text-align:center;
	text-decoration:none;
	background-color:#e5e5e5;
	padding:15px;
	font-weight:bold;
	
}
a.port:visited {
color: #333333;
	text-align:center;
	text-decoration:none;
	background-color:#e5e5e5;
	padding:15px;
	font-weight:bold;
}

a.port:hover {
	color: #fff;
	text-align:center;
	text-decoration:none;
	background-color:#b21860;
		padding:15px;
}
.porta:active {
	color: #333333;
	text-align:center;
	text-decoration:none;
	background-color:#e5e5e5;
	padding:15px;
	font-weight:bold;
}

.client-name{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 24px;
 font-weight:bold;
 color:#525252;
 text-align:left;
 margin:0;
 padding:0px;
 line-height:45px;	
}

.client-name-featured{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 24px;
 font-weight:bold;
 color:#153a6f;
 text-align:left;
 margin:0;
 padding:0px;
 line-height:45px;	
}

.main_content-featured{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 23px;
 color:#153a6f;
	
	
}

.wrapper tr td table tr td table tr td table tr .main_content p strong {
	font-size: 12px;
}


.questions{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight:bold;
 line-height: 23px;
 color:#222222;
	}
	
.intro-wrapper{
	background-image:url(images/bg-light.jpg);
	background-position:top center;
	background-repeat:repeat;
	
	}
	


.ecom{
	background-image:url(images/ecom.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	
	}
	
	.client-name-featured2{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 24px;
 font-weight:bold;
 color:#354743;
 text-align:left;
 margin:0;
 padding:0px;
 line-height:45px;	
}


.main_content-featured2{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 23px;
 color:#495c58;
}