html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}
img
{
	padding: 0px;
	margin: 0px;
}

body{

    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

p
{
	color: #a7a7a7;
	font-size: 0.8em;
	line-height: 150%;
}
.p2
{
	color: #2e2e2e;
	font-size: 0.8em;
	line-height: 150%;
	display:inline;

}

h1
{
	color: #343434;
	font-size: 1.0em;
}

a.masnav:link  {
	color: #2a2a2a;
	text-decoration: none;
	border-style: none;
}

a.masnav:visited {
	color:#2a2a2a;
	text-decoration:none;}

a.masnav:active {
	color: #2a2a2a;
	text-decoration: none;
}
a.masnav:hover {
	color: #69cee8;
}

/* 2nd Hovers */

a.secnav:link {
	color: #69cee8;
	text-decoration: none;
}
a.secnav:visited {
	color:#69cee8;
	text-decoration:none;}
 
a.secnav:active {
	color: #69cee8;
	text-decoration: none;
}
a.secnav:hover {
	color: #fff;
	text-decoration: none;
	background-color: #69cee8;
}

.nav {
	height: 52px;
 	width:530px;
    margin-left: 10px;
    overflow: hidden;
    border-top: 1px solid #e4e4e4;
}
.nav li {
	float: left;
    list-style: none;
}
.nav li a {
    font: bold 14px arial;
    text-decoration: none;
    color: #343232;
    outline: none;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 52px;
    position: relative;
    overflow: hidden;
    border-top: 1px dotted #fff;
    padding-top: 12px;
}  
.nav li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
	border-top: 1px dotted #444;
}   

.nav_circle
{
	height: 60px;
 	width:530px;
    margin-right: 20px;
    overflow: hidden;
    float:right;
}
.nav_circle li {
	float: right;
    list-style: none;
}

.nav_circle a img {
	margin:0;
	padding:0 10px 0 0;
}
  
.nav_circle li a:hover, .nav_circle li a:active, .nav_circle li a:visited {
	border-top: none;
}   
              

.section{
    margin:0px;
    width:100%;
    float:left;
}

.home{
    color:#fff;
    background: #f2f2f2 url(../img/1/bg.jpg) no-repeat;
}
.white{
    color:#000;
    background:#fff url(../img/white_vert.jpg) repeat-x bottom left;
}

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

#container div {
}

#logo  {
	height: 210px;
	background: #fff url(../img/1/logo.jpg) no-repeat 50% 50%;
}

#home-1 {
 	width:910px;
 	color:#fff;
}

#home-left-1a {
 	float:left;
 	position:relative;
 	width:359px;
 	display:block;
}

#home-right-1b {
 	float:right;
 	width:551px;
 	height:815px;
 	background: #fff;
}

#home-right-1b h1 {
	text-align: right;
	padding: 20px 30px 10px 10px;

}

#home-right-1b p {
	text-align: right;
	padding: 0 30px 5px 0;
}

#home-right-1b li {
	text-align: right;
	color:#a7a7a7;
	font-size: 0.8em;
	line-height: 150%;
}
.blockimg
{
display:block;
margin:0;
}

#div-1c p {
	color: #fff;
	font-size: 10px;
}

		.boxgrid{ 
				width: 549px; 
				height: 328px; 
				float:left; 
				overflow: hidden; 
				position: relative;
				text-align: right; 
				margin-bottom: 20px;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}

			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 150px; 
				width: 100%; 
				top: 250px;
				opacity: .6; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
 			}
 				.captionfull .boxcaption {
 					top: 328;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 328;
 					left: 0;
 				}
 				
 				.boxcaption h2{
					font-size: 16px;
					padding: 5px 30px 0px 0;
					color: #fff;
					font-weight: normal;
	}
 				.boxcaption h3{
					font-size: 22px;
					padding: 0px 30px 0px 0;
					color: #fff;
					font-weight: normal;
	}
				.boxcaption h4{
					font-size: 12px;
					padding: 0px 30px 10px 0;
					color: #69cee8;
					font-weight: normal;
	}
	.boxcaption p{
					font-size: 12px;
					padding: 5px 30px 0px 30px;
					color: #fff;
					font-weight: normal;
	}






