*, form, fieldset {
	margin: 0 0 0 0;
	padding: 0;
}

fieldset {
border:none;
}

input, select, text-scaling {
font-size:100%;
}

form label {
cursor:pointer;
}

body {
	color: #cccccc;
	font: 11px helvetica, sans-serif;
	text-align: left;
	background-image: url(../gfx/bg_tile.jpg);
	background-repeat: repeat-x;
	background-color:#545454;
}

/* -- inner working area -- */
#wrapper {
	margin: 0 auto;
	width: 814px;
	text-align: left;
	position: relative;
}

/* -- page header -- */
#header {
	background-image: url(../gfx/header_red.jpg);
	background-repeat: no-repeat;
	height: 192px;
	width: 814px;
}

#header_profile {
	background-image: url(../gfx/header_cyan.jpg);
	background-repeat: no-repeat;
	height: 192px;
	width: 814px;
}

#header_services {
	background-image: url(../gfx/header_yellow.jpg);
	background-repeat: no-repeat;
	height: 192px;
	width: 814px;
}

#header_hire {
	background-image: url(../gfx/header_purple.jpg);
	background-repeat: no-repeat;
	height: 192px;
	width: 814px;
}

#header_portfolio {
	background-image: url(../gfx/header_blue.jpg);
	background-repeat: no-repeat;
	height: 192px;
	width: 814px;
}

#header_contact {
	background-image: url(../gfx/header_green.jpg);
	background-repeat: no-repeat;
	height: 192px;
	width: 814px;
}
#header_chelsea {
	background-image: url(../gfx/header_chelsea.jpg);
	background-repeat: no-repeat;
	height: 192px;
	width: 814px;
}
/* -- navigation -- */
#navigation {
padding-top: 144px;
padding-left: 13px;
}
.underNav {
clear: both;
height: 0;
}

/* -- nav bar -- */

#navigation ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#navigation li {
float: left;
margin: 0 0 0 0px;
padding: 0;
display: inline;
background: url(../gfx/nav_home.jpg) no-repeat;
}
#navigation a {
display: block;
padding: 0 0 0 0px;
height: 33px;
width: 79px;
}
#navigation a:hover {
background: url(../gfx/nav_home.jpg) no-repeat 0 -80px;
}

/* -- navigation profile-- */
#nav_profile {
padding-top: 0px;
padding-left: 0px;
}


#nav_profile ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#nav_profile li {
float: left;
margin: 0 0 0 0px;
padding: 0;
display: inline;
background: url(../gfx/nav_profile.jpg) no-repeat;
}
#nav_profile a {
display: block;
padding: 0 0 0 0px;
height: 33px;
width: 79px;
}
#nav_profile a:hover {
background: url(../gfx/nav_profile.jpg) no-repeat 0 -80px;
}

/* -- navigation services-- */
#nav_services {
padding-top: 0px;
padding-left: 0px;
}


#nav_services ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#nav_services li {
float: left;
margin: 0 0 0 0px;
padding: 0;
display: inline;
background: url(../gfx/nav_services.jpg) no-repeat;
}
#nav_services a {
display: block;
padding: 0 0 0 0px;
height: 33px;
width: 79px;
}
#nav_services a:hover {
background: url(../gfx/nav_services.jpg) no-repeat 0 -80px;
}

/* -- navigation hire-- */
#nav_hire {
padding-top: 0px;
padding-left: 0px;
}


#nav_hire ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#nav_hire li {
float: left;
margin: 0 0 0 0px;
padding: 0;
display: inline;
background: url(../gfx/nav_hire.jpg) no-repeat;
}
#nav_hire a {
display: block;
padding: 0 0 0 0px;
height: 33px;
width: 79px;
}
#nav_hire a:hover {
background: url(../gfx/nav_hire.jpg) no-repeat 0 -80px;
}

/* -- navigation portfolio -- */
#nav_portfolio {
padding-top: 0px;
padding-left: 0px;
}


#nav_portfolio ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#nav_portfolio li {
float: left;
margin: 0 0 0 0px;
padding: 0;
display: inline;
background: url(../gfx/nav_portfolio.jpg) no-repeat;
}
#nav_portfolio a {
display: block;
padding: 0 0 0 0px;
height: 33px;
width: 79px;
}
#nav_portfolio a:hover {
background: url(../gfx/nav_portfolio.jpg) no-repeat 0 -80px;
}

