/* CSS Document */
a:hover {color: #6D2525} 
body {
	margin-top: 50px;
	padding: 0;



	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image:   url(carbon.gif);
	background-repeat: repeat;
	color: #CCCCCC;
	
}

#wrapper {
	text-align:center;
	;
	vertical-align: baseline;
}

#wrapper1 {
	text-align:center;
}

.more{
	float: right;
	width: 125px;
	height: 28px;
	z-index: 200;
	position: static;
	color: #FFFFFF;
	text-align: left;

	}
	
	.more2{
	float: right;
	width: 120px;
	height: 28px;
	z-index: 200;
	position: static;
	color: #FFFFFF;
	text-align: left;

	}

.more3{
	float: right;
	width: 100px;
	height: 28px;
	z-index: 200;
	position: static;
	color: #FFFFFF;
	text-align: left;

	}

#header-wrapper {
	width: 969px;
	margin: 0 auto;
	}

#header {
	width: 969px;
	height: 90px;
	clear: none;
	float: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
;
	background-image: url(images/backtitle.gif);
}

#header2 {
	width: 969px;
	height: 100%;
	background: url(images/img02.jpg) no-repeat left top;
	clear: none;
	float: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.flashand99holder {
	float: left;
	width: 969px;
	height: 212px;
	position: relative;
	background-color: #FFFFFF;
	background-image: url(images/flash99introandflashholder.jpg);
}

.introandshowcaseholder {
	float: left;
	width: 967px;
	border:1px solid;
	position: relative;
	background-color: #FFFFFF;
	text-align: left;
	height: auto;
}

#callusnow {
	float: right;
	width: 200px;
	height: 73px;
	border:1px solid;
}

#flash_section {
	float: left;
	width: 690px;
	height: 185px;
	border:1px solid;
	background-color: #FFFFFF;
	margin-top: 13px;
	margin-left: 8px;
}

#ninetyninepoundswebsite {
	float: left;
	width: 300px;
	height: 230px;
	position: static;
	z-index: 200;
	}

#poundstop {
	float: right;
	width: 260px;
	height: 210px;
	border:1px solid;
	background-color: #FFFFFF;
	position: relative;
	background-image: url(images/99poundstop.jpg);
		}





#showcase {
	float: right;
	width: 265px;
	height: 145px;
	background-color: #FFFFFF;
	position: relative;
	clear: right;
}

#seopackages {
	float: right;
	width: 260px;
	height: 250px;
	border:1px solid;
}

#logoholder {
	width: 588px;
	height: 61px;
	margin: 0 auto;
	background: url(images/img02.jpg) no-repeat left top;
	border:1px solid orange;
	top: 128px;
	float: left;
}
#webcompanyinleedsholder {
	float: none;
	width: 292px;
	height: 61px;
	border:1px solid blue;
	position: relative;
	top: 76px;
}

#spirittoprightdescription {
	float: right;
	width: 320px;
	height: 61px;
	border:1px solid green;
	position: absolute;
	top: 110px;
}

#containermenu {
	width:900px;
	height:50px;
	padding:0px;
}

ul#navbar {
	background:url(images/backgrold.jpg) repeat-x left top;
	margin:0;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	list-style-type:none;
	height:37px;
	
}
ul#navbar li {
	float:left;
}
ul#navbar li a {
	display:block;
	padding:7px 20px 4px;
	font:18px "Trebuchet MS";
	font-stretch:condensed;
	text-decoration:none;
	color:#FFFFFF;
	
}
ul#navbar li a:hover {
	color: #993333;
}

.introboxer {
	float: left;
	width: auto;
	background-color: #FFFFFF;
	margin-top: 7px;
	height: auto;
}
/* Bigbox in middle holding 6 boxes */

#spacer {
	float: left;
	width: 500px;
	height: 5px;
	border:1px solid;
	
}

.bigboxwidth {
	float: left;
	width: 969px;
	height: 40px;
	position: relative;
	text-align: left;
	background:url(images/backstartedtest1.jpg) repeat-x left top;
}

.bigboxwidth2 {
	float: left;
	width: 969px;
	height: auto;
	position: relative;
	background-color: #FFFFFF;
	text-align: left;
	padding-top: 20px;

}

