/* -------------------------------------
Name: main.css
Description: busybuilding.com
Author URI: www.whitehat.gr
--------------------------------------*/

@import url("reset.css");


/* Generic styles
--------------------------------------- */
html {min-height:100%;}
body {font-size:62.5%; line-height:1.4em;}
body, h1, h2, h3, h4,h5, h6, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, label, blockquote, th, td, p  {
	font-family: Helvetica, sans-serif;
	color:#000; 
	}

/* Temp background for X-MAS 2010 */
body.customHomeBG {background:url(../images/busybuilding_xmas_holidays.gif) top left repeat;}
	
.clear {clear:both; height:0; font-size:1px; line-height:0px;}


/* Random Backgrounds
--------------------------------------- */

/*.random-1 {background:url(../images/background-1.jpg) no-repeat left top;}
.random-2 {background:url(../images/background-2.jpg) no-repeat left bottom;}
.random-3 {background:url(../images/background-3.jpg) no-repeat left top;}
.random-4 {background:url(../images/background-4.jpg) no-repeat left top;}
.random-5 {background:url(../images/background-5.jpg) repeat-x left bottom;}
.random-6 {background:url(../images/background-6.jpg) repeat-x 0 82px;}
.random-7 {background:url(../images/background-7.jpg) no-repeat left top;}*/