/* -- navigation contact -- */
#nav_contact {
padding-top: 0px;
padding-left: 0px;
}


#nav_contact ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#nav_contact li {
float: left;
margin: 0 0 0 0px;
padding: 0;
display: inline;
background: url(../gfx/nav_contact.jpg) no-repeat;
}
#nav_contact a {
display: block;
padding: 0 0 0 0px;
height: 33px;
width: 79px;
}
#nav_contact a:hover { background: url(../gfx/nav_contact.jpg) no-repeat 0 -80px; }

/* -- content windows -- */
#container-content {
height: 100%;
	padding: 20px 29px 15px 29px;
	background-image: url(../gfx/bg.jpg);
	background-repeat: no-repeat;
	text-align: justify;
	font: 13px helvetica, sans-serif;
}

#container-content:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

#left {
width: 50%;
float:left;
}
#right {
width: 50%;
float:left;
}
#right2 {
width:50%;
float: right;
}
/* -- video block -- */
#videos {
	width:744px;
	height: 276px;
	background-repeat:no-repeat;
	clear:both;
	padding-right: 12px;
	padding-top: 9px;
	margin:0px 0px 0px 0px;
	background-color: #000000;
	overflow:hidden;
}
.video_text {
float:right;
width: 390px;
clear:both;
float:left;
padding-left: 12px;
padding-right:12px;
}
#timelapse {
	width:732px;
	height: 266px;
	background-repeat:no-repeat;
	clear:both;
	margin:0px 0px 6px 0px;
	padding: 3px 12px 0px 12px;
	background-color: #000000;
	overflow:hidden;
}
/* -- case studies -- */
.case {
width:348px;
height: 106px;
background-image:url(../gfx/case_study.jpg);
background-repeat:no-repeat;
clear:both;
padding:12px 12px 0px 12px;
margin:0px 3px 3px 3px;
overflow:auto;
text-align:left;
}
.casedetail {
clear:both;
padding:12px 12px 0px 0px;
margin:0px 3px 3px 0px;
overflow:auto;
}
/* -- creates a box for the flash file on the contact page -- */
.contact {
margin-right:16px;
}
img {
float:left; 
margin:0 9px 10px 0;
}


.separator {
clear: both;
height: 0;
}
.boxout {
float: right;
width: 348px;
padding-left: 20px;
margin-left: 20px;
}


/* -- body text heading -- */
h1 {
	font-size:16px;
	color: #C00624;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 12px;
	padding-top: 12px;
	text-transform: capitalize;
}

/* -- tel number in footer -- */
h2 {
	font-size: 13px;
	padding-bottom: 2px;
}
h3 {
	font-size:16px;
	color: #C00624;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 12px;
	padding-top: 12px;
	text-transform: capitalize;
	width: 375px;
}
/* -- body text heading - green -- */
h4 {
	font-size:16px;
	color: #28a21b;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 12px;
	padding-top: 12px;
	text-transform: capitalize;
}
/* -- body text heading - blue -- */
h5 {
	font-size:16px;
	color: #2936e7;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 12px;
	padding-top: 12px;
	text-transform: capitalize;
}
/* -- body text heading - purple -- */
h6 {
	font-size:16px;
	color: #a2128b;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 12px;
	padding-top: 12px;
	text-transform: capitalize;
}
/* -- body text heading - yellow -- */
.h8 {
	font-size:16px;
	color: #eeca34;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 12px;
	padding-top: 12px;
	text-transform: capitalize;
}

/* -- body text heading - cyan -- */
.h9 {
	font-size:16px;
	color: #0be1f4;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 12px;
	padding-top: 12px;
	text-transform: capitalize;
}
.dotted_lines {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 12px;
	padding-top: 0px;
}

address {
	font-size:14px;
	text-align:left;
	margin-bottom: 12px;
	font-style: normal;
	font-weight: bold;
}

/* -- body text -- */
p {
	line-height: 1.1em;
	margin: 0 0 .9em;
}

.contact_details {
	line-height: 1.1em;
	margin: 0 0 0 0em;
}

blockquote {
	font-style:italic;
}

/* -- WW sig on welcome page -- */
.signature {
	padding-top: 5px;
}

/* -- adds border to flash file -- */
.flash {
	/* -- border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 8px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 8px;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 8px;-- */
	
}

