/* Main stylesheet for www.bigspark.co.uk ************************************/

/*------------------------
  Main Layout & Home page
--------------------------*/  
#WANTED {position:absolute;top:0px;right:0px;height:200px;width:220px;background-color:#fff;}

#GLOBALWRAPPER {position:relative;margin-left:auto;margin-right:auto;/*background-color:white;*/width:800px;height:150px;}

#HEADER {/*background-color:white;*/width:800px;height:115px;margin-bottom:10px;}

	#HeaderLeft {position:relative;float:left;height:116px;width:256px;/*background-color:#78e363;*/margin-right:8px;}

	#HeaderRight {position:relative;float:right;height:115px;width:528px;/*background-color:navy;*/padding-right:6px;}		
	
#NAVBAR {/*background-color:white;*/width:800px;padding-left:0px;margin-bottom:10px;/*	display:inline; */}

		#NAVBAR img {margin-bottom:10px;padding:0px;float:left;display:inline;} 
		#NAVBAR ul {margin:0px;padding:0px;list-style:none;list-style-image:none;}
		#NAVBAR li {display:inline;}

#SCROLLERDIV {background-image:url('images/ScrollerBG2.gif');background-repeat:repeat-x;width:800px;/*height:333px;*/margin-bottom:10px;clear:both;padding-top:0px;background-color:#000;}

#CONTENT {background-color:white;width:800px;margin-bottom:10px;}
		
	#FlashHolder {position:relative;clear:both;width:530px;height:150px;}
	
#FOOTER {position:relative;clear:both;background-color:white;width:800px;height:30px;margin-bottom:10px;border-top:thin;
	border-top-color:#CCCCCC;border-top-style:solid;text-align:center;}

#General_Holder {width:798px;/*height:390px*/;margin-bottom:10px;clear:both;/*border:thin;border-color:#EEEEEE;border-style:solid;*/}

/*------------------
  About us page
-------------------*/  

	#aboutcycle {padding:5px 0px 0px 60px;margin:10px 0 0 0;}
		.cycle {float:left;width:200px;margin-right:35px;margin-bottom:30px;}
	#abouttext {clear:both;padding:10px 70px 20px 60px;border-bottom:1px #e6e6e6 solid;margin-bottom:40px;}
	#comingsoon {float:right;height:290px;width:170px;background-color:#E6E6E6;margin:45px 0px 0px 7px;padding:0px;}
	
/*------------------
  Our Work page
-------------------*/  
	
	#worklist {background-color:#fff;width:798px;margin-bottom:20px;}
	.work_col {float:left;width:180px;margin-right:15px !important; /* IE6 fix */ margin-right:10px;display:inline;
				/*background-color:gray;*/}
	#workitems {padding-top:50px;}
	.item {width:798px;display:inline;}
	.Titleholder {width:240px;margin:0 0 20px 0;float:left;padding:20px 10px 0 0;border-top:1px #bcbcbc solid;}
	.Detailholder {width:545px;float:left;margin:0 0 20px 0;padding-top:20px;border-top:1px #bcbcbc solid;}
		.itemtitle {width:235px;height:400px;text-align:right;margin-right:10px;color:#333333;}
		.itemimg {width:545px;height:240px;background-color:#212121;margin-bottom:5px;}
		.itemdesc {width:545px;border-top:0px #bcbcbc solid;padding-top:0px;min-height:250px;}
		/* set itemimg margin to ten, and item desc border to 5 and paddingtop to 10 to acheieve orgional design -->
	h3.itemtitle {font-family:Arial, Helvetica, sans-serif;font-size:18pt;text-align:right;color:#000;}
	
/*------------------
  Contact page
-------------------*/  
	
	#contactdetails {float:left;width:275px;margin-top:10px;}
	#mapholder {float:right;margin:10px 0px 20px 0px;}
	#formholder {float:right;width:500px;height:350px;background-color:#e6e6e6;margin-bottom:20px;}


/*--------------------------
	News Page
--------------------------*/

	#newslist {margin:15px 0px 25px 0px; width:798px;}
	.nstory {float:left;width:495px;padding-top:20px;}
	.ndateandtitle {float:left;height:180px;width:280px;padding:0px;}
	.nitemwrapper {margin:0 0 0 0;padding:20px 0 0 0;}

	img.newsthumb {float:right;border:1px #CCCCCC solid;margin:10px 20px 10px 0;}


/******************************* LASTS & TABLES ********************************************/

td.NavCell {width:200px;height:20px;padding:0px;margin:0px;}
td.NavCell :hover {background-color:white;height:20px;color:#999999;padding:0px;margin:0px;}

/******************************* FOOTER TABLE ****************************************/

table.footertable {text-align:center;}
td.footertd {width:70px;text-align:center;}

/********************************* HTML STYLING **************************************/

img {border:0px;margin:0px;padding:0px;}
.clearfix {clear:both;display:block;}
.anchortag {color:#fff;}

/****************************** Link Styling ******************************************/

.work_col ul {list-style:none;margin:10px 0 0 0;padding:0px;}
.work_col li {padding:0px;margin:0px;line-height:0.8em;}
.work_col li a {font-family:Arial, Helvetica, sans-serif;font-size:9pt;color:gray;text-decoration:none;}
.work_col li a:hover {color:blue;}

.work_col a:hover {color:blue;}

#newslist a:active,a:link,a:visited {color:#333333;text-decoration:none;}
#newslist a:hover {color:#333333;}

#FOOTER a:active,a:link,a:visited {color:#bcbcbc;text-decoration:none;}
#FOOTER a:hover {color:#000;text-decoration:none;}

#lefttest a,#middletest a,#righttest a {text-decoration:none;color:blue;}

.extras a {color:#fff;}
.extras a:hover {color:#000;}
.extras a:visited{color:#fff;}

#GeneralHolder a {color:/*#b1b0b0;*/#00b0ef;}

/**************************************************************************************/

#testwrapper {/*height:250px;*/margin-bottom:0px;background-color:#fff;}
#lefttest {float:left;/*height:200px;*/width:260px;background-color:#fff;margin-right:10px;}
#middletest {float:left;/*height:200px;*/width:260px;background-color:#fff;margin-right:10px;}
#righttest {float:left;/*height:200px;*/width:260px;background-color:#fff;}

.coltitle {background-color:#bcbcbc;width:260px;height:25px;color:#fff;margin-bottom:10px;}

.indexitem {float:left;margin-bottom:10px;border-bottom:1px #bcbcbc solid;padding-bottom:10px;}
.indexitem img {padding:0px;margin:5px 0px 0px 0px;border:1px gray solid;width:87px;height:87px;}
.indexitem p {padding:0px 0px 0px 5px;margin:3px 0px 0px 0px;font-size:8pt;}