/* Links
--------------------------------------- */
a, a:visited {color:#000; text-decoration:none;}
a:hover, a:active {color:#000; text-decoration:line-through;}
a.active, a.active:visited {color:#766E65 !important; font-weight:normal !important;}


/* Headings
--------------------------------------- */
h1 {font:1.1em Helvetica, sans-serif; margin:0 0 0 0; font-weight:bold;}
h2 {font:1.1em Helvetica, sans-serif; margin:0 0 0 0; font-weight:bold;}
h3 {font:1.4em Helvetica, sans-serif; color:#6d6d6d; margin:10px 0 10px 1px; font-weight:normal;}
h4 {font-family: "Times New Roman", Times, verdana; color:#9d5527; font-weight:normal;}

.nomenu h1 {background:url(../images/dash.jpg) no-repeat left bottom; padding-bottom:10px;}
.nomenu h2 {background:url(../images/dash.jpg) no-repeat left bottom; padding-bottom:10px; margin:7px 0 0 0;}


/* Main layout
--------------------------------------- */
#wrap {width:960px; padding:20px 20px 0 20px; text-align:left; }

.content {margin:7px 0 7px 0; font-size:1.1em;}
.small {width:530px;}
.sidebar {float:left; width:158px;}
.des {width:100px; padding:7px 0 0 0;}


/* Gallery
--------------------------------------- */
.gallery {margin-left:160px; background:url(../images/dash.jpg) repeat-x left top; padding:10px 0 0 0;}
.merch {margin-left:160px; margin-top:-4px; background:url(../images/dash.jpg) repeat-x left top; padding:10px 0 0 0;}
#gallery-frame {width:800px; height:460px; padding-bottom:37px; display: block; _overflow: hidden;}
.scroll-pane {float:left; height:450px;}


.jScrollPaneTrack {bottom:14px;}
a.jScrollArrowLeft {background: url(../images/arrow-left.jpg) no-repeat 0 0; height:32px;}
a.jScrollArrowLeft:hover {}
a.jScrollArrowRight {background: url(../images/arrow-right.jpg) no-repeat 0 0; height:32px;}
a.jScrollArrowRight:hover {}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}

#photos {position:relative; float:left; display:block; height:450px; background:#fff;}
#photos li {float:left; display:block; height:450px;}

/*#control {height:32px; clear:both; margin:45px 0 0 0; background:url(../images/arrows-hr.jpg) repeat-x;}
#control span {display:block; width:37px; height:32px; cursor:pointer;}
#left-a {float:left; background:url(../images/arrow-left.jpg) no-repeat;}
#right-a {float:right; background:url(../images/arrow-right.jpg) no-repeat;}*/

#control {display:none;}


/* News
--------------------------------------- */
.news {}
.news dl {padding:10px 0 0 0;}
.news dl dt {font-weight:bold;}
.nopadt {padding-top:0 !important;}

/* Awards
--------------------------------------- */
.awards {}
.awards dl {padding:10px 0 0 0;}
.awards dl dt {font-weight:bold;}

/* Clients
--------------------------------------- */
.clients {}
.clients dl {padding:10px 0 0 0;}
.clients dl dt {font-weight:bold;}

/* Contact
--------------------------------------- */
.contact {}
.bb-details {margin:7px 0 7px 0; background:url(../images/dash.jpg) no-repeat left bottom; padding-bottom:10px;}
.bbuilders {margin:0 0 7px 0;}


/* Navigation & Menus
--------------------------------------- */
.menu {float:left; display:block; margin:20px 0 12px 20px;}
.menu li {display:block; float:left; margin:0 20px 0 0;}
.menu li a {display:block; float:left; width:87px; height:93px; text-indent:-9999px;}

#about_bt a, #about_bt a:visited {background:url(../images/folder-about.png) no-repeat;}
#contact_bt a, #contact_bt a:visited { background:url(../images/folder-contact.png) no-repeat;}
#gallery_bt a, #gallery_bt a:visited {background:url(../images/folder-gallery.png) no-repeat;}
#merch_bt a, #merch_bt a:visited {background:url(../images/folder-merch.png) no-repeat;}
#features_bt a, #features_bt a:visited {background:url(../images/folder-features.png) no-repeat;}

ul.aboutbb li a {height:126px !important;}
#bb_about_bt a, #bb_about_bt a:visited {background:url(../images/aboutbb-about.png) no-repeat;}
#bb_news_bt a, #bb_news_bt a:visited { background:url(../images/aboutbb-news.png) no-repeat;}
#bb_awards_bt a, #bb_awards_bt a:visited {background:url(../images/aboutbb-awards.png) no-repeat;}
#bb_clients_bt a, #bb_clients_bt a:visited {background:url(../images/aboutbb-clients.png) no-repeat; width:88px !important;}
#bb_video_bt a, #bb_video_bt a:visited {background:url(../images/aboutbb-video.png) no-repeat; width:98px !important;}

ul.features li a {height:93px !important;}
#bb_keywords_bt a, #bb_keywords_bt a:visited {background:url(../images/folder-keywords.png) no-repeat; width:87px !important;}

ul.contact {clear:both;}
ul.contact li {width:87px !important; height:220px !important;}
#contact-d {background:url(../images/contact-d.jpg) no-repeat 0 0;}
#contact-a {background:url(../images/contact-a.jpg) no-repeat 0 0;}
#contact-v {background:url(../images/contact-v.jpg) no-repeat 0 0;}
#contact-k {background:url(../images/contact-k.jpg) no-repeat 0 0;}

ul.gallery-nav {margin:7px 0 7px 0; padding-top:10px; background:url(../images/dash.jpg) no-repeat left top;}
ul.gallery-nav li {font-size:1.1em; padding:0 0 3px 0;}
ul.gallery-nav li a, ul.gallery-nav li a:visited {display:block; font-weight:bold; line-height:1em;}
ul.gallery-nav li a:hover, ul.gallery-nav li a:active {font-weight:bold; text-decoration:none;}

#gal-active a, #gal-active a:visited {text-decoration:line-through !important;}

.comingsoon a, .comingsoon a:visited {filter:alpha(opacity=10);-moz-opacity: 0.1; opacity: 0.1; cursor:default;} 
.back a, .back a:visited {float:left; display:block; width:37px; height:32px; background:url(../images/arrow.jpg) no-repeat; text-indent:-9999px;}

/* Footer
--------------------------------------- */
#footer {clear:both}