/* Stanmark Painting - Website designed by Darcy Broda; Darcy holds all copyrights of this code and design */
* {
margin: 0;
padding: 0;
}
body {
text-align: center;
}

html, body {
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}

h1 {
width: 550px;
height: 45px;
margin-top: 20px;
}

h1#h1_wsm{
	background: url(../img/wsm.png) no-repeat;
}
h1#h1_ps{background: url(../img/ps.png) no-repeat;}
h1#h1_rfq{background: url(../img/rfq.png) no-repeat;}
h1#h1_cr{background: url(../img/cr.png) no-repeat;}
h1#h1_csm{background: url(../img/csm.png) no-repeat;}
h1#h1_ef{background: url(../img/ef.png) no-repeat;}
h1#h1_ch{background: url(../img/ch.png) no-repeat;}
h1#h1_pmsp{background: url(../img/pmsp.png) no-repeat;}
h1#h1_eo{background: url(../img/eo.png) no-repeat;}
h1#h1_sf{background: url(../img/sf.png) no-repeat;}
h1#h1_cp{background: url(../img/cp.png) no-repeat;}
h1#h1_ep{background: url(../img/ep.png) no-repeat;}
h1#h1_ip{background: url(../img/ip.png) no-repeat;}
h1#h1_g{background: url(../img/g.png) no-repeat;}
h1#h1_fer{background: url(../img/fer.png) no-repeat;}
h1#h1_rfpr{background: url(../img/rfpr.png) no-repeat;}
h1#h1_d{background: url(../img/d.png) no-repeat;}
h1#h1_cyl{background: url(../img/cyl.png) no-repeat;}

h2 { font-size: 18px;}

em {
visibility: hidden;
}

#header, #mainpicture, #footer {
margin-left: 11px;
position: relative;
z-index: 20;
}

#masterlayout {
	margin: 0 auto 0 auto;
	width: 1007px;
	text-align: left;
	background: url(../img/ss.gif) repeat-y;
}

#header {
background-image: url(../img/header.jpg);
width: 986px;
height: 196px;
}

#mainpicture {
background-image: url(../img/stanmarkquality.jpg);
width: 986px;
height: 277px;
}

#menu {
width: 1000px;
margin: 0px;
background: url(../img/menu.jpg) no-repeat;
position: relative;
z-index: 100;
}

/* MENU STYLE */

.menu {
height: 46px;
font-size: 100%;
}
.menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.menu li {
float: left;
width: 140px;
position: relative;
}

.menu li ul {
padding-top: 7px;
font-size: 12px;
}

.menu ul ul a {
background:#24453e;
}

.menu a, .menu a:visited {
display: block;
color: #e4e4e4;
text-decoration: none;
height: 36px;
line-height: 29px;
padding-top: 10px;
}

/** html .menu a, * html .menu a:visited {
width:150px;
w\idth:139px;
}*/

.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:39px;
left:0; 
}

.menu ul ul a, .menu ul ul a:visited {
background: #33554f; 
color:#eee; 
height:auto; 
line-height:15px; 
padding:4px 16px; 
width:110px;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 1px solid #294c45;
}

li.menutwo li a, li.menutwo li a:visited {
width: 113px;
}
.menu table {position:absolute; top:0; left:0;}

.menu a:hover{
color:#eee; 
visibility: visible; 
}

.menu ul ul a:hover {
background: #577367; 
visibility: visible;
}

li.menuone ul a, li.menuone ul a:visited {
border-left: none;
}
li.menuone ul a.lastitem, li.menutwo ul a.lastitem {
border-bottom: 2px solid #fff;
}

/*.menu :hover > a, .menu ul ul :hover > a {

/*.menu ul ul :hover > a {
color:#4c95c4;
}*/

.menu ul li:hover ul, .menu ul a:hover ul{
visibility:visible; 
}

.exspace a:hover {
color: #e2ff5a; /* yellowish */
}
/* Little special conditions for the menu */
li.menuone {
width: 146px;
}

.menuone a:hover {
background: url(../img/aboutstanmark.jpg);
}
.menutwo a:hover {
background: url(../img/paintingservices.jpg);
}
/* style the top level hover */

li.menuone:hover > a, .menuone ul :hover {
color:#ddd;
background: url(../img/aboutstanmark.jpg);
}
li.menutwo:hover > a, .menutwo ul :hover {
color: #ddd;
background: url(../img/paintingservices.jpg);
}