/* About */

.about-bg {
	width: 100%;
	height: 840px;
	background: #f2f2f2;
	text-align: center;
}

#about-container {
	width: 910px;
	height: 840px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	text-align: left;
}

.about-a
{
	width: 260px;
	float:left;
	padding: 30px 5px 50px 30px;
}

.about-a h1
{
	padding-bottom: 10px;
}

.about-b
{
	width: 260px;
	float:left;
	padding: 0 0 50px 0;
}
.about-c
{
	width: 260px;
	float:right;
	padding: 0 0 50px 0;

}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 50px; /*--Set height of tabs--*/
	width: 100%;
	margin-top: 30px;
	margin-bottom: 10px;


}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	width: 182px;
	height: 49px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #f2f2f2;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.0em;
	padding: 5px 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}



ul.tabs li a:hover {
	background: #f9f9f9;
}

html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
}

html ul.tabs li.active,
{

}

.tab_container {
	overflow: hidden;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
}
.tab_content p {
}

.tab_content h1 {
	padding: 10px 0 10px 0px;
}

.tab_content h2 {
	color:#2e2e2e;
	padding: 10px 0 30px 0px;

}

.tab-a
{
	width: 260px;
	float:left;
	padding: 20px 30px 50px 30px;
}

.tab-b
{
	width: 230px;
	float:left;
	padding: 20px 0 50px 0px;
}

.tab-b li
{
	list-style-image: url(../img/about/check.jpg);
	list-style-position: inside;
	padding: 0px 0 10px 0;
	color: #a7a7a7;
	font-size: 0.8em;
}
.tab-c
{
	width: 300px;
	float:right;
	padding: 40px 30px 50px 20px;

}

/* Work */

img.a {

	position:absolute;

	left:0px;

	top:0;

	z-index:10;

}


img.b {

	position:absolute;

	left:0px;

	top:0;

}

.box
{
	position:relative;
	float:left;
	display:inline;
	width: 302px;
	height: 257px;
	border-right: 1px solid #000;	
	border-bottom: 1px solid #000;

}

.work-bg {
	width: 100%;
	height: 1031px;
	background: #232121;
	text-align: center;
}

#work-container {
	width: 909px;
	height: 1031px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	text-align: left;
	position:relative;
}

ul.gallery {
	width: 910px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
}
ul.gallery li {
	float: left;
	position:relative;
	width: 302px;
	height: 400px;
 padding: 0;
 z-index:-9999;
	text-align: center;
		
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
		list-style: none;

}

uul.gallery li a {text-decoration: none; color: #777; display: block;}




.contact-bg {
	width: 100%;
	background: #f2f2f2;
	text-align: center;
	height:810px;
}

#contact-container {
	width: 910px;
	height: 774px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	text-align: left;
	
}

#contact-1 {
 	width:910px;
 	color:#fff;
}

#contact-left-1a {
 	float:left;
 	position:relative;
 	width:357px;
 	height:810px;
	background: url(../img/contact/contact.jpg) no-repeat;
}

.nav_circle-contact
{
	height: 60px;
 	width:357px;
 	margin: 30px;
    overflow: hidden;
   	float: left;

    
}
.nav_circle-contact li {
	float: left;
    list-style: none;
}

.nav_circle-contact a img {
	margin:0;
	padding:0 10px 0 0;
}
  
.nav_circle-contact li a:hover, nav_circle-contact li a:active, .nav_circle-contact li a:visited {
	border-top: none;
}   
  

#contact-right-1b h1 {
 	padding: 20px 30px 0 30px;
}

#contact-right-1b p {
 	padding: 20px 30px 0 30px;
}
#contact-right-1b-intro {
 	padding: 30px 0 0 30px;
}


#contact-right-1b {
 	float:right;
 	width:551px;
 	height:810px;
 	background: #fff;
 	margin-right:2px ;
}