.photos {
	border: #000000 solid 1px;
	margin-left: 55px;

}

.large_photo {
	border: #000000 solid 5px;
}

/* -- footer -- */
#footer {
	width: 800px;
	background-color:#545454;
	height: 45px;
	border-top-style: dotted;
	border-top-width: 1px;
	padding-top: 16px;
	margin-right:7px;
	margin-left: 7px;
	clear:both;
}

/* -- footer right handside -- */
.footer_right {
	float: right;
	width: 50%;
	text-align: right;
	display: inline;
}

#footer_links {
width: 800px;
height: 20px;
text-align:center;
margin-bottom: 5px;
}

#footer_links a:link 	{ text-decoration: underline; color: #C00624; }
#footer_links a:visited	{ text-decoration:underline; color: #C00624; }

#footer_links_green {
width: 800px;
height: 20px;
text-align:center;
margin-bottom: 5px;
}

#footer_links_green a:link 	{ text-decoration: underline; color: #28a21b; }
#footer_links_green a:visited	{ text-decoration:underline; color: #28a21b; }

#footer_links_blue {
width: 800px;
height: 20px;
text-align:center;
margin-bottom: 5px;
}

#footer_links_blue a:link 	{ text-decoration: underline; color: #2936e7; }
#footer_links_blue a:visited	{ text-decoration:underline; color: #2936e7; }

#footer_links_yellow {
width: 800px;
height: 20px;
text-align:center;
margin-bottom: 5px;
}

#footer_links_yellow a:link 	{ text-decoration: underline; color: #eeca34; }
#footer_links_yellow a:visited	{ text-decoration:underline; color: #eeca34; }

#footer_links_purple {
width: 800px;
height: 20px;
text-align:center;
margin-bottom: 5px;
}

#footer_links_purple a:link 	{ text-decoration: underline; color: #a2128b; }
#footer_links_purple a:visited	{ text-decoration:underline; color: #a2128b; }

#footer_links_cyan {
width: 800px;
height: 20px;
text-align:center;
margin-bottom: 5px;
}

#footer_links_cyan a:link 	{ text-decoration: underline; color: #0be1f4; }
#footer_links_cyan a:visited	{ text-decoration:underline; color: #0be1f4; }
/*
a:link 	{ text-decoration: none; color: #C00624; }
a:visited	{ text-decoration:underline; color: #C00624; } 
*/


/* -- links -- */
a:link 		{ text-decoration: underline; color: #cccccc; }
a:visited	{ text-decoration:underline; color: #cccccc; }

/* -- form -- */
form {
margin: 0;
width:350px;
}

fieldset {/* --
background-color:#545454;
border:1px solid #ccc;-- */
margin: 0;
padding-top:0.7em;
}

label {
display:block;
float:left;
clear:left;
width:5em;
padding-right:1em;
text-align:right;
line-height:1.8em;
font-weight:bold;
margin-right:1em;
color: #ccc;
}

input {
width:12em;
margin:0 0 .5em 0;
display:block;
float:left;

}

br {
clear:both;
}
.submit {
margin-top:0.5em;
width: 70px;
}

li{
	padding: 4px 10px 15px 5px;
	list-style-type: square;
}
ul {
padding-left:14px;
padding-top:5px;
}

table {
width: 100%;
margin: 0 auto;
line-height: 1.4em;
border-collapse:collapse;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding-bottom: 5px;
}

th {
color: #545454;
text-align:left;
background-color:#CCCCCC;
padding-top: 2px;
padding-left: 4px;
padding-bottom: 2px;
}

td {
padding: .2em .3em;
}

caption {
font-size:16px;
color: ccc;
font-weight:bold;
padding-top:10px;
}

.boldtext {
font-weight:bold;
}

.equal {
font-weight:bold;
text-align:center;
}

.news_photo {
	float:right;
	clear:both;
	margin: 0 0 0 10px;
	border: #000000 solid 2px;
}

.separator {
clear: both;
height: 0;
}

/* -- chelsea heading -- */
.h10 {
	font-size:16px;
	color: #ee2d23;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 12px;
	padding-top: 12px;
	text-transform: capitalize;
}

.chelsea_video {
	margin-left: 58px;
	margin-top: 8px;
}

.chelsea_text {
	font-size: .7em;
	text-align:center;
}

.wce_center {
	margin-left: 328px;
	margin-top: 10px;
	border: 0px;
}