li.menuone a {
padding-left: 18px;
}
li.menutwo {
width: 150px;
}
li.menutwo a {
padding-left: 16px;
}

li.gal {
width: 110px;
}
li.gal a {
padding-left: 16px;
}


li.exspace {
	width: 160px;
}
li.exspace a {
padding-left: 21px;
}

li.exspace a, li.exspace a:visited {
color: #fff;

}

/* END MENU STYLE */

a.links, a:visited.links {
	font-weight: bold;
	color:#CCFFFF;
	text-decoration: none;
	border-bottom: 1px dotted;
}
a:hover.links {
	color: #99FF99;
}

#big-wrapper {
width: 986px;
margin-left: 11px;
}

.col1 {
float: left;
width: 675px;
}
.col2 {
float: right;
width: 300px;
}
.column-wrap {
position: relative;
z-index: 10;
}
.column-wrap .col1, .column-wrap .col2 {
position: relative;
}
.pedestal {
height: 25px;
position: relative;
z-index: 0;
}
.pedestal i {
height: 25px;
margin-top: -16000px;
padding-top: 16000px;
}
.pedestal i i {
display: block;
}
.pedestal .col1 {
position: relative;
z-index: 1;
}
.pedestal .col1 i {
background: #62b4de;
position: relative;
z-index: 1;
}
.pedestal .col2 {
position: relative;
}
.pedestal .col2 i{
background: #8bd0ee;
position: relative;
}


#featuredwork {
background: url(../img/featured-work-top.jpg);
width:399px;
height: 46px;
padding: 0;
margin-left: 21px;
float:left;
}

#ftwkbtm {
background: url(../img/featured-work-btm.gif);
width: 300px;
height: 29px;
font-size: 14px;
color: #fff;
}

#ftwk_heading {
padding-left: 114px;
}
#maincontent {
background: url(../img/contentbg.png) repeat-x scroll top left;
min-height: 519px;
height: auto !important;
height: 519px;
}

#main-wrapper {
padding-left: 20px;
}

#content {
	line-height: normal;
	color: #000;/* #def5ff original off white*/
	float: left;
}

#spec_content {
width: 600px;
}

#content p {
margin: 0;
}

.full {
	width: 420px;
}

.full p {
padding: 0 0 20px 0;
}

.half {
width: 420px;
}

.half p {
padding: 0 0 20px 20px;
}

#leftcol {
float: left;
width: 175px;
height: 215px;
}

.leftlistcol {
padding-top: 7px;
border: 1px solid #4592BA;
}

#rightcol-wrapper {
float:right;
background: url(../img/rightcolbg.png) repeat-x scroll top left;
min-height: 519px;
height: auto !important;
height: 519px;
}

#mainrightcol {
width: 250px;
padding-left: 51px;
padding-top: 38px;
}

.morepics {
font-size: 11px;
font-weight: bold;
}

a.morepics, a.morepics:visited {
text-decoration: none;
color: #000;
border-bottom: 1px dotted;
}
a.morepics:hover {
color: #CC0033;
}

.fwkdisplay {
background-color: #F3F7FC;
width:200px;
height:190px;
padding: 4px;
margin-bottom: 12px;
}


.qs {
padding: 0 0 10px 10px;
color: #93AFB8;
font-size: 13px;
line-height: 17px;
}

.qs .header {
font-weight: bold;
font-size:12px;
padding: 10px 0 10px 20px;
}

.qs li:hover {
	list-style: none;
	padding: 0 20px 5px;
	background-image: url(../img/star1o.png);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}

.qs li {
	list-style: none;
	padding: 0 20px 5px;
	background-image: url(../img/star1.png);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
}

.qcname {
padding-left: 15px;
}

p.owner {
font-weight: bold;
color: #FF9933;
border-bottom: 1px solid black;
}

.qc {
float: left;
width: 160px;
height: 60px;
padding: 8px 5px 0 0;
margin-right: 30px;
line-height: 17px;
}

strong_white {
	color: #FFFFFF;
}

#company_details {
clear: both;
}
/*** Environment ***/

.eco {
padding: 0 0 0 75px;
}

