/* CSS Document */

body
{    
	font-family:  Arial, Helvetica, sans-serif;
	cursor: default;
	/*background: #F8F8F8;*/ 
}

acronym {
 	border-bottom: 1px dotted black;
  	cursor:help;
}

#form
{
	float: left;
	width: 180px;
	text-align: left;
	margin: 10px 10px 10px 0px;
	padding: 10px 15px 10px 5px;
	font-family:Tahoma; 
	font-size:10px; 
	BACKGROUND-COLOR: #E6EDF3;
}

#heading
{
	font-weight: bold;
	border-bottom: 1px dotted black;
}

#page 
{
	position: relative;
	width: 800px;
	background-color:#fff;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 70%;	
}

#page .required {
 color:#FF0000;
 }

#top {
	height: 100px;
    background-color:#0099FF;
}


#header {
	width: 800px;
	height: 100px;
	vertical-align: baseline;
    background-image:url(../img/bg_top.gif);
	background-repeat:repeat-x;
	background-color:#0D58C8;
    padding: 5px 0px 0px 0px;
	margin: 0px;
}

#logo {
    float:right;
	width: 180px;
	height: 70px;
    padding: 7px 0px 0px 0px;
	margin: 0px;
}

#quote {
    float:left;
	text-align:center;
	width: 300px;
	height: 70px;
    padding: 7px 0px 0px 0px;
	margin: 0px 20px 0px 30px;
}

#quote .text
{
	color:#fff;
	font-size:12px;
	}


#content_holder {
	width: 800px;
	padding: 0;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

#menu {
	float: right;
	width: 164px;
	height:100%;
	font-weight: bold;
	background-image:url(../img/menu_bg.gif);
	background-repeat:repeat-x;
	background-color:#010179;
	margin: 0px 0px 0px 0px;
	text-align: right;
}

#menu a
{
	text-decoration: none;
	font-size:12px;
	display: block;
	padding: 5px 3px 5px 0;
}

#menu .h1
{
	color: #fff;
	padding: 2px 1px;
	margin: 0;
}

#menu a.link
{
	color: #fff;
	font-weight:bold;
	cursor: pointer;
}

#menu a.current 
{ 
	background: #e5f4f9;

}

#menu a.link:hover
{ 
	background: #0033CC;

}

#hero{
	text-align: center;
	font-size:24px;
	border: 1px dotted grey;
	background-color:#E7F8FE
}
#hero p{
	font-size: 34px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#content_left {
	float: left;
	width: 206px;
	margin: 0px 0px 10px 0px;
}

#content_left .box {
	float: left;
	width: 180px;
	text-align: left;
	padding: 5px 0 15px 5px;
	margin: 10px 0 5px 0;
	background-image:url(../img/lg_box.jpg);
	background-repeat:no-repeat;
}
#content_left a:link {color:#0066FF; text-decoration: none}
#content_left a:visited {color:#0066FF; text-decoration: none}
#content_left a:active {text-decoration: none}
#content_left a:hover {color:#0066FF; border-bottom: 1px #0099FF dotted;}

#content {
	float: right;
	width: 420px;
    text-align: left;
	background-color:#fff;
	padding: 0px 10px 10px 0px;
	margin: 0px 0px 10px 0px;
	font-size:13px; 
}

#content a:link {color:#0066FF; text-decoration: none}
#content a:visited {color:#0066FF; text-decoration: none}
#content a:active {text-decoration: none}
#content a:hover {
	color:#0066FF;
	border-bottom: 1px #0099FF dotted;
}

#upper_footer {
	float: right;
	width: 100%;
	height: 100%;
    text-align: left;
	font-size: 90%;
	background-color:#F7F7F7;
	padding: 0px 0px 0px 0px;
}

#footer {
	float: right;
	width: 100%;
	height: 10px;
    text-align: left;
	font-size: 90%;
    padding: 5px 5px 5px 5px;
}
#footer a:link {color:#0066FF; text-decoration: none}
#footer a:visited {color:#0066FF; text-decoration: none}
#footer a:active {text-decoration: none}
#footer a:hover {color:#0066FF; border-bottom: 1px #0099FF dotted;
}

.hidden {visibility: hidden; display: none;}

#container {
width: 600px;
margin: 0px 20px 0px 0px;
}

#quote_form {
    float:left;
	text-align:left;
	background-color:#FAFBFD;
	border:solid 1px #9DB1C3;
	
	width:98%;
	padding: 2px 2px 2px 2px;
	}
	
#banner {
    float: left;
	width:100%;
	margin-bottom: 5px;
    background-color:#0D58C8;
	color:#fff;
	text-align:left;
	font-size:16px; 
	font-weight: bold;
	padding: 2px 2px 2px 2px;
}

#get_quote {
	height: 26px;
    float: left;
	width:211px;
	padding: 5px 0px 0px 15px;
	background-image:url(../img/get_quote.gif);
	background-repeat:no-repeat;
}

	
.form_fields {
	margin: 3px 0px 3px 0px;
	height:16px; font-family:Tahoma; 
	font-size:10px; 
	border-color:#7996B1;
	border-width:thin;
	border-style:solid; 
	BACKGROUND-COLOR: #C0CCD8;
	}
	
label {
	font-weight:normal; 
	width:160px; 
	float:left; 
	clear:left; 
	padding:2px;
}

#blue_box {

	border:solid 1px #9DB1C3;
	background-color:#F0F4F7;
    padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
	}
	
#bar {
	height: 5px;
    float: left;
	width:636px;
    background-color:#69B3FF;
}

#help {
	height: 250px;
    float: right;
	width:151px;
	font-size: 70%;
	text-align:left;
    background-color:#F0F4F7;
	border:solid 1px #9DB1C3;
	padding: 10px 10px 10px 10px;
	margin-bottom:3px;
}

#helpInfo {
	height: 50px;
    float: right;
	width:150px;
    background-color:#F0F4F7;
}

#bottom {
	height: 70px;
    float: right;
	width:600px;
	background-image: url(../img/banner.gif);
	background-repeat:no-repeat;

}
	
.Cellarconversion {
	color: #FFF;
}
#page #top #header #quote br {
	font-family: Comic Sans MS, cursive;
}
#page #content_holder p {
	color: #F0F;
}
#page #content_holder #menu .h1 p #links {
	color: #000;
}
#page #content_holder p {
	color: #000;
}
p {
	color: #FFF;
}
#page #content_holder #menu .h1 p {
	color: #FFF;
}
#page #content_holder #menu .h1 #Gallery #Cellar Clonversion Gallery {
	color: #FFF;
}