@charset "utf-8";
/* developed by Colin Bradshaw */

/* Default styles */
body, html {
	text-align: center;
	margin: 0; padding: 0;
	background-color: #fff;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	height:100%;
	color: #333;
}
div, img {
	margin:0; padding:0; border: none
}

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 15px; }
h5 { font-size: 14px; }
h6 { font-size: 13px; }
p {	font-size: 12px; }
p,h1,h2,h3,h4,h5,h6 { margin: 0 0 10px 0; font-weight: normal }

td { text-align: left; font-size: 12px; }
th { text-align: center; font-size: 14px; }
li { font-size: 12px; }
label {
	width: 5em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}
a { text-decoration: underline; outline: none; }
a:hover { text-decoration: none; }

/* Divs IDs */
#cont { min-height: 100%; position: relative; }
#bodybox {
	width: 1023px;
	margin: auto;
	margin-top: 10px;
	text-align: left;
	position: relative;
	background: url(../img/bodybg.png) no-repeat;
}
#bodyCont { background: url(../img/botbg.png) bottom no-repeat;
 }
#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;			/* Bump div #bodybox down half the height of the screen. */
	margin-top: -400px; 		/* Half the height of div #bodybox. */
	float: left;
}
#mast {
	height: 290px;
	width:300px;
}
#mast a { display:block; width:100%; height: 100%}
#menu {
	width:300px;
	height:610px;
	position: relative;
}
#left {float:left}
#content {
	text-align:left;
	margin: 60px 15px 0 25px;
	float:left;
}#content a { color: #AA1F62!important}
#footer {
	text-align:left;
	margin:0; padding:0px;
	position: absolute; bottom:0; width: 100%;
	height:55px;
}
#footer a, #footer p { color: #bbb; font-size:10px;padding:22px 0px; margin:0 }
#datediv {position: absolute; top:1px; right:5px; color:#fff;font-size:11px;}

/* Custom Tags */
.linkedin { position: absolute; bottom: 80px }
.textbox { position:relative; padding:0px 20px;}
.slide { position: absolute; width:215px; height:246px; bottom:-102px; right:15px }
.slideCont { position:relative; }
.slideCont img { position:absolute; top:0 }

.titlebox { background: url(../img/tbox.png) no-repeat; width: 430px; height: 34px; padding:5px 20px; margin-top:15px}
.green { color: #6A9C41 }
.testim { color: #fff; 
	background: url(../img/testimonials.gif) no-repeat;
	padding:60px 20px 0px 20px; 
	width:400px; position: absolute; bottom:80px; height:96px
}
.testim a { color: #FFF200!important; text-decoration:none; font-weight: bold }
.testim a:hover { text-decoration: underline }
.quote { background: url(../img/quote.gif) no-repeat; width:190px;height:160px;padding:20px; position:absolute; bottom:80px;right:15px }

.pink { color: #AA1F62 !important }
.right { text-align: right; }
.left { text-align: left; }
.red { color: #f00; }
.center { text-align: center; }
.curved {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior:url(../border-radius.htc);
}
.opaque50 {	
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
.nobg { background: none!important }
.nopad { padding:0px!important }
.nomargin { margin:0px!important }
.small { font-size:10px; line-height: 1.2em }
.purple { color: #AA1F62 }

form.enquiry { width:310px; float:left; margin:20px 0; }
form.enquiry input[type="text"], form.enquiry textarea { width: 210px }
form.enquiry label { text-align:left }

/* Menu CSS */
#menu a {
	display: block;
 	text-decoration: none;
	color: #555;
}
#menu .gr{color: #555;}
#menu h5 { margin:30px 38px }

#menu a { margin-left: 35px; width:184px; display:block }

#menu a.home {background: url(../img/menu/home.gif); height:47px}
#menu a.services {background: url(../img/menu/services.gif) no-repeat; height:53px}
#menu a.about {background: url(../img/menu/about.gif) no-repeat; height:59px}
#menu a.testimonials {background: url(../img/menu/testimonials.gif) no-repeat; height:58px}
#menu a.news {background: url(../img/menu/news.gif) no-repeat; height:54px}
#menu a.contact {background: url(../img/menu/contact.gif) no-repeat; height:47px}

#menu a:hover { background-position: -184px 0; }
#menu a.active { background-position: -184px 0; }