/* Home page styles for The Hospitality Hub */

div#panels {
width:4500px;
position:relative;
}
div.pane {
padding:0 25px;
float:left;
}
div.pane p {
margin:20px 0;
}
div.pane div.left, div.pane div.right {
float:left;
width:350px;
}
div#features {
display:block;
width:820px;
}
div#feature-tour {
width:750px;
float:left;
padding-bottom:9px;
background:url(../images/features/feature-bg.jpg) no-repeat bottom center;
}
div.slide-button {
float:left;
padding:230px 0 0 0;
}
div.slide-button img.slide-left {
padding-right:6px;
}
div.slide-button img.slide-right {
padding-left:6px;
}
div#feature-tour div#content {
height:400px;
width:750px;
overflow:hidden;
position:relative;
background-color:#FFFFFF;
}
div.pane h1 {
font-size:30px;
line-height:1.2em;
text-align:center;
margin-top:25px;
}
div#pane-01 p.left-indent {
padding:5px 0 0 65px;
background:url(../images/features/what-is-it/buildings.jpg) no-repeat bottom left;
}
div#pane-01 p.right-indent {
padding:10px 65px 10px 0;
margin:0 0 35px 0;
background:url(../images/features/what-is-it/target.jpg) no-repeat center right;
}
div#pane-02 p.left-indent {
background:url(../images/features/search/people.jpg) no-repeat center left;
padding:10px 0 10px 90px;
margin-top:10px;
}
div#pane-02 p.right-indent {
background:url(../images/features/search/mail.jpg) no-repeat center right;
padding:10px 100px 15px 0;
margin-bottom:25px;
}
div#pane-03 p.left-indent {
background:url(../images/features/network/network-symbol.jpg) no-repeat center left;
padding:0 0 0 60px;
margin-top:10px;
}
div#pane-03 ul.green-arrows {
list-style-type:none;
margin-bottom:10px;
}
div#pane-03 ul.green-arrows li {
background:url(../images/features/network/green-arrow.jpg) no-repeat top left;
padding-left:25px;
margin-top:10px;
}
div#pane-01 h1 {
font-size:26px;
}
div#pane-02 h1 {
font-size:21px;
}
div#pane-03 h1 {
font-size:27px;
margin-bottom:20px;
}
div#pane-05 h1 {
font-size:25px;
margin-bottom:20px;
}
div#pane-04 p.left-indent {
background:url(../images/features/discuss/globe.jpg) no-repeat top left;
padding:5px 0 10px 110px
}
div#pane-04 p.center {
text-align:center;
padding:10px 40px 10px 40px;
}
div#pane-05 p {
margin:15px 0 10px 0;
}
div#pane-05 p.left-indent {
background:url(../images/features/jobs/stairs.jpg) no-repeat center left;
padding: 5px 0 5px 80px;
margin-top:10px;
}
div#pane-06 p.right-indent {
background:url(../images/features/events/clock.jpg) no-repeat center right;
padding:0px 70px 0 0;
}
div#pane-06 p.left-indent {
background:url(../images/features/events/tools.jpg) no-repeat center left;
padding:0px 0 0 75px;
}
div.pane a.sign-up {
display:block;
background:url(../images/features/sign-up-button.jpg) no-repeat top left;
width:115px;
margin:0px auto 0 auto;
height:32px;
text-align:center;
padding:4px 0 0 0;
font-size:14px;
line-height:1em;
color:#FFFFFF;
}
div#pane-03 a.sign-up {
margin-top:20px;
}
div#pane-05 a.sign-up {
margin-top:20px;
}
div.pane a.sign-up:hover {
text-decoration:underline;
}










/* Tabs */

ul#tabs {
width:750px;
text-align:center;
list-style-type:none;
background:url(../images/features/feature-nav-bg.jpg) repeat-x bottom;
}
ul#tabs li {
padding:0 1px;
display:inline-block;
}
ul#tabs li a {
display:block;
height:40px;
}
ul#tabs a span.text {
font-size:12px;
font-weight:normal;
display:block;
background:no-repeat 10px center;
padding:10px 10px 10px 45px;
}
ul#tabs li:hover {
background:url(../images/features/feature-nav-off-border-bg.jpg) repeat-x;
}
ul#tabs li.off a:hover {
background:url(../images/features/feature-nav-off-bg.jpg) repeat-x;
color:#333333;
}
ul#tabs li.on {
background:url(../images/features/feature-nav-border-bg.jpg) repeat-x;
}
ul#tabs li.on a {
background:url(../images/features/feature-nav-on-bg.jpg) repeat-x;
}
ul#tabs li.on a:hover {
color:#333333;
}
ul#tabs a#tab-01 span.text {
background-image:url(../images/features/icons/what-is-it.png);
padding-left:40px;
}
ul#tabs a#tab-02 span.text {
background-image:url(../images/features/icons/search.png);
padding-left:41px;
background-position:8px center;
}
ul#tabs a#tab-03 span.text {
background-image:url(../images/features/icons/network.png);
padding-left:41px;
}
ul#tabs a#tab-04 span.text {
background-image:url(../images/features/icons/discuss.png);
padding-left:50px;
}
ul#tabs a#tab-05 span.text {
background-image:url(../images/features/icons/jobs.png);
padding-left:43px;
}
ul#tabs a#tab-06 span.text {
background-image:url(../images/features/icons/events.png);
padding-left:45px;
}


div#testimonials {
padding:0 35px 0 20px;
margin-top:20px;
}
div.testimonial {
float:left;
width:240px;
margin-left:15px;
}
div.testimonial div.copy {
background:#FFFFFF;
border:1px solid #CCCCCC;
border-bottom:0;
}
div.testimonial div.copy p {
text-align:center;
padding:10px 10px;
}
div.testimonial div.bottom-bg {
height:16px;
background:url(../images/testimonial-bottom-bg.jpg);
margin-bottom:10px;
}
div.testimonial span.person {
color:#993399;
font-weight:normal;
}
div.testimonial span.person strong {
color:#993399;
}
div#search-form {
text-align:center;
margin-bottom:10px;
}
div#widgetbox_widget_div_0 {
background:#F9F9F9;
border-top:1px solid #CCCCCC;
}