/*-----------------------------------------------------------------------------------------------
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: #444444;
background:url(../images/back.jpg) repeat-x #fff;  
margin: 0px;
padding: 0px;
}


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

#logo{
background:url(../images/banner.jpg) no-repeat;
height:30px;
width:863px;
padding-top: 44px;
}

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


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

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

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

.foot:link, .foot:link, .foot:visited {
color: #2c69e5;
text-decoration:none;
}

.foot:hover {
color: #2c69e5;
text-decoration: underline;
}

.foot:active {
color: #2c69e5;
text-decoration: underline;
}

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

.bluefont{
color: #154ea8;
font-weight:bold;
text-decoration:none;
}

.animatedtabs{
overflow: hidden;
width: 100%;
font-size: 12px; /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-right: 5px; /*offset of first tab relative to page left edge*/
margin-top: 2px;
padding: 0;
}

.animatedtabs li{
float: right;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background:  url(../images/menu_l.jpg) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background:  url(../images/menu_r.jpg) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: #2c69e5;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: #2c69e5;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.clear {
clear:both;}

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

h1 {
font-size:16px;
color: #1B7B9C;
}

h2 {
font-size:14px;
}


#top{}

#bottom{
margin-top: 6px;
width: 863px;
font-size: 10px;
}

* html #bottom{
margin-top: 3px;
width: 863px;
}

#content {
text-align:justify;
margin: 0;
padding: 0;
}

.left {
text-align:justify;
width:212px;
padding: 0;
margin-right: 5px;
float:left;
}

* html .left {
text-align:justify;
width:212px;
padding: 0;
margin-right: -2px;
float:left;
}

.left1 {
text-align:justify;
width:212px;
padding: 0;
margin-right: 5px;
float:left;
}

* html .left1 {
text-align:justify;
width:212px;
padding: 0;
margin-right: 5px;
float:left;
}

.right{
width: 645px;
text-align:center;
padding: 0px;
float:left;
}

* html .right{
width: 645px;
text-align:left;
margin-left:-3px;
padding: 0px;
float:left;
}

#bluebox{
background:url(../images/ring2.gif) no-repeat;
width: 211px;
height: 232px;
}

* html #bluebox{
background:url(../images/ring2.gif) no-repeat;
width: 211px;
height: 232px;
float:left;
}

#BigPic{
background:url(../images/mainpic.jpg) no-repeat;
width: 645px;
height: 232px;

}

#text_box{
color: #a2bae8;
font-size: 140%;
text-align:center;
margin-left:auto;
margin-right: 18px;
margin-top: 0px;
padding-top: 20px;
width: 210px;
line-height: 30px;
}

#BigPic2{
background:url(../images/head3.gif) no-repeat;
width: 645px;
height: 232px;
}

#BigPic3{
background:url(../images/mainpic_contact.jpg) no-repeat;
width: 645px;
height: 232px;
}

.box {
float:left;
width: 212px;
margin-right: 5px;
}

.boxsm {
float:left;
width: 211px;
margin-right: 5px;
}

* html .boxsm {
float:left;
width: 211px;
margin-right: 3px;
margin-left: 0px;
}

* html .box {
float:left;
width: 212px;
margin-right: 0px;
margin-left: 0px;
}


.picbox {
float:left;
width: 209px;
margin-right: 6px;
}

* html .picbox {
float:left;
width: 210px;
margin-right: 3px;
margin-left: -4px;
}

.subtop {
background:url(../images/boxtop.jpg) no-repeat;
width: 212px;
height: 14px;
text-align:justify;
}

* html .subtop {
background:url(../images/boxtop.jpg) no-repeat;
width: 212px;
height: 14px;
text-align:justify;
margin-bottom: -3px;
}

.submain {
background:url(../images/boxmid.jpg) repeat-y;
width: 196px;
height:auto;
padding-left: 8px;
padding-right: 8px;
text-align:justify;

}

.subbottom {
background:url(../images/boxbottom.jpg) no-repeat;
width: 212px;
height: 14px;
text-align:justify;
}

.subsm {
background:url(../images/boxsm.jpg) repeat-y;
width: 195px;
height:225px;
padding-top: 7px;
padding-left: 8px;
padding-right: 8px;
text-align:justify;

}


.inner {
height: 208px;
padding: 0;
margin-top: -4px;
}

* html .inner {
height: 208px;
padding: 0;
margin-top: -2px;
}

.subbottomR {
background:url(../images/boxbottom.jpg) no-repeat;
width: 212px;
height: 14px;
margin-left:-8px; 
margin-top:1px;
text-align:justify;
}

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

* html #footer {
background:url(../images/foot.jpg) no-repeat;
width:863px;
height: 42px;
margin-top: 1px;
margin-left:auto;
margin-right:auto;
padding: 14px;
text-align:left;
font-weight:normal;
color:#777;
font-size: 80%;
}

.inner p {margin:0; padding:0;}

.submain p {margin:0; padding:0;}

.subbottomR p {margin:0; padding:0;}