body{
font-family: Arial, sans-serif; 
background:#333;
margin:0 auto 0;
}
#wrapper {
margin:15px auto;
width:780px;
height:580px;
background:url(images/wrapperbg.jpg) repeat-x #333;
}
#header {
border-left:1px solid #666;
border-right:1px solid #666;
border-bottom:1px solid #666;
height:166px;
width:760px;
margin:0;
float:left;
top:0;
left:9px;
position:relative;
background:url(images/header.jpg) no-repeat #666;
clear:both;
}
/*hotspot logo*/
.logo{
position:relative;
top:50px;
left:200px;
width:310px;
height:70px;
}
.logo a{
display:block;
width:310px;
height:70px;
text-decoration:none;
}
a{
text-decoration: none;
color: #0099ff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
a:hover{
color: #ccc;
}
.blackspacer{
border-left:1px solid #666;
border-right:1px solid #666;
height:1px;
width:760px;
margin:0 9px;
background:#111;
}
#backpic{
background-image:url(images/bottle.jpg);
position:absolute;
top:36px;
left:542px;
width:217px;
height:343px;
}

#main{
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #111;
height:410px;
width:760px;
margin:0;
float:left;
top:0;
left:9px;
position:relative;
background:url(images/bodybg.jpg) no-repeat #666;
clear:both;
}
#footer {
margin:0;
top:75px;
position:relative;
color:#454545;
font-size:12px;
text-align:center;
}

/*content*/
.homecontent{
float:left;
position:relative;
top:30px;
left:0px;
width:200px;
height:260px;
margin:0;
padding:0px 26px 0px 26px;
}
.homeborder{
border-right:1px solid #454545;
}
.firsttitle{
margin-bottom: 5px;
padding:0;
color:#0099ff;
text-align:left;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}
.title{
margin-bottom:5px;
padding:0;
color:#c0c0c0;
text-align:left;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}
.homebody{
color:#a0a0a0;
padding-left:14px;
text-align:left;
font-size:12px;
}
.portfoliocontent{
float:left;
position:relative;
top:30px;
left:0px;
width:320px;
height:260px;
margin:0;
padding:0px 26px 0px 26px;
color: #a0a0a0;
}
.flashcontent{
float:left;
position:relative;
top:30px;
left:85px;
width:360px;
height:260px;
margin:0;
}
#emailSuccess{
display:none;
color:#dfdfdf;
font-size:12px;
}
#loadBar{
display:none;
color:#dfdfdf;
font-size:12px;
}
/*Forms defaults*/
form{
padding-left:26px;
float:left;
position:relative;
width:300px;
}
input, textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
background-color:#dfdfdf;
}
label {
color:#a0a0a0;
cursor:pointer;
font-size:12px;
vertical-align:bottom;
}
label.chosen {
color:#232323;
}
/*Text inputs*/
.textinput, .textinputHovered {
width:205px;
height:18px;
padding:2px 4px;
border:0;
margin-bottom:4px;
margin-top:2px;
line-height:18px;
}
.textinputHovered {
background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
width:240px;
height:105px;
padding:2px 4px;
border:0;
margin-top:2px;
}
.textareaHovered {
background-position:left bottom;
}
.buttonSubmit{
margin-top:10px;
}
/*navigation starts*/

#menu{
font: normal 12px arial;
margin: 0;
padding: 0;
float:left;
top:0;
left:240px;
position:relative;
}

#menu li{
line-height:54px;
list-style: none;
float:left;
}

#menu li a{
padding: 0 10px 0 15px;
text-decoration: none;
color: #888;
}

#menu li a:hover{
color: #ccc;
}
.clear{
clear:both;
}
img{
border:0;
}