/*-----------------------------------------------------------------------------------------------
CSS for Ambience Interiors, designed and built by Neil Milliken for Easyspace, please do not copy, but if u do give me a nod, thanks. 
------------------------------------------------------------------------------------------------*/

body{
font-family:  "Arial", "Verdana", "Tahoma";
font-size: 12px;
color: #333;
background-color: #fff;  
margin: 0px;
padding: 0px;
}

img { border:0;}


#outer {
width:824px;
margin-top: 10px;
margin-left:auto;
margin-right:auto;
position:relative;
padding: 0;
}

#logo{
background:url(../images/logo.jpg) no-repeat;
height:194px;
width:204px;
}

/*-------the link section------*/


a:link, a:link, a:visited {
color: #333;
text-decoration:none;
}

a:hover {
color: #333;
text-decoration: underline;
}

a:active {
color: #333;
text-decoration: underline;
}

.button:link, .button:link, .button:visited {
color: #333;
text-decoration:none;
}

.button:hover {
color: #333;
text-decoration: none;
}

.button:active {
color: #333;
text-decoration: none;
}



.fontbig {
text-decoration:none;
font-size:11pt;
}

.redfont{
color: #e6001a;
text-decoration:none;
}

.menutop{
width: 185px;
height: 15px;
background:url(../images/menutop.jpg) no-repeat;
margin-left: 12px;
margin-right: 0;
margin-top: 9px;
font-size: 100%;
color:#474747;
}

.menubottom{
width: 185px;
height: 12px;
background:url(../images/menubottom.jpg) no-repeat;
margin-left: 12px;
margin-right: 0;
font-size: 100%;
color:#474747;
}

.glossymenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px;
}

.glossymenu li a{
background: url(../images/menu.jpg) no-repeat;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #474747;
display: block;
width: 185px;
padding: 13px 0;
padding-left: 10px;
margin-left: 12px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 185px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: #474747;
}

.glossymenu li a:hover{
background: url(../images/menuhover.jpg) no-repeat;
}

.current {
background: url(../images/menuhover.jpg) no-repeat;
}

.clear {
clear:both;}

/*-----------------------------------------------------------------------------------------------------------------------------------                                                          Content Section                                                       -----------------------------------------------------------------------------------------------------------------------------------*/

h1 {
font-size:12px;
color: #333;
margin:0; padding:0;
}

h2 {
font-size:14px;
}


#main {
background-image:url(../images/body.jpg);
text-align:justify;
margin: 0px;
width: 824px;
padding: 0;
}


#left {
text-align:justify;
width:194px;
padding: 0px 0px 0px 0px;
margin-right: 24px;
background: #fff;
float:left;
}

#right{
width: 577px;
background: #fff;
text-align:center;
padding: 4px;
float:left;
}

* html #right{
clear:both;
float:right;
background: #fff;
padding: 4px;



}

#BigPic{
background:url(../images/big1.jpg) no-repeat;
width: 577px;
height: 400px;
}


.subleft {
margin-top: 16px;
margin-right: 20px;
width: 386px;
float: left;
text-align:justify;
}

.subright {
margin-top: 16px;
float: left;
text-align:justify;
}

.ads {
background:url(../images/ad_button.jpg) no-repeat;
width: 240px;
height: 32px;
margin-top: 20px;
padding: 20px;
padding-top: 19px;
float:left;
font-size: 110%;
font-weight:bold;
cursor:pointer;
}

.ads:hover {
background:url(../images/ad_button_hover.jpg) no-repeat;
width: 240px;
height: 31px;
margin-top: 20px;
padding: 20px;
float:left;
font-size: 110%;
font-weight:bold;
}

.comp {
width: 202px;
height: 76px;
margin-left:auto;
margin-right:auto;
}

.welcomebar {
background:url(../images/welcome.jpg) no-repeat;
width: 366px;
height: 12px;
padding: 10px;
margin-bottom: 23px;
}

.gallerybar {
background:url(../images/gallery_header.jpg) no-repeat;
width: 568px;
height: 12px;
padding: 10px;
margin-bottom: 23px;
}

#gallery { width:600px; position:relative; float:left; margin:0 0px 0 -55px;} #gallery img { margin-left:60px; margin-bottom:20px;}



.contactbar {
background:url(../images/contact_button.jpg) no-repeat;
width: 280px;
height: 12px;
padding: 10px;
margin-bottom: 23px;
}


#footer {
background:url(../images/footer.jpg) no-repeat;
width:824px;
height: 182px;
margin-left:auto;
margin-right:auto;
text-align:left;
font-weight:normal;
color:#555;
font-size: 80%;
margin-top: -4px;
padding-top: 70px;
}