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

/* CSS RESET */

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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clearfix:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix				{ display: inline-block; }
html[xmlns] .clearfix	{ display: block; }
* html .clearfix		{ height: 1%; }

address {
	display:inline;
}

strong {
	font-weight:bold;
}

/* CSS Document */

body {
	background:#000 url(images/bg.jpg) top center no-repeat; 
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
}

p {
	margin:10px 0px; 
}

a:link, a:hover, a:visited {
	text-decoration:none;
	color:#fff; 
	font-weight:bold;
}


div#container {
	width:900px;
	margin:10px auto 30px auto;
}

h1.logo {
	float:left;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/logo.png)  center no-repeat; 
}

h1.logo a {
	display: block;
	width: 356px !important;
	height: 194px;
	margin: 20px 0px 0 0;
}

div#nav {
	margin:160px 0px 0px 0px ;
	float:right;
	display:inline;
	font-size:20px;
	height:29px;
	padding:0px 3px 0px 3px;
	background:url(images/dbg.png) repeat-x bottom left;
}


div#nav ul li {
	display:inline;
	padding:0px 10px;
}

#copy {
	float:left;
	width:500px;
	line-height:20px;
}

/*#copy img {
	margin-right:10px;
	border:1px solid #666;

}*/

#copy div.left {
	float:left;
	display:inline;
	width:240px;
	margin:0px 5px 0px 0px;
}
#copy div.right {
	float:right;
	display:inline;
	width:240px;
	margin:0px 0px 0px 5px;
}

em {
	font-size:20px;
	display:inline-block;
}

.center {
	text-align:center;
	font-size:15px;
}
#images {
	float:right;
	display:inline;
	width:367px;
}

.color {
	background:#393939;
}

.links {
	margin:30px 30px;

}

#images ul {
	margin:0px 30px;
	font-size:14px;
	font-weight:bold;
	
}

#images ul li{
	margin:10px 0px;
	font-size:14px;
	
}

li.tel {
	background:url(images/point01.jpg) no-repeat top left;
	padding-left:15px;
}
li.mob {
	background:url(images/point02.jpg) no-repeat top left;
	padding-left:15px;
}

li.fax {
	background:url(images/point03.jpg) no-repeat top left;
	padding-left:15px;
}

#footer {
	font-size:11px;
	border-top:1px solid #fff;
	padding:10px 0px;
	margin:30px 0px;
}

#footer ul li  { 
	display:inline;
	margin:0px 20px 0px 0px;
}


#footer ul li.right  { 
	display:inline;
	float:right;
	margin:0px 0px 0px 20px;
}


/*Servies page*/

h2 {
	font-size:20px;
	font-weight:bold;
	
}

table {
	width:100%;
}

td, th {
	text-align:center;
}

ul.fittings {
	margin:20px;
}

#port {
	line-height:20px;

}

#portfolio {
	border:1px solid #22beb0;
	background: url(images/portbg.png) repeat;
	padding:20px;
}

.names {
	float:left;
	display:inline;
	width:300px;
}

.names ul li {
	border-bottom:1px solid #fff;
	padding:5px;
	font-size:14px; 
	font-weight:bold;
}

#slideshow {
	float:right;
	display:inline;
	width:550px;
	text-align:right;

}

#slideshow1, #slideshow2, #slideshow3, #slideshow4, #slideshow5, #slideshow6, #slideshow7{
	float:right;
	display:inline;
	width:478px;
	text-align:right;
	height:285px;
	margin:0px auto;
}

.tab_container img {	
	border:1px solid #22beb0;
}

.navi {
	padding:10px;
	clear:both;
}






ul.tabs {
	float:left;
	display:inline;
	width:300px;
	

}
ul.tabs li {
	padding:5px;
	border-bottom:1px solid #fff;
}
ul.tabs li a {
	font-size:14px; 
	font-weight:bold;
	

}
ul.tabs li a:hover {
	color: #3FF;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #22beb0;
}
.tab_container {
	float:right;
	display:inline;
	width:550px;
	text-align:right;
}

.tab_container h3 {
	font-weight:bold;
	color:#00305a;
	font-size:14px;
}



/* CONTACT FORM */


fieldset {
	border:1px solid #22beb0;
	padding:10px;
	width:500px;
	text-align:left;
	margin:10px auto;
}

legend {
	background: url(images/portbg.png) repeat;
	padding:5px;
	border:1px solid #22beb0;
}
table#contactform {
	width:450px;
	text-align:left;
}

table#contactform tr td{
	text-align:left;
	vertical-align:top;
}
table#contactform tr td.lable {
	width:150px;
}
.inputtextsmall {
	width:150px;
	padding:2px;
	margin:2px;
	
}

.inputtext,.commentbox {
	width:312px;
	padding:2px;
	margin:2px;
}

.inputtextsmall, .inputtext, .commentbox {
	background: #000;
	border:1px solid #22beb0;
	color:#fff;
}

table#contactform tr td.submit {
	padding:auto;
	text-align:right;
}

.submitbutton, .resetbutton {
	background:#000;
	padding:5px;
	border:1px solid #22beb0;
	color:#22beb0;
	
}

p#thanks {
	border:1px solid #5b8554; 
	color:#5b8554;
	padding:5px;
	text-align:center;
	background:#d6f3d1;

}

p#fail {
	border:1px solid #810d0d; 
	color:#810d0d;
	padding:5px;
	text-align:center;
	background:#f0cbcb;
}

p.phonenumber {
	font-size:20px;
	font-weight:bold;
	text-align:center;
}