@charset "UTF-8";

p, li {
	line-height: 1.8em;
}
h1, h2, h3 {
	font-family:Arial, Helvetica, sans-seriff;
	margin: 0 0 10px 0;
	letter-spacing:-1px;
}
h1 {
	padding: 0;
	font-size: 3em;
	color: #333;
}
h2 {
	padding-top: 10px;
	font-size:2em;
}

h3 {
	font-size:20px;
	font-weight:100;
	color:#F90;
}

pre {
	font-size: 1.2em;
	line-height: 1.2em;
	overflow-x: auto;
}
div#page {
	width: 900px;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	border-color: #ddd;
	border-style: none solid solid;
	border-width: medium 1px 1px;
}
div#container {
	padding: 20px;
}
div#ads {
	clear: both;
	padding: 12px 0 12px 66px;
}
div#footer {
	clear: both;
	color: #777;
	margin: 0 auto;
	padding: 20px 0 40px;
	text-align: center;
}

/*----------------------------------*/

body {
margin:0px;
background-color:#EEE;
list-style-type:none;
}

#bannerWrapper{
	width:auto;
	background-color:#333;
	box-shadow: 0 0 12px rgba(0,0,0, 0.50);
	-moz-box-shadow: 0 0 12px rgba(0,0,0, 0.50);
	-webkit-box-shadow: 0 0 12px rgba(0,0,0, 0.50);
}

#banner {
	width:960px;
	height:200px;
	margin:auto;
	background-image:url(../images/flojo-banner.jpg);
	background-repeat:no-repeat;
}

#bodyWrapper {
	width:960px;
/*	height:450px;*/
	margin:auto;
	border:1px solid #ccc;
	border-top:0px;
	border-bottom:0px;
	background-color:#FFF;
	-webkit-border-radius:0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	border:1px solid #ccc;
	border-top:0px;
	margin-bottom:10px;
	background-color:#FFF;
	box-shadow: 0 0 12px rgba(0,0,0, 0.50);
	-moz-box-shadow: 0 0 12px rgba(0,0,0, 0.50);
	-webkit-box-shadow: 0 0 12px rgba(0,0,0, 0.50);
}
#navOutWrapper {
	height:40px;
	width:auto;
	background-color:#333;
}
#navWrapper {
	background-color:#333;
	top:0px;
	height:40px;
	width:580px;
	margin-left:630px;
}

#navHome, #navServices, #navClients, #navGallery, #navContact, #navBB {
	width:96px;
	height:40px;
	float:left;
	text-align:center;
}
nav li a {
	color:#FFF;
	font-family:Arial, Helvetica, sans-seriff;
	text-decoration:none;
	line-height:2.5em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display:block;
}
nav li a:hover {
	color:#F90;
	line-height:2.1em;
	display:block;
}
nav li a.active {
	color:#F90;
	line-height:2.5em;
	cursor:default;
	display:block;
}

strong {
	color:#F90;
}

.sectionIntro {
	font-size:1.1em;
	line-height:1.5em;
	color:#333;
}

#mainContent li {
	line-height:1.8em;
	color:#666;
	font-size:14px;
	list-style-type:none;
	text-decoration:none;
}

#mainContent {
color:#666;
width:925px;
padding:0px;
margin:auto;
font-family:Arial, Helvetica, sans-seriff;
font-size:0.9em;
font-weight:lighter;
overflow:hidden;
}
		
#mainContent h2{
	color:#000;
font-size:2.5em;
margin-top:0px;
line-height:10px;
}

.horizontalSpacer{
	margin:auto;
	width:900px;
	height:25px;
	background-color:#FFF;
}

.smallerContent{
	font-size:0.8em;	
}

/*------------------------B&B section only-----------------------------*/
#BBContent  {
	width:880px;
	margin:auto;
	color:#000;
}
#BBContent li {
	color:#555;
}
#BBContentTop {
	width:880px;
	height:126px;
	background-image:url(../images/BB/table_mountain_top.jpg);
}
#BBContentMidWrapper {
	width:840px;
	height:1100px;
	padding-left:20px;
	padding-right:20px;
	background-image: linear-gradient(bottom, rgb(255,204,0) 20%, rgb(255,153,0) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,204,0) 20%, rgb(255,153,0) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,204,0) 20%, rgb(255,153,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,204,0) 20%, rgb(255,153,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,204,0) 20%, rgb(255,153,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ffccoo',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
}

#BBContentMidTop {
	float:left;
	width:840px;
	height:350px;
	/*background-image:url(../images/BB/table_mountain_1.jpg), url(../images/BB/table_mountain_2.jpg), url(../images/BB/table_mountain_3.jpg), url(../images/BB/BB_interior.jpg), url(../images/BB/table_mountain_4.jpg), url(../images/BB/table_mountain_5.jpg), url(../images/BB/table_mountain_6.jpg) ;
	background-position: left top, left center, left bottom, center center, right top, right center, right bottom;
	background-repeat:no-repeat;*/	
}
#ltCol, #rtCol {
	float:left;
	width:156px;
	height:350px;
}
.outSpacer {
	float:left;
	width:39px;
	height:350px;
}
.inSpacer {
	float:left;
	width:30px;
	height:350px;
}
#mainPic {
	float:left;
	width:467px;
	height:350px;
	box-shadow: 0px 0px 10px #000;
}
.smallPics {
	float:left;
	width:117px;
	height:84px;
	margin-bottom:49px;
	box-shadow: 0px 0px 10px #000;
}

#midCol{
	float:left;
	width:527px;
	height:350px;
}

#BBContentMidBottom {
		float:left;
	
}
#BBContentBottom {
		float:left;
		width:880px;
		height:65px;
		background-color:#ffcc00;
		background-image:url(../images/BB/table_mountain_bottom.png);
		background-position:bottom right;
		background-repeat:no-repeat;	
}
/*------------------------B&B section only end-----------------------------*/


footer {
	width:960px;
	height:40px;
	margin:auto;
	font-family:Arial, Helvetica, sans-seriff;
	line-height:.6em;
	font-size:.8em;
	border-top:solid 1px #CCC;

}
#flojoLogo {
	background-image:url(../images/flojo-logo.jpg);
	background-repeat:no-repeat;
	width:67px;
	height:35px;
	float:left;
	margin:3px 0px 0px 8px;
}
#flojoDetails{
	float:left;
	padding-left:5px;
	padding-top:20px;
	color:#666;
	font-size:.9em;
}
#karockiLogo li a {
	background-image:url(../images/karocki-logo.jpg);
	background-repeat:no-repeat;
	background-position:-41px;
	overflow:hidden;
	width:41px;
	height:35px;
	float:right;
	margin:3px 8px 0px 0px;
	display:block;

}
#karockiLogo li a:hover {
	background-image:url(../images/karocki-logo.jpg);
	background-repeat:no-repeat;
	background-position:0px;
	overflow:hidden;
	width:41px;
	height:35px;
	float:right;
	margin:3px 8px 0px 0px;
}
#karockiLogo span{
	display:none;
}

#karockiLink{
	float:right;
	padding-right:10px;
	padding-top:15px;
}
a.karockiLink {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
a.karockiLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #F90;
}
a.karockiLink {
	line-height: 1.2em;
}
form {
	color:#666;
	text-align:center;
}#mainPic {
}