ul.social {
	width: 357px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
}
ul.social li {
	float: left;
	padding-right: 15px;
	text-align: center;
		-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.social li a.thumb {
	width: 48px; /*--Width of image--*/
	height: 50px; /*--Height of image--*/
	cursor: pointer;
	
}
ul.social li span { /*--Used to crop image--*/
	width: 48px;
	height: 50px;
	overflow: hidden;
	display: block;

}
ul.social li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.social li a {text-decoration: none; color: #777; display: block;}

.icons
{
	position:absolute;
	top: 380px;
	left: 30px;
}

.twitter
{
	position:absolute;
	top: 500px;
	left: 30px;
}

.twitter h1
{
	font-size: 1.4em;
	padding: 10px 0 5px 0;
}

.form-bg {
	width: 100%;
	height: 600px;
	background: #fff;
	text-align: center;

}

#form-container {
	width: 910px;
	height: 315px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 80px;

}


#form-1 {
 	width:910px;
 	color:#fff;
}

#form-left-1a {
 	float:left;
 	position:relative;
 	width:357px;
 	height:315px;
	background: url(../img/form/touch.jpg) no-repeat;
}

#form-right-1b {
 	float:right;
 	width:533px;
 	height:295px;
	background: #2e2e2e;
	padding: 20px 0 0 20px;
}

input, textarea  {
	margin-bottom:5px;
	background-color: #222222;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	margin-top: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #a7a7a7;
	font-size: 0.8em;
	line-height: 150%;
	display: block;
}

label{
	
	margin:0px 5px 0px 0px;
	background-color: #222222;
	color: #a7a7a7;
	font-size: 0.8em;
	line-height: 150%;
	padding: 3px;

}
.name
{
	width: 220px;
	height: 25px;
}

.email
{
	width: 220px;
	height: 25px;
}



.neilsampson
{
	margin: 80px 0;
}
p#vtip {

	display: none;

	position: absolute;

	font-size: 0.8em;

	background-color: #000;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	z-index: 10001;

	font-family: Arial, Helvetica, sans-serif;

	color: #CCC;

	padding: 10px;

}

#contact_form					{ width:500px; margin:0 auto; height:200px; 
												                        position:relative; }



form fieldset					{ 
font-size:1.2em;
width:578px; 
position:relative;
border:0;
display:block; 
 }

form fieldset legend	

{  background-color:#222222;
border-style:none;
color:#A7A7A7;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:0.8em;
line-height:150%;
 }

label									{ 
background-color:#222222;
color:#A7A7A7;
font-size:0.7em;
padding:3px;
margin-top: 10px;
}

label.error           { 
font-weight:normal;
color: #787878;
font-size: 0.5em;
text-align:left;
width:140px; 
background: transparent url(/images/cancel.png) no-repeat scroll left; }

input.text-input			
{ 
background-color:#222222;
border-style:none;
color:#A7A7A7;
font-family:Arial,Helvetica,sans-serif;
font-size:0.8em;
padding:4px 5px 1px; }

label#name_label      { position:absolute; top:0; left:0; }
input#name            { position:absolute; top:30px; left:0px; width: 200px; }
label#name_error      { position:absolute; top:55px; left:0px; }
label#email_label     { position:absolute; top:0px; left:250px; }
input#email           { position:absolute; top:30px; left:250px; width: 200px; }
label#email_error      { position:absolute; top:55px; left:250px; }
label#phone_label     { position:absolute; top:80px; left:0px; }
input#phone           { position:absolute; top:110px; left:0px; width: 450px;
height:100px; }
label#phone_error      { position:absolute; top:225px; left:0px; }

input.button					{ position:absolute; top:225px; left:405px; padding:3px 6px;
                         margin:20px 0px 0px 0px; color:#fff; 
												background:#69cee8; }
input.button:hover		{ background:#fff none repeat scroll 0% 0%; color:#69cee8; }
#message							{ width:450px;margin:0px 0 0 0px; }
#message h2						{ font-size:4em; font-weight: bold; letter-spacing: -1px;color: #515151; }
#message p						{ color:white;font-weight:bold; font-size: 1em;margin:6px 0px; }
#checkmark						{ position:relative;top:-46px;left:-60px; }