/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#000000;
line-height:33px;
height:100%;
min-height:100%;
overflow-x: hidden;
background-image:url(../images/Water_HR_White_Long.jpg);
background-repeat:no-repeat;
background-position:50% 163px;
}
h1{
font-size:40px;
line-height:32px;
margin-top:0;
margin-bottom:19px;
float:left;
width:100%;
margin-left:5px;
}
ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:100%;
margin-left:5px;
}
p{
margin-top:0;
margin-bottom:12px;
margin-left:5px;
float:left;
width:900px;
}
a{
text-decoration:none;
font-weight:bold;
color:#000000;
}

#wrapper{
min-height:100%;
width:100%;
}
#inner{
margin-left:auto;
margin-right:auto;
width:1000px;
position:relative;
margin-top:76px;
}
#nav{
position:fixed;
top:0;
left:0;
width:100%;
font-size:18px;
line-height:32px;
height:40px;
z-index:50;
}
#nav-trans{
background-color: #fff;
		filter:alpha(opacity=90); 
   		-moz-opacity: 0.9; 
   		opacity: 0.9; 
		width:100%;
		height:100%;
		position:absolute;
}
#nav-list{
position:relative;
margin-left:auto;
margin-right:auto;
width:1000px;
}
#nav ul{
padding:0;
margin:0;
list-style:none;
}
#nav li{
display:inline;
margin-right:6px;
}
#nav a{
padding-top:10px;
padding-bottom:10px;
padding-left:8px;
padding-right:8px;
text-decoration:none;
font-weight:bold;
}
#nav a:hover{
text-decoration:
}
.section{
margin-bottom:57px;
float:left;
width:100%;
}
#home h1{
margin-top:14px;
font-size:48px;
}
#testimonials{
position:relative;
min-height:740px;
}
#testimonials p{
width:100%;
}
#testimonials ul{

}
#testimonials li{
padding-bottom:0px;
position:relative;
font-size:20px;
line-height:22px;
float:left;
margin-bottom:14px;
}
#testimonials br{
clear:left;
width:100%;
}
.listA{
position:absolute;
top:100px;
width:31%;
margin-left:0;
margin-right:2%;
}
.listB{
position:absolute;
top:100px;
width:31%;
margin-left:33%;
margin-right:2%;
}
.listC{
position:absolute;
top:100px;
width:31%;
margin-left:66%;
}
.col-left{
float:left;
width:500px;
line-height:22px;
font-size:20px;
}
.col-left p{
width:auto;
}
.col-right{
float:left;
width:340px;
line-height:36px;
font-size:20px;
margin-top:0;
position:absolute;
top:52px;
left:520px;
}
.col-right p{
width:340px;
}
.col-left-large{
float:left;
width:100%;
line-height:22px;
font-size:20px;
}
form{
width:870px;
float:left;
position:relative;
}
ol{
float:left;
list-style:none;
padding:0;
margin:0;
width:746px;
margin-bottom:16px;
}
ol li{
clear:left;
padding:0;
margin:0;
display:block;
min-height:40px;
}
input{
margin-top:8px;
border:#999999 1px solid;
width:746px;
min-height:30px;
color:#999999;
font-size:20px;
line-height:32px;
padding:10px;
margin-left:5px;
}
.button{
width:90px;
color:#FFFFFF;
font-weight:bold;
min-height:40px;
background-color:#A0CAE8;
border:none;
cursor:pointer;
float:right;
position:absolute;
bottom:16px;
right:0;
font-size:18px;
padding:2px;
margin:0;
}
.button:hover{
width:90px;
color:#A0CAE8;
background-color:#FFF;
border:#A0CAE8 1px solid;
cursor:pointer;
}
textarea{
padding:10px;
margin-top:8px;
border:#999999 1px solid;
width:746px;
min-height:116px;
font-size:20px;
line-height:32px;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
margin-left:5px;
}

#graphic-design li, #web-design li{
float:left;
width:232px;
margin-bottom:18px;
}
#graphic-design li a, #web-design li a{
width:212px;
display:block;
background-color:#fff;
		filter:alpha(opacity=40); 
   		-moz-opacity: 0.4; 
   		opacity: 0.4; 
}
#graphic-design li a:hover, #web-design li a:hover{
		filter:alpha(opacity=100); 
   		-moz-opacity: 1; 
   		opacity: 1;
}
#services{
font-size:20px;
line-height:22px;
}
#info-text{
margin:0;
padding:0;
height:550px;
overflow:auto;
padding:18px;
font-size:18px;
width:800px;
overflow-x: hidden;
}
#info-text ul{
list-style:circle;
padding-left:18px;
margin-bottom:12px;
}
#info-text li{
width:90%;
}
#info-text h3 {
width:100%;
clear:both;
margin-top:12px;
margin-bottom:21px;
font-size:40px;
font-weight:bold;
padding-left:18px;
}
#info-text p {
float:left;
margin-bottom:12px;
margin-top:0;
width:95%;
line-height:22px;
font-size:20px;
color:#FFFFFF;
padding-left:18px;
}
#info-text a.web-design:hover {
background-color:#FFF;
color:#6666FF;
}
#info-text a.graphic-design:hover {
background-color:#A0CAE8;
color:#FFFFFF;
}
.graphic-info{
background-color:#A0CAE8;
color:#fff;
}
.graphic-info h3{
color:#FFF;
}
.web-info{
background-color:#A0CAE8;
color:#FFF;
}
.web-info h3{
color:#FFF;
}
.contact-info{
background-color:#A0CAE8;
color:#FFFFFF;
}

