/* CSS Document */

html, body { padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; text-align:center; background:url(../images/bg.gif) repeat-y center;}
#outercontainer {width: 960px; margin: 0 auto; text-align:left; border:1px solid #000000;}
#logo {float:left; width:760px; height:103px; background:url(../images/logo.gif) no-repeat #000000;}
#eshop {float:right; width:200px; height:103px; background-color:#000000;}
.cleardivs {clear:both;}
.leftcol {float:left; width:430px; padding:20px 25px 25px 25px; font-size:0.75em; line-height:20px;}
.leftcol a {color:#000000; text-decoration:underline;}
.leftcol a:hover {color:#000000; text-decoration:none;}
.rightcol {float:right; width:430px; padding:20px 25px 25px 25px; font-size:0.75em; line-height:20px;}
.rightcol a {color:#000000; text-decoration:underline;}
.rightcol a:hover {color:#000000; text-decoration:none;}
.footernav {background:url(../images/footer-blend.gif) top; height:22px; font-size:0.7em; color:#FFFFFF; padding:10px 0 0 20px;}
.footer {background:url(../images/footer.gif) top left; width:960px; height:102px;}
.textbg {background:url(../images/textbg.gif) no-repeat bottom right;} 

/* Navigation */

.nav { font-size:0.7em; text-align:left; background:url(../images/nav-blend.gif) bottom repeat-x; width:100%; height:32px; border-bottom:1px solid #666666; border-top:1px solid #666666; font-weight:bold;}
.nav ul {width:100%; padding:0; margin: 0 auto 0 auto;}
.nav li{display:inline; padding:0 20px 0 20px; height:30px;}
.nav li a { color:#FFFFFF; text-decoration:none; line-height:30px; padding:2px 0 5px 0;}
.nav li a:hover, a.selected { color:#FFFFFF; border-bottom:1px solid #FFFFFF;}

/* Page Banner */

.banner-home {background:url(../images/home-banner.jpg) no-repeat; height:496px; width:960px;}
.banner-about {background:url(../images/aboutus-banner.jpg) no-repeat; height:35px; width:960px; padding-top:214px;}
.banner-homedesign {background:url(../images/homedesign-banner.jpg) no-repeat; height:249px; width:960px;}
.banner-interiordesign {background:url(../images/interiordesign-banner.jpg) no-repeat; height:35px; width:960px; padding-top:214px;}
.banner-bespoke {background:url(../images/bespoke-banner.jpg) no-repeat; height:35px; width:960px; padding-top:214px;}
.banner-curtains {background:url(../images/curtains-banner.jpg) no-repeat; height:35px; width:960px; padding-top:214px;}
.banner-showhomes {background:url(../images/showhomes-banner.jpg) no-repeat; height:35px; width:960px; padding-top:214px;}
.banner-buytolet {background:url(../images/buytolet-banner.jpg) no-repeat; height:35px; width:960px; padding-top:214px;}
.banner-contact {background:url(../images/contact-banner.jpg) no-repeat; height:35px; width:960px; padding-top:214px;}
.banner-contract {background:url(../images/contract-banner.jpg) no-repeat; height:35px; width:960px; padding-top:214px;}
.banner-gallery {background:url(../images/gallery-banner.jpg) no-repeat; height:35px; width:960px; padding-top:214px;}

/* Page Banner Text*/

.bannertext-interiordesign {background:url(../images/interiordesign-bannertext.gif) no-repeat; height:35px; width:960px;}
.bannertext-bespokefurniture {background:url(../images/bespokefurniture-bannertext.gif) no-repeat; height:35px; width:960px;}
.bannertext-curtains {background:url(../images/curtains-bannertext.gif) no-repeat; height:35px; width:960px;}
.bannertext-buytolet {background:url(../images/buytolet-bannertext.gif) no-repeat; height:35px; width:960px;}
.bannertext-showhomes {background:url(../images/showhomes-bannertext.gif) no-repeat; height:35px; width:960px;}
.bannertext-about {background:url(../images/about-bannertext.gif) no-repeat; height:35px; width:960px;}
.bannertext-contact {background:url(../images/contact-bannertext.gif) no-repeat; height:35px; width:960px;}
.bannertext-contract {background:url(../images/contract-bannertext.gif) no-repeat; height:35px; width:960px;}
.bannertext-gallery {background:url(../images/gallery-bannertext.gif) no-repeat; height:35px; width:960px;}

/* Home Page */

.alpha { float:right; margin:100px 100px 0 0; background:#FFFFFF; font-weight:bold; padding:15px 20px 20px 20px; width:270px; height:260px; color:#000000; font-size:0.75em; line-height:22px; -moz-opacity: 0.6; opacity:.60; filter: alpha(opacity=60); }

/* Home Design Page */

.leftcol-hdesign {float:left; background:url(../images/lefttext-bg.gif) no-repeat bottom left; width:430px; padding:20px 25px 25px 25px; font-size:0.75em; line-height:20px;}
.rightcol-hdesign {float:right; background:url(../images/righttext-bg.gif) no-repeat bottom right; width:430px; padding:20px 25px 25px 25px; font-size:0.75em; line-height:20px;}

/* Gallery Page */

.photoframe {border:1px solid #666666; background-color:#FFFFFF; padding:12px 5px 25px 5px; width:240px;}
.photoframe img {border:1px solid #666666; margin-bottom:5px;}
.gallery-col1 {float:left; width:265px; padding:20px 25px 25px 25px; font-size:0.75em; line-height:20px; text-align:center;}
.gallery-col1 a {color:#000000; text-decoration:underline;}
.gallery-col1 a:hover {color:#000000; text-decoration:none;}
.gallery-col2 {float:left; width:265px; padding:20px 25px 25px 35px; font-size:0.75em; line-height:20px; text-align:center;}
.gallery-col2 a {color:#000000; text-decoration:underline;}
.gallery-col2 a:hover {color:#000000; text-decoration:none;}
.gallery-col3 {float:right; width:265px; padding:20px 25px 25px 25px; font-size:0.75em; line-height:20px; text-align:center;}
.gallery-col3 a {color:#000000; text-decoration:underline;}
.gallery-col3 a:hover {color:#000000; text-decoration:none;}
h4 {margin:20px 20px 0 20px; padding:0 0 10px 0; border-bottom:1px solid #000000; font-size:14px;}
h4 span {font-size:12px; font-weight:normal;}