ul.env li {
	list-style: none;
	margin: 0 0 15px;
	padding: 0 20px;
	font-weight: bold;
	color: #000; /*color: #1c3753*/
	background-image: url(../img/env.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.2em;
}

/**** Safety ****/
ul.safe li {
	list-style: none;
	font-weight: normal;
	color: #000; /*color: #1c3753;*/
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 30px;
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 12px;
	background-image: url(../img/checkbox1.png);
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
}

ul.asterix_orange li {
	list-style: none;
	font-weight: normal;
	color: #000; /*color: #1c3753;*/
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 30px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
	width: auto;
	background-image: url(../img/asterix4_orange.png);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}

ul.asterix_blue li {
	list-style: none;
	background: url(../img/asterix4_blue.png) no-repeat 0 .4em;
	font-weight: normal;
	color: #000; /*color: #1c3753;*/
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 30px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
	width: auto;
}

/**** Services Styles *****/
.serv {
	margin-top: 10px;
	width: 600px;
}

.serv_wrapper {
clear: both;
}
.serv_name {
	height: auto;
	width: auto;
	float: left;
	top: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.serv_desc {
color: #ff0;
width: 425px;
float: left;
padding-bottom: 20px
}

.serv_desc p {
padding-bottom: 5px;
color: #000; /*color: #def5ff;*/
}
.serv_name a {
text-decoration: none;
}

.serv_name a, serv_name a:visited {
color: #000; /*color: #EDFBFF;*/
}
.serv_name a:hover {
color: #f4e216;
}

.serv_name h3 {
	font-size: 14px;
	font-weight: bold;
}

.services {
float: left;
width: 475px;
}

.services h2 {
color: #000; /*color: #1c3753;*/
font-weight: bold;
font-size: 13px;
}
.services ul {
padding-bottom: 15px;
}
.services ul li {
	list-style: none;
	padding: 0 15px;
	background-image: url(../img/bullet1_blue2.png);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}

#process {
width: 155px;
float: left;
margin-right: 20px;
height: 655px;
border: 1px solid #4592BA;
}

.int {
background: url(../img/paintstick.jpg) no-repeat;
}

.ext {
background: url(../img/ladder.jpg) no-repeat;
}
/* Logo Link - Help found at Stu Nicholls great CSS Play UK*/
#header a.logo {display:block; width:0; height:0; text-decoration:none; position:absolute; left: 0px; top: 3px; z-index:20;}
#header a b {cursor:pointer;}
#header a b {display:block; position:absolute; height:1px; overflow:hidden; font-size:1px; cursor:pointer;}
#header a img {position:absolute; left:-9999px;} 

#header a.logo .p1{ width:81px; top:0px; height: 31px; left: 119px;}
#header a.logo .p2{ width:214px; top:30px; height: 18px; left: 53px;}
#header a.logo .p3{ width:267px; top:49px; height: 56px; left: 26px;}
#header a.logo .p4{ width:214px; top:105px; height: 18px; left: 53px;}
#header a.logo .p5{ width:81px; top:123px; height: 31px; left: 119px;}

.clear {
clear: both;
}
/* Footer */

#footer {
background: #57A5C9; /*#44b5ef;*/
color: #a3e2ff;
border-top: 1px solid #A3E2FF;
width: 986px;
height: 22px;
padding-bottom: 7px;
padding-top: 7px;
}
#fnav {
padding-left: 10px;
padding-top: 5px;
}

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

#footer ul {
list-style: none;
}
#footer li {
float: left;
padding: 2px 10px;
}
#footer li.free a, #footer li.free a:visited {
color: #CCFF99;
}
#footer li.free a:hover {
color: #CCFF33;
}
#footer li.copyr {
color: #efefef;
font-size:11px;
font-weight: bold;
float: right;
display: inline;
}

/* Uniquely Styled Elements */
/* Consider importing CSS 

/* References */
.ref_quote {
display: block;
font-weight: bold;
color: #000; /*color: #1c3753;*/
text-align: right;
}

/* Gallery */

.galmenu {
	background-color: #57A5C9;
	color: #123456;
	font-weight: bold;
	font-size: 11px;
	margin-right: 51px;
	border: 1px solid #123456;
	float: left;
	width: 175px;
}
.galswitch {
background-color: #123456;
color: #def5ff;
padding: 0px 8px;
float: left;
}