.bigboxwidth3 {
	float: left;
	width: 969px;
	height: 40px;
	position: relative;
	background-color: #FFFFFF;
	text-align: left;

}

.bigboxholdingnexttwo {
	float: left;
	width: 967px;
	height: 237px;
	border:1px solid;
	position: relative;
	background-color: #FFFFFF;
	background-image: url(images/back3.jpg);
}

.topholder {
	float: right;
	width: 320px;
	height: 70px;
	border:1px solid;
	position: static;
	padding-top: 0px;
}

.topholderquote {
	float: right;
	width: 320px;
	height: 70px;
	border:1px solid;
	position: relative;
	background-image: url(images/freequotetop.gif);
	font-family: "Trebuchet MS";
	font-size: 26px;
	padding-left: 0px;
	margin-left: 0px;
	padding-right: 0px;
	clear: both;
	padding-top: 0px;
	color: #F2550E;
	letter-spacing: -1px;
	text-align: left;
}

.topholderlogo {
	float: left;
	width: 320px;
	height: 70px;
	position: relative;
	background-image: url(images/logo.gif);
	margin-top: 15px;
	margin-left: 10px;

}

.topholderlogoinnerbox {
	float: right;
	width: 280px;
	height: 20px;
	position: static;
	font-family: "Trebuchet MS";
	font-size: 110%;
	color: #BB4A00;
	margin-top: 40px;
	text-decoration: none;
}

.topholdercallusnow {
	float: right;
	width: 215px;
	height: 75px;
	position: relative;
	text-align: left;
	margin-top: 10px;
	;
}

.topholdercallusinnerbox1 {
	float: left;
	width: 191px;
	height: 30px;
	position: relative;
	font-family: "Trebuchet MS";
	font-size: 175%;
	color: #FF8533;
	margin-top: 3px;
	;
	;
	text-align: right;
	background-image: url(images/toptel.gif);
	font-weight: normal;
}

.topholdercallusinnerbox2 {
	float: left;
	width: 205px;
	height: 30px;
	position: relative;
	font-family: "Trebuchet MS";
	font-size: 175%;
	color: #BB4A00;
	margin-top: 3px;
	;
}

.topservices{
	float: left;
	width: 235px;
	height: 25px;
	position: static;
	font-family: "Trebuchet MS";
	font-size: 113%;
	color: #FFFFFF;
	margin-top: 14px;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
}




.bigboxholdingtwo {
	float: left;
	width: 969px;
	height: 50px;
	border:1px solid;
	position: relative;
	background-color: #FFFFFF;
}
#bigboxtopleft {
	float: left;
	width: 330px;
	height: 42px;
	border:1px solid;
}
#bigboxtopright {
	float: left;
	width: 330px;
	height: 42px;
	border:1px solid;
}
.bigboxfarright{
	float: right;
	width: 260px;
	height: 42px;
	position: relative;
	font-family: "Trebuchet MS";
	font-size: 24px;
	color: #FF3300;
	font-weight: bold;
}

#bigboxmiddleleft {
	float: left;
	width: 330px;
	height: 47px;
	border:1px solid;
	position: static;
	left: auto;
}
#bigboxmiddleright {
	float: left;
	width: 330px;
	height: 47px;
	border:1px solid;
}
#bigboxlowerleft {
	float: left;
	width: 322px;
	height: 230px;
	margin-left: 0px;
	}
#bigboxlowerright {
	float: left;
	width: 322px;
	height: 212px;
	margin-left: 0px;
	}



.bigboxholdingmiddle {
	float: left;
	width: 969px;
	height: 110px;
	background-color: #FFFFFF;
}

.bigboxholdingmiddlebackground {
	float: left;
	width: 965px;
	height: 110px;
	border:1px solid;
	background-color: #FFFFFF;
}


.massiveboxesholder {
	float: left;
	width: 967px;
	height: 360px;
	background-color: #FFFFFF;
	text-align: left;
	border: 1px solid #FFFFFF;
}

#massiveboxleft {
	float: left;
	width: 330px;
	height: 350px;
	background-image: url(images/clients.gif);
}

#massiveboxmiddle {
	float: left;
	width: 373px;
	height: 350px;
	position: relative;
}