.list-head{
float:left;
clear:both;
margin-bottom:18px;
width:95%;
color:#FFFFFF;
padding-left:18px;
}
.error{
color:#FF0000;
font-weight:bold;
}
#contact-form-overlay input[type=text]{
width:646px;
}
#contact-form-overlay textarea{
width:646px;
}
#contact-form-overlay ol{
width:646px;
}
#contact-form-overlay {
width:786px;
}
#contact{
position:relative;
}
ul.info-nav {
list-style:none;
padding:0;
margin:0;
padding-left:0;
margin-bottom:18px;
font-size:17px;
font-weight:bold;
width:30%;
}

.info-nav li{
display:inline;
float:left;
width:100%;
white-space: nowrap;
}
.graphic-info a{
display:inline;
width:auto;
margin-right:0px;
background-color:#FFFFFF;
color:#A0CAE8;
}
.web-info a{
margin-right:12px;
color:#FFF;
width:auto;
}
.web-info a:hover{
width:auto;
background-color:#A0CAE8;
color:#FFF;
}
.web-info .info-nav li a{
width:auto;
color:#FFF;
background-color:#A0CAE8;
}
.web-info .info-nav li a:hover{
color:#A0CAE8;
background-color:#FFF;
}

.web-info .info-nav li.active{
display:inline;
color:#A0CAE8;
float:none;
padding-right:100%;
width:auto;
}
.web-info .info-nav li.active span{
background-color:#FFFFFF;
}
.web-info a:hover{
width:auto;
background-color:#FFF;
color:#A0CAE8;
}

/* Reference colours*/
.home{
color:#A0CAE8;
}
#Home-Link.active{
background-color:#A0CAE8;
color:#FFFFFF;
}
.about{
color:#A0CAE8;
}
#About-Link.active{
background-color:#A0CAE8;
color:#FFFFFF;
}
/*00CC33*/
.graphic-design{
color:#A0CAE8;
}
#Graphic-Design-Link.active{
background-color:#A0CAE8;
color:#FFFFFF;
}
.web-design{
color:#A0CAE8;
}
.web-design-light{
color:#A0CAE8;
}
#Web-Design-Link.active{
background-color:#A0CAE8;
color:#FFFFFF;
}
.testimonials{
color:#A0CAE8;
}
#Testimonials-Link.active{
background-color:#A0CAE8;
color:#FFFFFF;
}
.contact{
color:#A0CAE8;
}
.blog{
color:#A0CAE8;
}

#Contact-Link.active{
background-color:#A0CAE8;
color:#FFFFFF;
}

#Blog-Link.active{
background-color:#A0CAE8;
color:#FFFFFF;
}


.grey{
color:#999999;
}
.large-heading{
padding:0;
margin:0;
background-image:url(../images/logos/Pure-Aug.png);
background-repeat:no-repeat;
width:950px;
height:322px;
margin-bottom:0px;
overflow:hidden;
}
#home h1{
text-indent:-9999em;
}
#home a{
}
#rar{
position:absolute;
right:70px;
top:0px;
}
.logo{
width:991px;
background-image:url(../images/logos/pure-blue-large.png);
background-repeat:no-repeat;
height:395px;
text-indent:-1000em;
}
.logoB{
width:790px;
background-image:url(../images/logos/pure-blue-column.png);
background-repeat:no-repeat;
height:330px;
text-indent:-1000em;
}
.quote{
font-weight:bold;
background-color:#A0CAE8;
color:#FFFFFF;
padding-left:3px;
line-height:24px;
}
/*Logos*/
#info-text ul.logo-bullet{
list-style:none;
padding-left:0px;
}
.wordpress{
		background-image:url(../images/logos/wordpress_32.png);
		background-repeat:no-repeat;
		background-position:left;
		padding-left:40px;
		}
		.magento{
		background-image:url(../images/logos/magento_32.png);
		background-repeat:no-repeat;
		background-position:left;
		padding-left:40px;
		}
		.facebook{
		background-image:url(../images/logos/facebook_32.png);
		background-repeat:no-repeat;
		background-position:left;
		padding-left:40px;
		}
		.joomla{
		background-image:url(../images/logos/joomla_32.png);
		background-repeat:no-repeat;
		background-position:left;
		padding-left:40px;
		}
		.virtuemart{
		background-image:url(../images/logos/virtuemart_32.png);
		background-repeat:no-repeat;
		background-position:left;
		padding-left:40px;
		}
		.actinic{
		background-image:url(../images/logos/actinic_32.png);
		background-repeat:no-repeat;
		background-position:left;
		padding-left:40px;
		}
		.above-margin{
		margin-top:30px;
		}