/* css style sheet for 3J's surveyors*/
/*http://www.3jssurveyors.co.uk*/
/* created by Isabelle Jackson - http://www.isabellejackson.co.uk*/


/*----------------- COLOUR SCHEME --------------------

DARK BLUE: 			#000e38
MID BLUE (logo) 	#3366ff
LIGHT BLUE (bg)	#e6ecff

TEXT					#121212 				


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

html {width:100%;font-size:101%;}
body {font-family:Arial, Helvetica, sans-serif;font-size:80%; margin: 0; color: #121212; background-color: #E6ECFF; background-image: url(../3js_images/3js_bg2.jpg); background-repeat: repeat-x; background-position: top;}

.clear {clear:both;}

/*------ images --------*/
.floatLeft {float: left; margin: 6px; }
.floatRight {float: right; margin: 6px;}
img {border:none;}

/*-------- ANCHORS -------*/

a, a:link {text-decoration: none; color: #000; font-weight: bold;}
a:visited {text-decoration: none; color: #666666; font-weight: bold;}
a:active {text-decoration:none; color: #000e38;}
a:hover {text-decoration:none; color: #ff0000;}

.space { text-decoration: none;}

/***************  DIVS *****************/

/* --------- main boxes ------- */ 
#wrapper{width: 910px; margin: 0 auto; padding: 0; background-color: transparent; border:none;}
#header{ height: 220px; margin: 0; padding: 0;}
#footer {width: 100%; height: 60px; color: gray; border-top: 1px solid #ccc;}

/* -------- ROUNDED BOXES ------------- */

.rounded_box {
	border: 0px solid #ffffff;
	margin: 26px 15px;
	padding: 15px 15px;
	text-align: left;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: #666 0px 0px 8px;
	-moz-box-shadow: #666 0px 0px 8px;
	box-shadow: #666 0px 0px 8px;
	background: #ffffff;
	}
	

/*********NAVIGATION BAR ****************/

#navBar {width: 900px; padding: 0; margin:0 10px 0 10px; background-color: transparent; border: none; text-align: center;}

#navBar ul {width: 910px; padding: 0; margin: 0; list-style: none; min-height: 60px; font-family: Arial, Helvetica, sans-serif;}
#navBar li {display: inline; padding: 0; margin: 0;}
#navBar a {display: block; color: #fff; text-decoration: none; font-size: 1.2em; font-weight: bold; background-color: transparent; padding: 16px 56px 0px; margin: 0; float: left;}
#navBar a:hover {color: #000e38; background-color: transparent; background-image: url(../3js_images/whiteHoverbg.png); background-position: bottom repeat-x; min-height: 36px; margin-bottom: -20px;} 

#navBar .open a {color: #000; background-position: bottom repeat-x; min-height: 36px; margin-bottom: -20px;}

	
/*---------- TEXT ---------------------*/	

p {line-height: 1.6em; margin: 3px 5px 2px 10px; text-align: justify;}

p.subtitle_white {margin: 0 0 0 20px; color: white; font-size: 1.25em;}
 .subtitle_white a {
	text-decoration: none;
	font-weight: normal;
	color: white;
}
 .subtitle_white a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #000e38;
}
p.subtitle_black {margin-left: 20px; color: black; font-size: 1.1em;}
	
/*-------- headers --------------*/

h1 {font-size: 2em; color: #000e38; font-weight: lighter; margin-left: 20px;}
h2 {font-size: 1.4em; font-weight: lighter; border-bottom: 1px solid #666666;}
h3 {font-size: 1.2em; color: #000e38;}


/*----------- lists ---------*/

.bullet {list-style: disc; line-height: 1.8em; margin-left: 20px;}
.noBullet {list-style: none; line-height: 1.8em; margin-left: 20px;}

/*********** PAGES BACKGROUNDS **************/
/*
.home {
	background-image: url(../3js_images/3js_home.jpg); background-position: bottom right; background-repeat: no-repeat;
}
*/

/*==================== slideshow for masthead ============*/


	
	/* CSS FOR SLIDESHOW SCRIPT */
	.imageSlideshowHolder,.imageSlideshowHolder_left{
		margin:0;	/* "Air" */
		float:left; /* Floating gallery at the left side of other web page content */		
		width:480px;	/* Image width */
		height:200px;	/* Image height */
		background-color: White;
		background-image: url(../3js_images/rightHalf_bg.jpg); background-position: right;
		position:relative;	/* Don't remove this line */
	}
	.leftFloatingDiv{
		float:left;
		width:160px;
		height:110px;
	}
	/* Don't change these values */
	.imageSlideshowHolder img{
		position:absolute;
		left:0px;
		top:0px;
	}


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