body, html{
height:100%;
background-color:#2A3F55;
font-family:Tahoma, Verdana, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
color:#FFFFFF;
text-align:justify;
}

img{
margin:0;
padding:0;
}

.contentColumnRight input{
display:block;
width:175px;
float:left;
margin-bottom:10px;
border:0;
}

.contentColumnRight label{
display:block;
text-align:right;
float:left;
width:100px;
padding-right:10px;
font-size:x-small;
}

.contentColumnRight br{
clear:left;
}

#submitButton{
width:75px;
margin-left:55px;
}


#submitButton[id]{
margin-left:110px;
}


.title{
margin:40px 0px 0px 0px;
}

h1{
color:#2A0055;
font-size:24px;
padding:0;
margin:0;
}

h2{
}

a:link, a:visited{
color:#BBC1B7;
text-decoration:none;
font-size:small;
font-weight:bold;
}

a:hover{
color:#FFCCFF;
font-weight:bold;
}

p, table, span{
margin:0 15px 20px 20px;
}

#container{
top:0;
left:0;
width:100%;
height:100%;
overflow:visible;
position:relative;
background-color:#2A3F55;
}

#header{
position: relative;
width:800px;
margin:auto;
background-color:#2A0055;
}

#frame{
width:800px;
margin:auto;
padding:0;
}

#header[id]{
position:static;
height:100px;
/*border:1px solid;*/
}

#header form{
padding-top:20px;
padding-right:20px;
float:right;
}

#header img{
display:block;
float:left;
}

#navigation{
position: relative;
width:798px;
margin:auto;
margin-top:0;
padding:0px 0 0px 0;
background-color:#BBC1B7;
float:left;
border:1px solid;
}

#navigation[id]{
position:static;
}

#menu{
width:488px;
height:94px;
background-image:url(images/menu.gif);
padding:0;
position: relative;
margin:0;
margin-left:10px;
}

#menu li{
margin:0;
padding:0;
list-style:none;
position:absolute;
}

#menu li, #menu a{
height:94px;
display:block;
}

#menu span{
display:block;
width:0;
height:0;
overflow:hidden;
}

#home {left:0px; width:73px;}

#about {left:79px; width:82px;}

#products {left:166px; width:87px;}

#news {left:258px; width:60px;}

#contact {left:323px; width:60px;}

#recommendations {left:388px; width:99px;}


#home_over{
left:0px; width:73px;
background: transparent url(images/menu.gif)
0px -97px no-repeat;
}

#about_over{
left:79px; width:82px;
background: transparent url(images/menu.gif)
-79px -97px no-repeat;
}

#products_over{
left:166px; width:87px;
background: transparent url(images/menu.gif)
-166px -97px no-repeat;
}

#news_over{
left:258px; width:60px;
background: transparent url(images/menu.gif)
-258px -97px no-repeat;
}

#contact_over{
left:323px; width:60px;
background: transparent url(images/menu.gif)
-323px -97px no-repeat;
}

#recommendations_over{
left:388px; width:99px;
background: transparent url(images/menu.gif)
-388px -97px no-repeat;
}

#home a:hover{
background: transparent url(images/menu.gif)
-0px -97px no-repeat;}

#about a:hover{
background: transparent url(images/menu.gif)
-79px -97px no-repeat;}

#products a:hover{
background: transparent url(images/menu.gif)
-166px -97px no-repeat;}

#news a:hover{
background: transparent url(images/menu.gif)
-258px -97px no-repeat;}

#contact a:hover{
background: transparent url(images/menu.gif)
-323px -97px no-repeat;}

#recommendations a:hover{
background: transparent url(images/menu.gif)
-388px -97px no-repeat;}

#navigationLeft{
float:left;
margin:0px 10px 0 5px;
padding:30px 0 30px 0;
}

#navigationRight{
float:left;
width:240px;
margin: 0 0px 0px 0px;
}

#contentContainer{
position: relative;
clear:both;
}

#contentContainer[id]{
position:static;
}


#content{
width:800px;
margin:auto;
/*min-height:300px;*/
}

#floatContent{
float:left;
}

#stopFloat{
clear:both;
}

#content h1{
color:#00FF00;
font-size:36px;
margin:0;
margin-left:30px;
padding-top:30px;
}

#content h2{
margin:10px 0 5px 20px;
}

#content form{
 margin-left:50px;
 }
 
#content input{
border: solid black;
border-width: 1px 2px 2px 1px;
}

.contentColumnRight{
padding:0px;
margin:0px;
width:400px;
height:300px;
float:left;
overflow:auto;
}

.contentColumnRight p, .contentColumnRight td, .contentColumnRight span, .contentColumnRight a{
font-size:10px;
}

.contentColumnRight h2{
font-size:10px;
}

.contentColumnLeft{
padding:0px;
margin:0px;
width:400px;
height:300px;
float:left;
}

.contentColumnLeft p, .contentColumnLeft td, .contentColumnLeft span{
font-size:xx-small;
}

.contentColumnLeft h2{
font-size:x-small;
}

#footer{
color:#FFFFFF;
position: relative;
width:800px;
margin:auto;
margin-top:10px;
float:right;
text-align:center;
font-size:10px;
}

#footer[id]{
position:static;
}

#groupProduct{
margin:20px 0 0 70px;
text-align:center;
}

.product{
float:left;
margin-right:30px;
}

.product a:link, .product a:visited{
display:block;
margin:0px 0 20px 0;
width:100px;
padding:0 0 0 0px;
background-color:#FFCCFF;
border:2px solid #FFFFFF;
font-size:16px;
font-weight:normal;
color:#2A0055;
}

.product a:hover{
display:block;
margin:0px 0 20px 0;
width:100px;
padding:0 0 0 0px;
background-color:#2A0055;
border:2px solid #FFFFFF;
font-size:16px;
font-weight:normal;
color:#FFFFFF;
}

.product img{
margin:0px 0 0 0px;
padding:0;
}

.product span{
font-size:xx-small;
font-weight:normal;
margin:0;
}

#title{
text-align:center;
margin:50px 0 0 50px;
}

#title h2{
padding:0;
margin:0;
font-size:35px;
color:#2A0055;
line-height:1;
}

#title h3{
padding:0;
margin:0;
font-size:14px;
color:#2A0055;
line-height:1;
}

#emailAddress{
clear:both;
}

#emailAddress a:link{
font-size:10px;
}

#stayawhile{
margin-top:20px;
}

#stayawhile p{
font-size:10px;
}

#footerText{
width:600px;
float:left;
text-align:left;
margin-left:18px;
}

#weather{
padding:0;
margin:0;
text-align:left;
float:right;
margin-right:18px;
}

#weather table, #weather span, #weather td, #weather th{
margin:0;
padding:0;
}

#weather a{
font-size:9px;
}

.rec{
margin-bottom:16px;
}

.rec span{
 font-weight:bold;
 font-style:italic;
}

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