#containerlowbreaker {
	width:17px;
	height:200px;
	padding:0px;
	background-image:url(images/backgroundlowbreaker.jpg);
	float: left;
}

#containerlowbreaker1 {
	width:17px;
	height:200px;
	padding:0px;
	background-image:url(images/backgroundlowbreaker.jpg);
	float: left;
}

#containerlowbreaker2 {
	width:17px;
	height:200px;
	padding:0px;
	background-image:url(images/backgroundlowbreaker.jpg);
	float: left;
}

#containerlowbreaker3 {
	width:17px;
	height:200px;
	padding:0px;
	background-image:url(images/backgroundlowbreaker.jpg);
	float: left;
}

#containerlowleftbottom {
	width:225px;
	height:200px;
	padding:0px;
	background:url(images/backgroundlow.jpg) repeat-x left top;
	float: left;
	text-align: left;
}

#containerlowleftbottom1 {
	width:225px;
	height:200px;
	padding:0px;
	background:url(images/backgroundlow.jpg) repeat-x left top;
	float: left;
	text-align: left;
}
#containerlowleftbottom2 {
	width:225px;
	height:200px;
	padding:0px;
	background:url(images/backgroundlow.jpg) repeat-x left top;
	float: left;
	text-align: left;
}
#containerlowleftbottom3 {
	width:226px;
	height:200px;
	padding:0px;
	background:url(images/backgroundlow.jpg) repeat-x left top;
	float: left;
	text-align: left;
}

/* Classes */

.boxgeneric {
	float: left;
	width: 330px;
	height: 42px;
	padding:0px;
	padding-top: 2px;
	margin:1px 1px 3px 0px;
	border-bottom:1px solid #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 140%;
	line-height: 155%;
	color: #4E4E4E;
	letter-spacing: -1px;
	margin: 1px 1px 3px 0px;
	text-decoration: none;
	margin-left: 15px;
}

.boxgeneric1 {
	float: left;
	width: 949px;
	height: 32px;
	padding:0px;
	padding-top: 7px;
	margin:0;
	border-bottom:1px solid #FFFFFF;
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	font-size: 150%;
	padding-left: 15px;
}

.boxgenericfadermenu {
	float: left;
	width: 340px;
	height: 42px;
	padding:0px;
	padding-top: 0px;
	background:url(images/backstartedtest.jpg) repeat-x left top;
	margin:0;
	border-bottom:1px solid #FFFFFF;
	color: #FFFFFF;
	padding-left: 0px;
}

.boxgeneric3 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 24px;
	line-height: normal;
	color: #FF6600;
	letter-spacing: 0px;
	margin: 0px 0px 7px 4px;
	font-weight: bold;
	background-color: #FFFFFF;
	border-top-color: #E0DFE3;
	width:292px;
	height:35px;
	padding-top:3px;
	top: 0px;
	float: left;
	padding-left: 18px;
	background-image: url(images/boxgeneric3mainpage.gif);
}

.boxgeneric4 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 24px;
	line-height: normal;
	color: #FF6600;
	letter-spacing: 0px;
	margin: 0px 0px 7px 4px;
	font-weight: bold;
	background-color: #FFFFFF;
	border-top-color: #E0DFE3;
	width:680px;
	height:30px;
	padding-top:3px;
	top: 0px;
	float: left;
}

.boxgenericmiddle {
	float: left;
	width: 610px;
	height: 100px;
	border:1px solid;
	text-align: left;
	margin-left: 17px;
	border-color: #CCCCCC;
}

.boxgenericquote {
	float: left;
	width: 340px;
	height: 100px;
	border:1px solid blue;
	background-image: url(images/quoteback.gif);
}


.boxgenericwhattheysaid {
	float: left;
	width: 330px;
	height: 100px;
	border:1px solid blue;
	background-image: url(images/whatdidourclienthink.gif);
	text-align: left;
}

.boxgenericrightlarge1 {
	float: right;
	width: 260px;
	height: 100px;
	background-image: url(images/websiterepair.gif);
	margin-right: 30px;
}

.boxgenericrightlarge2 {
	float: right;
	width: 260px;
	height: 100px;
	background-image: url(images/logodesign.gif);
	margin-right: 30px;
}

