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

/* Default styles */
body, html {
	text-align: center;
	margin: 0px; padding: 0px;
	font-family: Verdana, Tahoma, sans-serif;
	background: #ededee url(../images/bg.png) repeat-x top;
}

h1 { font-size: 12px; color: #275172}
h2 { font-size: 14px; color: #275172}
h3 { font-size: 12px; color: #275172;}
h4 { font-size: 10px; color: #275172}
.rightbox h3 { margin-top:0}
p {
	font-size: 12px;
	color: #333;
	margin: 10px auto;
}
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 { color: #275172; text-decoration: underline; }
a:hover { color: #275176; text-decoration: none; }
a:active { color: #333; text-decoration: none; }
img { border: none; margin: 0; }


/* Divs IDs */

#bodybox {
	width: 1024px;
	margin: auto;
	margin-top: 10px;
	text-align: left;
	border: 1px solid #cccccc;
	background: #fff;
}
#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;			/* Bump div #bodybox down half the height of the screen. */
	margin-top: -384px; 		/* Half the height of div #bodybox. */
	float: left;
}
#mastbox {
	height: 148px;
	padding:0px; margin:0px;
}
#menu {
	margin: 0; padding: 0;
	overflow: hidden;
}
#top {
	height: 30px;
	margin: 0 0 0px; padding: 0;
	background: url(../images/top.png) repeat-x;
}
#bodycontent {
	text-align:left;
	margin:10px; padding: 0 45px;
	margin-bottom: 70px;
	overflow: hidden;
}
#footer {
	clear: both;
	text-align:left;
	background: #275172 url(../images/footer.png);
	position:relative;
	height:26px;
}
#footer ul{
	list-style-type: none;
	list-style-image: none;
	padding:3px 0; margin:0 0 0 10px;
}
#footer li{
	float: left;
	font-size:10px;
}
#footer a{
	color: #fff;
	display: block;
	height:10px; width: 50px;
	font-weight: 400;
	margin: auto 6px;
	padding: 4px;
}
.map {
	margin:20px 0;float:right
}.map p { margin-top: 0}
.thumbs img{
	border: 1px solid #d9d9da;
	margin: 1px;
	float:left
}
.thumbs { padding: 0; margin-top:10px;
	clear:left;
	float:left;
	width:300px;}
.contact {
	clear:left;
	float:left;
	width:284px;
	height:179px;
	border: #969da7 1px solid;
	background: url(../images/contact_bg.png) no-repeat;
	margin-top: 20px;
}
.contact div {
	padding-top:50px;
	padding-left:60px;
}
.contact input[type=text] {
	margin-bottom: 4px;
	height: 14px;
	width:200px;
}
.contact p {
	display: block;
	width: 80px;
	margin: 5px 0;
	float:left;
}
form.contact input[type=text] {
	margin-top: 2px;
}

/* Social Networking */

#socialnetwork {
}

/* Custom Tags */
.right { text-align: right; }
.red { color: #f00; }
.center { text-align: center; }
.blue { color: #275172; font-weight:bold}
.bold { color: #333; font-weight:bold}
.grey {	color: #aaa; font-size: 9px; width: 1024px; }

/* Menu CSS */
#menuhome{width:49px;background:url(../images/menu/home.png);background-position: 0 -39px;}
#menuwhat{width:85px;background:url(../images/menu/what.png);background-position: 0 -39px;}
#menuwho{width:106px;background:url(../images/menu/who.png);background-position: 0 -39px;}
#menuptp{width:160px;background:0 url(../images/menu/ptp.png);background-position: 0 -39px;}
#menupe{width:138px;background:url(../images/menu/pe.png);background-position: 0 -39px;}
#menucontact{width:85px;background:url(../images/menu/contact.png); background-position: 0 -39px;}

#menuhome:hover{background-position: 0 0}
#menuwhat:hover{background-position: 0 0}
#menuwho:hover{background-position: 0 0}
#menuptp:hover{background-position: 0 0}
#menupe:hover{background-position: 0 0}
#menucontact:hover{background-position: 0 0}

#menuhome.active{background-position: 0 0}
#menuwhat.active{background-position: 0 0}
#menuwho.active{background-position: 0 0}
#menuptp.active{background-position: 0 0}
#menupe.active{background-position: 0 0}
#menucontact.active{background-position: 0 0}

#menuwrap { width: 969px; margin: auto }
.menu {
	height: 39px;
	margin: auto;
	float:left;
}
.menu a { 
	height: 39px!important;
	margin: 0!important;
}
#menu a {
	float:left;
	display: block;
	height: 31px;
	margin: 4px 0;
	outline: none 
}
.rightbox {
	float: right;
	width: 603px;
	margin-top:20px;
}
#time {width:21px;display:block;float:left;height:39px; background: url(../images/menu/l.png);color:#fff;}
#time p { margin-left:20px;padding-top:3px;color:#fff;font-weight:bold;font-size:11px;font-family:arial; }
#email {width:310px;display:block;float:left;padding:0;height:39px;background: url(../images/menu/right.png)}
#btma {
	left: 20px;
	top: -65px;
	position: absolute;
	width: 62px;
}