/* CSS Document */

/* Global styles */

body {
background-color: #ffffff;
background-image: url(../images/banner3.gif);
background-repeat: repeat-x;
font-family: arial, sans-serif;
font-size: 62.5%;
_text-align: center;
color: #150707;
}

h1, h2, h3, h4 {
font-family: arial, sans-serif;
}

h1 {
font-size: 1.7em;
text-transform: none;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.5em;
}

strong {
font-weight: bold;
}

p {
line-height: 1.4em;
font-size: 1.25em;
}

a {
outline: none;
}

li {
color: #150707;
}

li.cat {
color: #150707;
text-transform: uppercase;
font-weight: bold;}

/* end of Global styles */


#contain {
width: 1020px;
margin: 0 auto;
_text-align: left;
position :relative;
}

#banner {
width: 1020px;
min-height: 150px;
_height: 150px;
float: left;
}

#gradient {
float: left;
}

#banner img {
float: left;
}

#banner h1 {
background-image: url(../images/banner2.gif);
background-repeat: no-repeat;
height: 140px;
text-indent: -99999em;
}

#topnav {
width: 1020px;
}

#nav {
float: right;
margin-right: 20px;
}

#nav li {
float: left;
height: 30px;
background-repeat: no-repeat;
}

#nav a {
display: block;
height: 30px;
text-indent: -99999em;
}

.lnk_ourwork a {width: 100px;}
.lnk_aboutus a {width: 90px;}
.lnk_contact a {width: 90px;}

.lnk_ourwork a {background-image: url(../images/ourwork_button.gif);}
.lnk_aboutus a {background-image: url(../images/aboutus_button.gif);}
.lnk_contact a {background-image: url(../images/contact_button.gif);}

.ourwork .lnk_ourwork a {background-position: 0 -30px;}
.aboutus .lnk_aboutus a {background-position: 0 -30px;}
.contact .lnk_contact a {background-position: 0 -30px;}

#main {
clear: left;
float: left;
padding-top: 15px;
width: 960px;
padding-left: 30px;
_padding-left : 0px;
_margin-left: 30px;
}

.upper {
text-transform: uppercase;}

#left {
float: left;
width: 170px;
}

.ourwork #left h1 {
background-image: url(../images/ourwork2_h1.gif);
background-repeat: no-repeat;
width: 110px;
height: 20px;
text-indent: -99999em;
}

.aboutus #left h1 {
background-image: url(../images/aboutus2_h1.gif);
background-repeat: no-repeat;
width: 110px;
height: 20px;
text-indent: -99999em;
}

.contact #left h1 {
background-image: url(../images/contact2_h1.gif);
background-repeat: no-repeat;
width: 110px;
height: 20px;
text-indent: -99999em;
}

#left h1 {
margin-bottom: 30px;
}

#left li{
font-size: 1.14em;
line-height: 1.5em;
}

#left ul {
margin-bottom: 15px;
}

#right {
float: right;
width: 790px;
}

#right img {
/*border: 3px solid #cccccc;*/
}

#right h1 {
margin-bottom: 4px;
}

#right ul {
margin-bottom: 20px;
}

#right li {
color: #150707;
font-size: 1.24em;
line-height: 1.6em;
}

#right p {
margin-bottom: 20px;}

#large_pic {
margin-bottom: 30px;
height: 330px;
}

#myslides {
margin-bottom: 30px;
position: relative; width: 790px; height: 360px;

} 
 


	/* Slideshow */

		
		
#description {
float: left;
width: 400px;
}

#small_pic {
float: right;
}

#small_pic .previous {
margin-right: 5px;
}

#col1 {
width: 390px;
float: left;
}

#col1 p {
padding-right: 30px;
}

#col1 ul {
padding-right: 30px;
}

#col2 {
float: right;
width: 380px;
}

#col2 img {
margin-bottom: 50px;
}

#col2 p {
padding-left: 10px;
width: 380px;
}

#form-contact fieldset {
background-color: #ffffff;
color: #150707;
font-size: 1.1em;
margin-bottom: 15px;
padding-right: 30px;
}

#form-contact input.field {
background-color: #ffffff;
border: 3px solid #cccccc;
width: 100%;
margin-bottom: 5px;
color: #150707;
font-size: 1.0em;
font-family: arial;
}

#form-contact textarea {
background-color: #ffffff;
border: 3px solid #cccccc;
width: 100%;
height: 170px;
margin-bottom: 5px;
color: #150707;
font-size: 1.0em;
font-family: arial;
}

#form-contact input.sbmt {
float: right;
}

.errormsg {
color: #760909;
}

#footer {
border-top: 1px solid #747373;
float: left;
width: 100%;
margin-top: 30px;
padding-top: 10px;
}

#footer ul {
float: left;
margin-bottom: 5px;
.margin-bottom: -5px;
}

#footer li {
float: left;
font-size: 1.2em;
padding-right: 4px;
}

#footer p {
font-size: 1.0em;
clear: left;
color: #4a5159;
}

#left a:link, a:active { color: #150707; text-decoration: none;}
#left a:visited { color: #150707; text-decoration: none;}
#left a:hover { color: #660000; text-decoration: none;}

#right a:link, a:active { color: #660000; text-decoration: none;}
#right a:visited { color: #660000; text-decoration: none;}
#right a:hover { color: #660000; text-decoration: underline;}

#footer a:link, a:active { color: #150707; text-decoration: none;}
#footer a:visited { color: #150707; text-decoration: none;}
#footer a:hover { color: #660000; text-decoration: none;}



body
#l1 .lnk_l1 a {color: #660000 !important;}
#l2 .lnk_l2 a {color: #660000 !important;}
#l3 .lnk_l3 a {color: #660000 !important;}

#bath .lnk_bath a {color: #660000 !important;}
#bud .lnk_bud a {color: #660000 !important;}
#johnny .lnk_johnny a {color: #660000 !important;}

#aspect .lnk_aspect a {color: #660000 !important;}
#designcoop .lnk_designcoop a {color: #660000 !important;}
#heavenly .lnk_heavenly a {color: #660000 !important;}
#rydon .lnk_rydon a {color: #660000 !important;}

#london .lnk_london a {color: #660000 !important;}
#young .lnk_young a {color: #660000 !important;}
#ucwn .lnk_ucwn a {color: #660000 !important;}

#services .lnk_services a {color: #660000 !important;}
#team .lnk_team a {color: #660000 !important;}
#testimonials .lnk_testimonials a {color: #660000 !important;}

#contactform .lnk_contactform a {color: #660000 !important;}
#googlemap .lnk_googlemap a {color: #660000 !important;}