.boxgenericrightlarge3 {
	float: right;
	width: 260px;
	height: 100px;
	background-image: url(images/seooptimisation.gif);
	margin-right: 30px;
}

.boxgenericrightlarger {
	float: left;
	width: 260px;
	height: 115px;
	border:1px solid;
	position: relative;
	margin-right: 15px;
}

.innerboxgenericrightlarger {
	float: left;
	width: 240px;
	border:1px solid;;
	z-index: 200;
	margin-left: 5px;
	position: static;
	margin-top: 10px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.innerboxgenericrightlargerfont {
	text-decoration: none;
	color: #003399;
	font-size: 95%;
	position: static;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: normal;
	letter-spacing: 0px;
	font-style: italic;
}


.boxsmall {
	float: none;
	width: 295px;
	height: 80px;
	border:1px solid blue;
	clear: left;
	position: absolute;
	left: 394px;
	top: 1142px;
}

.boxsmalldescription {
	float: none;
	width: 200px;
	height: 70px;
	border:1px solid blue;
	z-index: 200;
	margin-left: 115px;
	position: static;
	margin-top: 5px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: right;
}

.innerboxquote {
	float: left;
	width: 330px;
	height: 100px;
	border:1px solid blue;
	z-index: 200;
	margin-left: 0px;
	position: static;
	margin-top: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
}

.innerboxquotefont {
	text-decoration: none;
	color: #4E4E4E;
	font-size: 145%;
	position: static;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 30px;
	color: #4E4E4E;
	letter-spacing: -1px;
	text-align: left;
}

.homeIntro {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 100%;
	line-height: 20px;
	color: #4E4E4E;
	text-decoration: none;
	font-style: normal;
	text-align: left;
	width: 670px;
	float: left;
	clear: none;
	margin-top: 0px;
	padding-left: 15px;
	padding-top: 10px;
}

	




.homeIntrotop {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 21px;
	line-height: 30px;
	color: #FF0000;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 7px;
	font-style: italic;
	text-align: left;
	letter-spacing: -0.6px;
	padding-bottom: 0px;
	width: 660px;
	float: left;
	clear: none;
	position: relative;
	height: 65px;
}

.homeIntro2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 100%;
	line-height: 155%;
	color: #4E4E4E;
	letter-spacing: -1px;
	margin: 1px 1px 5px 5px;
	text-decoration: none;
}

.padding {
	width:100%;
	height:16px;
	padding:0px;
	background-color: #FFFFFF;
	float: left;
	text-align: left;
}

.listbottomentry {
	font-size: 100%;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	text-decoration: none;
	line-height: 17px;
}

.listbottomentrytitle {
	font-size: 150%;
	padding-top: 20px;
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 0px;
	margin-top: 0px;
	text-decoration: none;
	font-weight: bold;
	
}

.bigboxfeaturesfont {
	font-size: 125%;
	padding-top: 20px;
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 0px;
	margin-top: 0px;
	text-decoration: none;
	font-weight: bold;
}

.innerboxlower {
	float: none;
	width: 240px;
	height: 75px;
	margin-left: 45px;
	position: static;
	margin-top: 25px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 5px;
	color: #FFFFFF;
	text-align: left;
	}
	
	.innerboxlower2 {
	float: left;
	width: 240px;
	height: 75px;
	position: static;
	color: #FFFFFF;
	font-size: 250%;
	margin-top: 25px;
	margin-left: 45px;
	font-family: "Trebuchet MS";
	line-height: 30px;
	padding-left: 1px;
	padding-right: 1px;
	text-decoration: none;
	text-align: left;
	;
	}

.innerboxlowerfeatures {
	float: none;
	width: 240px;
	height: 87px;
	z-index: 200;
	margin-left: 40px;
	position: static;
	margin-top: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 5px;
	color: #FFFFFF;
	text-align: left;
	}
	
	
	.innerboxlowerfeatures2 {
	float: left;
	font-size: 125%;
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-top: 0px;
	text-decoration: none;
	font-weight: bold;
	width: 230px;
	height: 85px;
	position: static;
	margin-left: 40px;
	text-align: left;
	;
	}
	

	
	.innerboxlowerfont {
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	font-size: 250%;
	z-index: 200;
	padding-left: 1px;
	padding-right: 1px;
	line-height: 30px;
	text-decoration: none;
	font-weight: normal;
	}
	
	.boxsmalldescriptionfont{
	text-decoration: none;
	font-family: "Trebuchet MS";
	color: #DD5800;
	font-size: 150%;
	position: static;
	float: none;
	line-height: 30px;
	}
	
	.offer{
	}
	
	.kartka1 {
	color: #333333;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: normal;
	margin-top: 2px;
	margin-bottom: 2px;
	background-image: url(images/cloudback.gif);
	background-repeat: no-repeat;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	height: 250px;
}