.galmenu ul li {
display: inline;
}
.galmenu li a.on{
background: #C0D9D9;
color: #000;
padding: 2px 4px;
}
.galmenu li a, .galmenu li a:visited {
text-decoration: none;
float: left;
padding: 0px 7px;
color: #123456;
}
.galmenu li a:hover {
background-color: #123456;
color: #def5ff;
}

#thumbnail {
width: 615px;
}

.gal-wrapper {
float: left;
margin: 0 10px 10px 0;
border: 1px solid #4592BA;
padding: 5px;
}

.gal-wrapper:hover , .gal-wrapper:hover a {
background: #4592BA;
}

a.gal img {
border: none;
}

.exmargin {
margin-bottom: 20px;
}
/*For the Form */

#quote-form-wrap {
width: 575px;
padding: 10px 20px;
font-family: tahoma, verdana, arial;
}

#contactform {
width: 575px;
padding: 10px 20px;
}

#quote_comments {
padding-top: 5px;
}

select {
font-size:11px;
font-family: tahoma, verdana, arial;
font-weight: normal;
border: 1px solid #1E739B;
padding: 2px;
}

.boldreq {
font-weight: bold;
color: #000;
}

.nametext {
border: 1px solid #1e739b;
height: auto;
width: 123px;
margin-left: 3px;
padding: 2px;
font-size: 11px;
}

select.medium {
margin-left: 95px;
width: 112px;
}
select.city {
width: 112px;
}
.spec {
margin-left:  76px;
width: 175px;
}
.extrapad {
margin-bottom: 8px;
}
.req {
display: block;
margin-bottom: 4px;
font-weight: bold;
}
.select-name {
border: 1px solid #1e739b;
font-size: 11px;
padding: 2px;
}
option {
padding-left: 5px;
}
label {
float: left;
text-align: right;
width: 90px;
padding: 0 5px 1px 0;
font-size: 11px;
}
input.inputtext {
display: inline;
height: auto;
width: 180px;
border: 1px solid #1e739b;
padding: 2px;
font-size: 11px;
}

input.pctext {
display: inline;
height: auto;
width: 107px;
border: 1px solid #1e739b;
padding: 2px;
font-size: 11px;
text-transform: uppercase;
}

fieldset.fs {
border: 1px solid #fff;
margin-left: 96px;
padding: 0 5px 5px;
width: 170px;
font-size: 11px;
}

/*fieldset.quote_field label {
display: block;
float: left;
}*/

label.labelchkbox {
float: none;
display: block;
/*margin: 0 0 0 5px;
*/padding: 3px 0 3px 25px;
text-align: left;
line-height: 13px;
text-indent: -17px;
width: 110px;
}

input.inchkbox {
display: inline;
width: auto;
text-align: left;
}

#quote-form p {
padding: 5px;
}

fieldset.fs legend {
color: #CCFF33;
padding: 0px 5px;
}

.info {
float: right;
width: 130px;
height: auto;
margin: 0 0 10px 10px;
padding: 5px;
border: 1px solid black;
background: #ffc;
color: #666;
font-size: 80%;
line-height: 13px;
cursor: help;
}

.info h4 {
background: url(../img/qinfo.gif) no-repeat top left;
padding: 6px 0pt 3px 27px;
font-size: 100%;
}

.info p {
padding: 0 0 5px 0;
}

.info a, .info a:visited {
color: #000;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #000;
}

.captcha p {
margin-bottom: 5px;
}

input.incaptcha {
width: 50px;
font-size: 11px;
vertical-align: top;
padding: 2px 5px 2px;
margin-left: 5px;
}

#buttons {
width: 240px;
padding: 10px 0 0 95px;
}

.submit_form {
float: left;
}

.reset_form {
float: right;
}
.submit-style, .reset-style {
color: #333;
}
.submit-style {
width: 150px;
}
.reset-style {
width: 75px;
}

#feedback_note {
clear: both;
width: 240px;
padding-left: 100px;
font-size:11px;
}

.formstyle {
font-size: 11px;
font-family: tahoma, verdana, arial;
color: #000; /*color: #DEF5FF;*/
}

textarea {
font-family: tahoma, verdana, arial;
color: #333;
font-size: 11px;
padding: 2px;
}

.email-link {
color: #fff;
text-decoration: none;
}

.Picture_Label {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-align: center;