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

*  {
margin: 0;
padding: 0;
border: 0;
font-family: Arial, Helvetica, sans-serif;
}

body  {
background-image: url(images/bodybg.jpg);
background-repeat: repeat-x;
}

b  {
font-weight: normal;
}

#container  {
width: 960px;
margin: 0 auto;
}

#header  {
position: relative;
width: 960px;
height: 125px;
}

.logo  {
padding-top: 10px;
}

.telephone  {
position: absolute;
top: 95px;
right: 10px;
font-size: 32px;
color: #CC3333;
}

.white  {
color: #FFFFFF;
}

#nav  {
position: absolute;
width: auto;
right: 0px;
top: 0px;
}

#nav li  {
display: inline;
}

#nav a:link,
#nav a:visited  {
color: #FFF;
float: left;
width: 90px;
text-align: center;
text-decoration: none;
padding: 10px;
}

#nav a:hover  {
background-image: url(images/navbg.gif);
background-repeat: no-repeat;
background-position: 50%;
}

#nav li.active  {
color: #FFF;
float: left;
width: 90px;
text-align: center;
text-decoration: none;
padding: 10px;
background-image: url(images/navbg.gif);
background-repeat: no-repeat;
background-position: 50%;
}

#maincontent  {
position: relative;
padding-bottom: 30px;
}

.services  {
margin-top: 35px;
margin-left: 20px;
}

.service  {
list-style-type: none;
width: 270px;
height: 35px;
background-image: url(images/mainlibg.jpg);
background-repeat: no-repeat;
line-height: 35px;
color: #FFFFFF;
text-transform: uppercase;
font-size: 16px;
padding-left: 10px;
margin-bottom: 5px;
}

blockquote  {
font-size: 40px;
color: #CC3333;
position: absolute;
top: 120px;
right: 60px;
}

h1.home  {
font-size: 22px;
color: #CC3333;
margin-left: 40px;
padding-top: 45px;
padding-bottom: 5px;
}

.homep  {
font-size: 12px;
margin-left: 40px;
padding-top: 10px;
color: #333333;
width: 600px;
}

.homep a  {
color: #CC3333;
text-decoration: underline;
}

.homep a:hover  {
text-decoration: underline;
}

span  {
color: #CC3333;
}

.impactul  {
position: absolute;
top: 330px;
right: 70px;
}

.impact  {
list-style-type: none;
color: #393B3D;
font-size: 32px;
}

#wrapper  {
background-color: #CC3333;
width: 100%;
}

#footer  {
width: 960px;
margin: 0 auto;
position: relative;
}

h2.home  {
font-size: 18px;
color: #CCC;
padding-left: 40px;
padding-top: 15px;
}

h2.sub  {
font-size: 18px;
color: #CC3333;
padding-left: 40px;
padding-top: 10px;
}

.footerp  {
font-size: 12px;
margin-left: 40px;
padding-top: 6px;
color: #FFF;
width: 430px;
}

.handspun  {
font-size: 12px;
margin-left: 240px;
padding-top: 6px;
padding-bottom: 20px;
color: #CCC;
}

#sitemap  {
position: absolute;
width: 150px;
top: 0px;
left: 470px;
}

.link  {
list-style-type: none;
}

.link a  {
margin-left: 40px;
padding-top: 10px;
text-decoration: none;
color: #FFF;
font-size: 12px;
}

.sublink  {
list-style-type: none;
}

.sublink a  {
margin-left: 55px;
padding-top: 10px;
text-decoration: none;
color: #FFF;
font-size: 12px;
}

/* Portfolio Page */

.imgleft  {
margin-top: 30px;
margin-left: 40px;
width: 500px;
height: 200px;
}

.imgright  {
margin-top: 30px;
margin-left: 420px;
width: 500px;
height: 200px;
}

#thamin  {
position: absolute;
top: 395px;
left: 560px;
width: 360px;
}

h3  {
font-size: 18px;
color: #C33;
padding-bottom: 10px;
}

.details  {
list-style-type: none;
font-size: 12px;
color: #333333;
line-height: 16px;
}

.portlink  {
display:block;
margin-top: 10px;
text-decoration: none;
font-size: 11px;
color: #555;
border: 1px solid #C33;
height: 15px;
width: 90px;
text-align: center;
}

.portlinkr  {
display:block;
margin-top: 10px;
text-decoration: none;
font-size: 11px;
color: #555;
border: 1px solid #C33;
height: 15px;
width: 90px;
text-align: center;
position: relative;
left: 268px;
top: 2px;
}

#handspun {
position: absolute;
right: 560px;
top: 625px;
text-align: right;
width: 360px;
}

#poole  {
position: absolute;
top: 855px;
left: 560px;
width: 360px;
}

#noone {
position: absolute;
right: 560px;
top: 1085px;
text-align: right;
width: 360px;
}

