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

/* Default styles */
body, html {
	text-align: center;
	height: 101%;
	margin: 0px; padding: 0px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
h1,h2,h3,h4,h5,p{ font-weight: normal }
h1 { font-size: 27px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 10px }
p {	font-size: 12px;}
h1 b { font-weight: normal; font-size: 1.15em; }
td { text-align: left; font-size: 12px; }
th { text-align: center; font-size: 14px; }
label {
	width: 80px;
	float: left;
	margin-right: 0.5em;
	display: block;
}
a { color: #555; text-decoration: none; }
a:hover { color: #999 !important; }
a:active { color: #eb2f9f !important; text-decoration: underline; }
.active { color: #eb2f9f !important; }
img { border: none; margin: 0; }


/* Divs IDs */
#bodybox {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: #fff;
	clear: both;
}
#mastbox {
	height: 120px;
	padding:0px; margin:0px;
	position:relative
}
#menu {
	height: 16px;
	margin: 0px auto; padding: 0px;
}
#menu .home {background:url(../img/menu/home.png); width:49px}
#menu .services {background:url(../img/menu/services.png); width:69px}
#menu .blog {background:url(../img/menu/blog.png); width:47px}
#menu .portfolio {background:url(../img/menu/portfolio.png); width:69px}
#menu .portfolioa {background:url(../img/menu/portfolio.png); width:69px}
#menu .contact {background:url(../img/menu/contact.png); width:64px}

#bodycontent {
	text-align:left;
	margin:0 50px; padding:10px;
}
#shadow {
	height: 20px;
	background: url(../images/shadow.png) no-repeat top;
}
#footer {
	clear: both;
	text-align:left;
	margin: 0px 44px 5px 44px;
	border-top:#999 1px solid;
	padding-top:20px
}
#footery {
	clear: both;
	text-align:left;
	margin: 0px 44px 5px 44px;
	border-top:#999 1px solid;
	padding-top:20px
}
#footer p, #footery p { 
	font-size:11px!important;font-family: Arial, Helvetica, sans-serif!important}
#form { width:400px; padding:10px; }

.hLeft { float:left; width: 480px; }
.hBack {
	background: url(../images/cup.jpg) bottom right no-repeat!important;
}

.sBack {
	background: url(../images/spoon.jpg) bottom right no-repeat!important;
}
.cBack {
	background: url(../images/chatter.png) bottom right no-repeat!important;
}
.pWrapper {
	padding-left:  47px;
	margin-right: 265px;
}
.pWrapper img {
	margin-bottom: 60px;
}
.pMenu {
	width: 265px;
	float:right;
}
div.pMenu ul{
	font-size: 14px;
	font-family: Hevetica, Arial, sans-serif;
	list-style-type: none;
}

div.pMenu li a{
	color: #4D4D4D;
}
	
/* Custom Tags */
.img_left { float:left; margin-right:20px }
.rar_box { position: relative; }
.right { text-align: right; }
.red { color: #f00; }
.center { text-align: center; }
.pink { color: #ec008c!important; }
a.pink { color: #ec008c!important; text-decoration:underline; }
a.pink:hover { color: #ec008c!important; text-decoration:none; }
.budge { margin-left: 20px; }
.grey { color: #4D4D4D }
.copyright { display: block; width: 1024px; margin: auto; text-align: right; font-size: 12px; }
.portfolio {  }
.uline { text-decoration: underline }


.ss	{ width:500px; height:347px; position:relative; }
.ss img { display:block; position:absolute; top:0; left:0; z-index:1; }


/* Menu CSS */

#menu a {
	display: block;
	float: left;
	height:16px
}
#menu a:hover { background-position:0 -16px}
#menu a.active { background-position:0 -16px}

#contactForm input[type="text"], #contactForm textarea { width:300px }
#form { float:left }
#info { width:320px; float:left; height:600px; position:relative }