.t1 {
	font-size: 98%;
	padding-top: 2px;
	color: #FF3300;
	padding-left: 0px;
}
.t2 {
	font-size: 140%;
	padding-top: 4px;
	color: #FF6600;
}
.t3 {
	font-size: 200%;
	padding-top: 1px;
	color: #FFFFFF;
	background-color: #FF6600;
}
.t4 {
	font-size: 220%;
	color: #FF3333;
}


#containerstrip {
	width:100%;
	height:37px;
	padding:0px;
	background:url(images/backgrold.jpg) repeat-x left top;
	float: left;
	text-align: left;
}

#containerstrip2 {
	width:100%;
	height:37px;
	padding:0px;
	background:url(images/backgrold.jpg) repeat-x left top;
	float: left;
	text-align: right;
	padding-top: 0px;
}



/* dropdown */

* {padding:0; margin:0}
.dropdown {
	float:none;
	padding-right:0px;
	font-size: 120%;
	font-family: "Trebuchet MS";
	padding-top: 7px;
	font-weight: bold;
}
.dropdown dt {
	width:265px;
	border:2px solid #F4E7BB;
	padding:0px;
	cursor:pointer;
	background:url(images/header.gif);
	font-size: 100%;
	font-family: "Trebuchet MS";
}
.dropdown dt:hover {
	background:url(images/header_over.gif);
	font-family: "Trebuchet MS";
	font-size: 100%;
	width: 265px;
}
.dropdown dd {
	position:relative;
	overflow:hidden;
	width:340px;
	display:none;
	background:#fff;
	z-index:1;
	opacity:0;
	font-size: 100%;
	font-family: "Trebuchet MS";
}
.dropdown ul {
	width:322px;
	border:2px solid #F4E7BB;
	list-style:none;
	border-top:none;
	font-family: "Trebuchet MS";
	font-size: 100%;
}
.dropdown li {
	display:inline;
	font-family: "Trebuchet MS";
	font-size: 100%;
	width: 322px;
}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#D25400; text-decoration:none; background:#F4E7BB; width:322px}
.dropdown a:hover {background:#6D0F07; color:#FFFFFF}
.dropdown .underline {border-bottom:1px solid #FFFFFF}

/* tickertape */

#tickertape{
	float: right;
	width: 262px;
	height: 30px;
	position: relative;
	font-family: "Trebuchet MS";
	font-size: 150%;
	font-weight: normal;
	background: url(images/backstartedtest.jpg) repeat-x left top;
}

#subtickertape{
	position:relative;
	width:200px;
	height:40px;
	float: right;
	padding-top: 7px;
	background: url(images/backstartedtest.jpg) repeat-x left top;
	text-align: left;
}

.subtickertapefont{
	text-decoration:none;
	color:#FFFFFF;
}

.subtickertapefont a{
color:#FFFFFF;
text-decoration:none;
}


/*LIGHTWINDOW */
/*LIGHTWINDOW */
/*LIGHTWINDOW */
/*LIGHTWINDOW */


#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
	overflow: hidden;
	z-index: 0;
	position: relative;
	border: 10px solid #CCCCCC;
	background-color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	}		

#lightwindow_loading {
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	padding: 10px;
	background-image: url(images/backgroundloader.gif);
	background-repeat:no-repeat;
	margin-left: 600px;
	margin-top: 250px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
	font-size: 10px;
	line-height: 32px;
	color: #FFFFFF;
	float: left;
	padding: 0 10px 0 0;
	font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: bold;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #FFFFFF;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #FF0000;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		font-family: "Trebuchet MS";
		font-size: 20px;
		font-weight: bold;
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #FF6600;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
				font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 24px;
	line-height: normal;
	color: #FF6600;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}