@charset "utf-8";
/* CSS Document */

@import url(reset.css);

.clearFloats {clear:both;}

p {font-family:"Trebuchet MS", Arial, sans-serif; font-size:12px; line-height:18px; margin:0 0 10px 0;}

.italic {font-style:oblique;}

.red {color:#FF0000; font-size:18px;}

.green {color:#99ff00; font-size:18px;}

h2 {margin:0 0 10px 0;}

h4, h5 {font-family:Helvetica, Arial, "Trebuchet MS"; font-size:33px; letter-spacing:-1px; color:#444444; font-weight:normal; margin:0 0 10px 0;}

h5 {font-size:22px;}

h3 {font-family:"Trebuchet MS", Arial, sans-serif; font-size:14px;  font-weight:normal;}

a:link {color:#000000; font-weight:normal; }
a:visited {color:#000000; font-weight:normal; }
a:hover {color:#99ff00; font-weight:normal; }
a:active {color:#000000; font-weight:normal; }

#introContent a:link {color:#99ff00; font-weight:normal; text-decoration:none; }
#introContent a:visited {color:#99ff00; font-weight:normal; text-decoration:none;}
#introContent a:hover {color:#666666; font-weight:normal; text-decoration:none; }
#introContent a:active {color:#99ff00; font-weight:normal; text-decoration:none; }

.otherContentPanel a:link {color:#99ff00; font-weight:normal; text-decoration:none; }
.otherContentPanel a:visited {color:#99ff00; font-weight:normal; text-decoration:none;}
.otherContentPanel a:hover {color:#666666; font-weight:normal; text-decoration:none; }
.otherContentPanel a:active {color:#99ff00; font-weight:normal; text-decoration:none; }

#topBar{height:5px; padding:0; margin:0; background-color:#99ff00;}

#wrapper {width:960px; height:101%; margin:0 auto 0 auto;}

#header {width:940px; height:85px; padding:0px 0 0 0px; border-bottom:#000000 1px solid;}

#logo {width:290px; height:61px; padding:20px 0 0 0; background:url(../images/common/logo.png) bottom left no-repeat; float:left;}

#panoLogo {width:290px; height:61px; margin:0 0 0 10px; padding:0; background:url(../images/common/logo.png) bottom left no-repeat; float:left;}

#navContainer {height:25px; position:relative; padding:0 0 0 0; float:right; margin:50px 0 0 0;}

#nav {width:480px; height:25px; background:#000000; list-style:none; display:inline; overflow:hidden; }

#nav li {list-style: none; display: inline;}

#nav a {float: left; padding: 25px 0 0 0; overflow: hidden;	height: 0px !important; 	height /**/:25px; /* for IE5/Win only */}

#nav a.selected{background-position: 0 0px; border-bottom:2px solid #99ff00;}

#nav li a:hover {background-position: 0 -50px;}

#navHome a { width:51px; background:url(../images/common/nav/homeMenu.png) top left no-repeat; margin-right:10px;}

#navPanoramas a { width:93px; background:url(../images/common/nav/panoMenu.png) top left no-repeat; margin-right:10px;}

#navVirtualTours a {width:87px; background:url(../images/common/nav/vtoursMenu.png) top left no-repeat; margin-right:50px;}

#navStills a {width:36px; background:url(../images/common/nav/stillsMenu.png) top left no-repeat; margin-right:78px;}

#navWeb a {width:38px; background:url(../images/common/nav/webMenu.png) top left no-repeat;margin-right:30px;}

#navContact a {width:62px; background:url(../images/common/nav/contactMenu.png) top left no-repeat;}

#content {width:940px; position:relative; margin:0 0 60px 0;}

#introContent {width:960px; position:relative; margin:0 0 0 0; float:left;}

#imageDayContent {width:460px; position:relative; margin:0px 0 0 0; float:left;}

.homeContentPanel {width:220px; height:100%; margin:0 20px 0 0; float:left;}

.homeContentPanelRight {width:220px; height:100%; margin:0 0 0 0; float:left;}

.whoHeader {height:30px; text-indent:-9999px; background:url(../images/common/headers/whoIsUnkle360.png) top left no-repeat;}

.imageHeader {height:30px; text-indent:-9999px; background:url(../images/common/headers/imageDay.png) top left no-repeat;}

.sectionUnderline {width:940px; height:10px; border-bottom:1px solid #000000; margin:0 0 20px 0;}

.panoHeader {height:30px; text-indent:-9999px; background:url(../images/common/headers/panoramas220.png) top left no-repeat;}

.virtualHeader {height:30px; text-indent:-9999px; background:url(../images/common/headers/virtual220.png) top left no-repeat;}

.webHeader {height:30px; text-indent:-9999px; background:url(../images/common/headers/web220.png) top left no-repeat;}

.stillsHeader {height:30px; text-indent:-9999px; background:url(../images/common/headers/stills220.png) top left no-repeat;}

#panoramaPageHeader {width:940px; height:266px; text-indent:-9999px; background:url(../images/common/pageHeaders/panoramaPageHeader.png) top left no-repeat; margin:20px 0 40px 0;}

#virtualPageHeader {width:940px; height:266px; text-indent:-9999px; background:url(../images/common/pageHeaders/virtualPageHeader.png) top left no-repeat; margin:20px 0 40px 0;}

#stillsPageHeader {width:940px; height:266px; text-indent:-9999px; background:url(../images/common/pageHeaders/stillsPageHeader.png) top left no-repeat; margin:20px 0 40px 0;}

#webPageHeader {width:940px; height:266px; text-indent:-9999px; background:url(../images/common/pageHeaders/webPageHeader.png) top left no-repeat; margin:20px 0 40px 0;}

#contactPageHeader {width:940px; height:266px; text-indent:-9999px; background:url(../images/common/pageHeaders/contactPageHeader.jpg) top left no-repeat; margin:20px 0 40px 0;}

.otherContentPanel {width:300px; height:100%; margin:0 20px 0 0; float:left; position:relative;}

.otherContentPanel ul {list-style-type:circle; font-family:"Trebuchet MS", Arial, sans-serif; font-size:12px; margin:10px 0 0 15px;}

.otherContentPanel a {text-decoration:none; color:#000000;}

.otherContentPanel li a:hover {color:#99ff00;}

.panoContentPanel {width:600px; height:100%; margin:0 20px 0 0; float:left; position:relative;}

.panoPages {width:600px; height:20px;position:relative; margin:0 0 10px 0;}

.panoPages li {list-style: none; display: inline;}

.panoPages a {float: left; padding: 20px 0 0 0; overflow: hidden;	height: 0px !important; 	height /**/:20px; /* for IE5/Win only */}

.panoPages a.selected{background-position: 0 0px;}

.panoPages li a:hover {background-position: 0 -20px;}

.panoPageNav1 a { width:20px; background:url(../images/common/page1.png) top left no-repeat; margin:0 5px 0 0;}

.panoPageNav2 a { width:20px; background:url(../images/common/page2.png) top left no-repeat;}

.panoContentPanelRight {width:220px; height:100%; margin:0 0 0 0; float:left;}

.panoThumbImage {border:1px solid #cccccc; margin-bottom:10px;}

.panoInfoPanel {margin:0 0 20px 0; }

.panoInfoPanel a:hover img{border-color:#99ff00;}

.panoInfoPanel a {text-decoration:none;}

.headerActiveLinks {font-family:Helvetica, Arial, "Trebuchet MS"; font-size:33px; letter-spacing:-1px; color:#444444; font-weight:normal;}

.panoInfoPanel a:hover span {color:#99ff00; text-decoration:none;}

.otherContentPanelRight {width:300px; height:100%; margin:0 0 0 0; float:left;}

#contentLeft {width:400px; position:absolute; top:0; left:0; }

.panoLargeThumb {border-bottom:#000000 1px solid; border-right:#000000 1px solid; margin:10px 0 10px 0;}

#contentMiddle {width:240px; position:absolute; top:0; left:460px; }

#contentRight {width:220px; position:absolute; top:0; left:720px;}

#footer {width:960px; height:420px; margin:40px auto 0 auto; position:relative; border-top:1px solid #000000; border-bottom:5px solid #000000;}

.aboutHeader {height:30px; text-indent:-9999px; background:url(../images/common/headers/about300.png) top left no-repeat;}

.siteHeader {height:30px; text-indent:-9999px; background:url(../images/common/headers/site300.png) top left no-repeat;}

.inspirationHeader {height:30px; text-indent:-9999px; background:url(../images/common/headers/inspiration300.png) top left no-repeat;}

.contactHeader {height:30px; text-indent:-9999px; background:url(../images/common/headers/contact300.png) top left no-repeat;}

#footer h3 {color:#99ff00; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; margin:10px 0 0 0; letter-spacing:-0.4px;}

#footerContentLeft {width:280px; position:absolute; top:0; left:0; margin:20px 0 0 0; }

#footerContentMiddle {width:300px; position:absolute; top:0; left:320px; margin:20px 0 0 0;}

#footerContentRight {width:300px; position:absolute; top:0; left:640px; margin:20px 0 0 0;}

#footer ul {list-style-type:circle; font-family:"Trebuchet MS", Arial, sans-serif; font-size:12px; margin:10px 0 0 15px;}

#footer a {text-decoration:none; color:#000000;}

#footer li a:hover {color:#99ff00;}

.contactFormLabels {font-family:"Trebuchet MS", Arial, sans-serif; font-size:12px;}

fieldset {border:none; padding:0; margin:0;}

fieldset input {width:95%; border:1px solid #cccccc; margin:5px 0 5px 0;}
fieldset input:hover {border-color: #b3c3aa;}
fieldset input:active, input:focus {border-color:#b3c3aa;}

fieldset textarea {width:95%; border:1px solid #cccccc;}
fieldset textarea:hover {border-color: #99ff00;}
fieldset textarea:active, textarea:focus {border-color:#99ff00;}

form div input { padding : 0 .25em; margin:10px 0 0 0; background-color:#cccccc; border:2px solid #666666; border-top-color:#999999; font-family:"Trebuchet MS", Arial, sans-serif; font-size:80%; text-transform:uppercase; margin:10px 0 10px 0; }
 
form div input:hover { background-color:#99ff00; }

.msg_list {
margin: 0px;
padding: 0px;
width: 600px;
}

.msg_head {
padding: 0;
cursor: pointer;
position: relative;
font-family:"Trebuchet MS", Arial;
font-size:12px;

}
.msg_body {
padding: 0;

}

.panoInfoLeft {width:50%; margin:10px 0 0 10px; float:left;}

.panoInfoRight {width:40%; margin:10px 10px 0 0; float:right; text-align:right;}

#flashcontent {border-bottom:3px solid #99ff00;}

.phone {display:block; float:left; margin-right:10px; width:60px;}