#lpool  {
position: absolute;
top: 1315px;
left: 560px;
width: 360px;
}

#pjloui  {
position: absolute;
right: 560px;
top: 1545px;
text-align: right;
width: 360px;
}

/* Contact Form */

label  {
font-size: 14px;
color: #555;
display: block;
margin-bottom: -15px;
}

form  {
width: 320px;
padding: 10px;
margin-left: 30px;
margin-top: 10px;
}

.border  {
padding: 5px;
width: 300px;
border: #999999 1px solid;
margin-bottom: 5px;
font-size: 12px;
}

.submitborder  {
padding: 5px;
width: 150px;
margin-bottom: 5px;
border: #999999 1px solid;
position: relative;
left: 150px;
}

.spamborder  {
padding: 5px;
width: 50px;
margin-bottom: 5px;
border: #999999 1px solid;
font-size: 12px;
}

.enqborder  {
padding: 5px;
width: 300px;
border: #999999 1px solid;
margin-bottom: 5px;
font-size: 12px;
}

.error  {
font-size: 12px;
margin-left: 40px;
color: #CC3333;
width: 600px;
padding: 10px 0 0 0;
}

.contactp  {
font-size: 12px;
margin-left: 40px;
padding-top:10px;
color: #333333;
width: 500px;
}

h4.home  {
font-size: 18px;
color: #CC3333;
margin-left: 40px;
padding-top: 15px;
}

.bold  {
color: #CC3333;
font-weight: bold;
font-size: 20px;
}

/* Packages */

#packages  {
margin-top: 30px;
margin-left: 40px;
height: 350px;
position: relative;
font-size: 13px;
font-weight: bold;
}

#startup  {
height: 330px;
width: 280px;
border: 1px dashed #999;
color: #555555;
position: relative;
}

#business  {
height: 330px;
width: 280px;
border: 1px dashed #999;
color: #555555;
position: absolute;
top: 0px;
left: 300px
}

#corporate  {
height: 330px;
width: 280px;
border: 1px dashed #999;
color: #555555;
position: absolute;
top: 0px;
left: 600px;
}

h5  {
color: #CC3333;
text-align: center;
padding: 5px 0;
font-weight: bold;
font-size: 14px;
}

#packages ul  {
list-style-type: none; 
margin-left: 20px;
margin-top: 20px;
}

#packages ul li  {
background-image: url(images/starbullet.jpg);
background-repeat: no-repeat;
padding-left: 15px;
padding-bottom: 5px;
}

.price  {
color: #CC3333;
font-size: 20px;
margin-left: 20px;
margin-top: 15px;
}

#packages a  {
color: #CC3333;
font-size: 11px;
text-decoration: none;
text-align: center;
border: 1px solid #C33;
margin-left: 180px;
margin-top: 12px;
display: block;
height: 15px;
width: 90px;
}

/* Detail */
#detailpackages  {
margin-top: 30px;
margin-left: 40px;
position: relative;
font-size: 13px;
font-weight: bold;
}

#detail  {
width: 880px;
border: 1px dashed #999;
color: #555555;
position: relative;
}

#detailpackages dl  {
list-style-type: none; 
margin-left: 20px;
margin-top: 20px;
}

#detailpackages dl dt  {
background-image: url(images/starbullet.jpg);
background-repeat: no-repeat;
padding-left: 15px;
padding-bottom: 5px;
}

#detailpackages dl dd  {
padding-left: 20px;
padding-top: 5px;
padding-bottom: 10px;
font-weight: normal;
font-size: 12px;
color: #333333;
width: 520px;
}

#extras  {
width: 300px;
border: 1px dashed #CC3333;
position: absolute;
right: 5px;
top: 5px;
}

#extras dl dd  {
width: 240px;
}

h2.center  {
text-align: center;
padding: 0;
margin: 5px 0 0 0;
color: #CCC;
}

p.left  {
font-size: 12px;
margin-left: 10px;
padding-top: 10px;
color: #333333;
}

a.previous  {
color: #555;
font-size: 11px;
text-decoration: none;
text-align: center;
border: 1px solid #C33;
display: block;
height: 15px;
width: 90px;
position: absolute;
left: 560px;
top: 610px;
}

a.overview  {
color: #555;
font-size: 11px;
text-decoration: none;
text-align: center;
border: 1px solid #C33;
display: block;
height: 15px;
width: 90px;
position: absolute;
left: 670px;
top: 610px;
}

a.next  {
color: #555;
font-size: 11px;
text-decoration: none;
text-align: center;
border: 1px solid #C33;
display: block;
height: 15px;
width: 90px;
position: absolute;
left: 780px;
top: 610px;
}

#detail a  {
color: #CC3333;
}

/* Image */

.randomimg  {
margin-left: 20px;
margin-top: 35px;
}