@charset "utf-8";
@import url("reset.css");
@import url("fontface.css");

body {
	background: #000 url(../gfx/vBackground.jpg);
	font: 11px Arial, Helvetica, sans-serif;
}

a {color:#0c4fab; text-decoration:none; font-family:inherit; font-size:inherit; font-weight:inherit;}
a:hover, a:active {color:#C00; text-decoration:underline;}

/*	The Containers Paragraph	*/

#shadeContainer { width:100%; background:url(../gfx/shade.png) repeat-y center top; }
#MainContainer {
	width:100%;
	padding-bottom:840px;
	position:relative;
}
	#MainContainer.photo01 {background: url(../gfx/Photo01.jpg) no-repeat center bottom; }
	#MainContainer.photo02 {background: url(../gfx/Photo02.jpg) no-repeat center bottom; }
	#MainContainer.photo03 {background: url(../gfx/Photo03.jpg) no-repeat center bottom; }

#TheBackground {
	background: url(../gfx/background.jpg) left bottom;
	width: 1200px;
	margin:0 auto 0 auto;
}
#TheTags {
	background: url(../gfx/tagsBackground.png) bottom left;
	width:100%;
	}

#Cliff {
	background: url(../gfx/TheCliff.jpg) no-repeat center bottom;
	height: 312px;
	width: 100%;
	/*position:relative;*/
}
#ContentContainer {
	margin:0 auto;
	padding:15px 0 0 0;
	position:relative;
	width:980px;
}


/*	The TopMenu Paragraph	*/
#topMenu { width:980px; height:190px; background:url(../gfx/topPieceofPaper.png) no-repeat center center; position:relative;}
	#LogoClick { width:95px; height:125px; position:absolute; top:25px; left:35px; text-indent:-9999px;}
	#topMenu ul { list-style:none; position:absolute; top:80px; left:160px; text-shadow:0 0px 2px #777;}
	#topMenu ul li { float:left; margin:0 5px; }
	#topMenu ul li a, #topMenu ul li a:visited { font: 24px/1em 'XBANDRoughRegular'; display:block; color:#000; padding:5px; letter-spacing:-2px; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
	#topMenu ul li a:hover, #topMenu ul li a:active { color:#fff; background:#333; text-decoration:none; }

#LastVideo { background:url(../gfx/iphone.png) no-repeat center center; width:405px; height:228px; position:absolute; bottom:-145px; left:10px; margin-left:-20px; }
	#TheVideo { position:absolute; top:30px; left:70px; width:290px; height:160px; }
	a#moreVids, a:visited#moreVids { width:42px; height:50px; background:url(../gfx/iphoone-vicon.png) left center no-repeat; text-indent:-9999px; position:absolute; top:90px; left:18px;}
	a:hover#moreVids, a:active#moreVids { background-position: right center; }

/*	The FollowUs Paragraph	*/
#FollowUs { background:url(../gfx/cans.png) no-repeat center center; width:714px; height:484px; position:absolute; bottom:-315px; left:385px; margin-right:-50px;}
	#FollowUs a { position:absolute; text-indent:-9999px;}
	#facebook { top:85px; left:105px; height:45px; width:50px;}
	#twitter { top:70px; left:185px; height:45px; width:50px;}
	#rssfeed { top:70px; left:275px; height:35px; width:40px;}

/*	TheLastAction Section Paragraph + some Contact paper definitions	*/
#Latest { width:100%; height:415px;}
#LastPhoto { position:absolute; top:227px; left:11px;}
#LastPhotoFrame { position:absolute; top:210px; left:-10px; width:703px; height:390px; display:block; }
#LastAction { background:url(../gfx/paperBack01.png) no-repeat center center; width:359px; height:553px; position:absolute; right:0; top:150px;}
#theProperContent.contact #LastAction {top:-75px; right:-25px;}
	#LastAction h2 {font:28px/1em 'DJGross'; letter-spacing:-2px; color:#111; margin:60px 0 0 65px;}

	#LastAction ul { list-style:none; width:270px; margin:10px 0 0 65px; }
	#LastAction ul li { padding:6px 5px; }
	#LastAction ul li a { text-decoration:none; }
		#LastAction ul li a span,		#LastAction ul li span {display:block; font:11px/1.3em Arial, Helvetica, sans-serif; color:#222;}
		#LastAction ul li a span.head,	#LastAction ul li span.head { font: 24px/1.3em 'XBANDRoughRegular'; word-spacing:3px; letter-spacing:-2px; color:#931500;}
		#LastAction ul li a span.date { font-size:10px;padding-bottom:3px;}
		#LastAction ul li a span.short { font-weight:900;}
		
		#LastAction ul li span { font-size:12px;}
		#LastAction ul li span.bold { font-weight:900; font-size:14px; }
		#LastAction ul li span.text { padding-bottom:30px; }
		
	#LastAction ul li a:visited span { color:#666!important;}
	#LastAction ul li a:hover span, #LastAction ul li a:active span { color:#C00!important; }

	#LastAction a.more {font:20px/1em 'DJGross'; letter-spacing:-2px; color:#111; padding:3px; position:absolute; bottom:50px; right:30px;}

/* Contact Definitions */
	#theProperContent.contact h2.head { text-indent:-9999px; margin:20px 0px 10px 0px; height:17px; background:url(../gfx/contacthead.png) top left no-repeat; width:393px; margin-top:-15px; }
	
	#theProperContent.contact .map { }
	#theProperContent.contact .large {
		background:#fff; padding:5px; margin:0 -8px; 
		-moz-border-radius: 5px;			-webkit-border-radius: 5px;			border-radius: 5px;
		-moz-box-shadow: 0 2px 3px #aaa;	-webkit-box-shadow: 0 2px 3px #aaa;	box-shadow: 0 2px 3px #aaa;
		display:inline-block; line-height:0;
			}
	#theProperContent.contact .tabs {
		
		list-style:none;
		position:relative; top:-2px; left:-5px;
		}
	#theProperContent.contact .tabs .tab { float:left; height:35px;}
	#theProperContent.contact .tabs .tab a {
		background:url(../gfx/contactPageTabs.png) no-repeat;
		width:111px; height:25px; margin: 0 0 0 5px;
		text-indent:-9999px; display:block;
		}
	#theProperContent.contact .tabs .tab.europe a { background-position: 0px 0px; }
		#theProperContent.contact .tabs .tab.europe a:hover, #theProperContent.contact .tabs .tab.europe.present a { background-position: 0px -29px; height:35px; }

	#theProperContent.contact .tabs .tab.namerica a { background-position: -116px 0px; }
		#theProperContent.contact .tabs .tab.namerica a:hover, #theProperContent.contact .tabs .tab.namerica.present a { background-position: -116px -29px; height:35px; }
		
	#theProperContent.contact .tabs .tab.samerica a { background-position: -232px 0px; }
		#theProperContent.contact .tabs .tab.samerica a:hover, #theProperContent.contact .tabs .tab.samerica.present a { background-position: -232px -29px; height:35px; }
	
	#theProperContent.contact .tabs .tab.oceania a { background-position: -348px 0px; }
		#theProperContent.contact .tabs .tab.oceania a:hover, #theProperContent.contact .tabs .tab.oceania.present a { background-position: -348px -29px; height:35px; }
		
	#theProperContent.contact .tabs .tab.asia a { background-position: -464px 0px; }
		#theProperContent.contact .tabs .tab.asia a:hover, #theProperContent.contact .tabs .tab.asia.present a { background-position: -464px -29px; height:35px; }
	
	#theProperContent.contact .tabs .tab.full a { background:url(../gfx/zoom.png) left center no-repeat; width:21px;}
		#theProperContent.contact .tabs .tab.full a:hover { background-position: right center; }
	
		
/* TheContent Definitions */
#PageContent { background:url(../gfx/contentBackRY.png) repeat-y left center; width:980px; position:relative; min-height:474px; margin-top:80px;}
#PageContent.expanded { margin-top:165px;}
	#topBackground { background:url(../gfx/contentBackTop.png) no-repeat left top; width:980px; height:239px; position:absolute; top:-70px; left:-2px;}
	#bottomBackground{ background:url(../gfx/contentBackBack.png) no-repeat left bottom; width:980px; height:235px; position:absolute; bottom:-50px; left:0px;}
		#bottomPostNav { list-style:none; position:absolute; bottom:30px; left:50px; }
		#bottomPostNav li { float: left; padding:0 7px; font:12px/1em Georgia, Times, serif; text-shadow:0 0 2px #fff; font-weight:900;}
		#bottomBackground a {padding:3px; font:12px/1em Georgia, Times, serif; font-weight:100;color:#000;}
		
		#bottomBackground a.prev, #bottomBackground a.next {font:15px/1em "DJGross", Georgia, Times, serif; color:#000; position:absolute; bottom:25px;}
		#bottomBackground a.prev { right: 380px;}
		#bottomBackground a.next { right: 300px;}
		
		#bottomBackground a:hover {color:#FFF; text-decoration:none;}
		
	/* specific sail page bottom background */
		#bottomBackground.sail { background:url(../gfx/contentBackBack-sails.png) no-repeat left bottom; height:265px; bottom:-80px;}
		#bottomBackground.sail a { background:url(../gfx/sail-icos.png) no-repeat; height:65px; display:block; text-indent:-9999px; position:absolute; bottom:10px;}
		#bottomBackground.sail a.photos { background-position: -5px 0px; width:115px; left:85px;}
		#bottomBackground.sail a.videos { background-position: -5px -67px; width: 105px; left:230px; }
		#bottomBackground.sail a.rig { background-position: -8px -143px; width:125px; height:50px; left:370px;}
		#bottomBackground.sail a.zines { background-position: -8px -206px; width:130px; height:50px; left:520px;}
	
	/* Specific clear bottom definition */
		#bottomBackground.clear { background:url(../gfx/contentBackBackClear.png) no-repeat left bottom; height:208px; bottom:-20px;}
		#ContentContainer.clear { padding-bottom:170px;}
		
		#ContentContainer.home {padding-bottom:220px;margin-bottom:0px;}
	
	#theProperContent{ position:relative; padding:30px; top:-50px;}
		
/* Blog Post List */
		#PostList { width: 670px; margin-top:-25px; float:left;}
		#PostList #mainhead { font:16px/90px "DJGross", Georgia, Times, serif; background:url(../gfx/blogheader-top.png) center center no-repeat; width:262px; height:85px; text-align:center; margin:-60px 0 0 -20px;}
			.post-wrap { width: 100%; position:relative; margin-top:10px;} .post-wrap:first-child {margin:0;}
			.post-wrap h2 { margin-left:50px; padding:10px 0 15px 0; background:url(../gfx/postDivLine.png) no-repeat bottom left; text-shadow:0 1px 1px #ddd;}
			.post-wrap h2 a { font:24px/1.1em Georgia, "Times New Roman", Times, serif; color:#27ae63; letter-spacing:-1px;}
			.post-wrap h2 a:hover { color:#333; text-decoration:none;}
			
			.post-wrap .calendar { width:54px; height:62px; background:url(../gfx/dateSplat.png) no-repeat center center; position:absolute; top:0; left:-10px;}
			.post-wrap .calendar small, .post-wrap .calendar strong { text-align:center; display:block; font-family:Georgia, "Times New Roman", Times, serif; line-height:1em; color:#FFF; text-shadow:0 0 3px #000; font-weight:900; padding:0;}
			.post-wrap .calendar small { font-size:12px; padding-top:20px;}
			.post-wrap .calendar strong { font-size:20px;}
			
			.post-wrap .post-info { padding:5px 0 0 50px; font:11px/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9c9b9b;}
			.post-wrap .post-info a { color:#39C; } .post-wrap .post-info a:hover { color:#C00; }
			
			.post-text { padding-top:10px; margin-left:50px; text-align:justify;}
			.post-text p, .post-text a, .post-text div, .post-text span {font:14px/1.5em Georgia, "Times New Roman", Times, serif;}
			.post-text p { color:#444; padding:10px 0; clear:both;}
			.post-text img.left { float:left; padding:5px 10px 0 0;}
			.post-text img.right { float:right; padding:5px 0 0 10px;}
			.post-text img.floated { float:left; margin:5px; }
			
		/* Blog Post Solo */
			#comments {padding: 10px; margin-left:50px;}
			#comments h3 { margin-left:-25px; padding:50px 0 10px 15px; background:url(../gfx/postDivLine.png) no-repeat bottom left; text-shadow:0 1px 1px #ddd; font:24px/1.1em Georgia, "Times New Roman", Times, serif; color:#27ae63; letter-spacing:-1px;}
			#page_header h2 { margin-left:0px; margin-bottom:30px; padding:10px 0 10px 15px; background:url(../gfx/postDivLineLong.png) no-repeat bottom left; text-shadow:0 1px 1px #ddd; font:24px/1.1em Georgia, "Times New Roman", Times, serif; color:#27ae63; letter-spacing:-1px;}

			#comments ul { list-style:none;}
			#comments ul li { padding:35px 0 0 0; }
			#comments ul li:first-child { padding:15px 0 0 0;}
			.commentersname { margin-left:-10px; padding:5px 0; font:12px/1.5em Georgia,"Times New Roman",Times,serif; color:#888;}
			.commentersname a { font:18px/1.5em Georgia,"Times New Roman",Times,serif; letter-spacing:-1px; }
			.commentersname a.link{ font:12px/1.5em Georgia,"Times New Roman",Times,serif; color:#888;}
			.calloutUp { height: 0; width: 0; border-bottom: 10px solid #999; border-left: 10px dotted transparent; border-right: 10px dotted transparent; left: 0px; top: 0px; margin-left: 20px;}
    		.divContainerUp { background-color: #999; border: none; position: relative; top: -2px; padding: 10px; color:#fff; font:14px/1.5em Georgia,"Times New Roman",Times,serif; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
			.divContainerUp p {color:#fff;}

/* All Sails, SWAG, RIGS definitions */
		#theProperContent.allsails {}
		
		#theProperContent.allsails .intro,
		#theProperContent.swag .intro { padding:0 30px; position:relative; }
			
			#theProperContent.allsails .intro .box,
			#theProperContent.swag .intro .box { width:55%; float:left;}
			
			#theProperContent.allsails .intro .vandal,
			#theProperContent.swag .intro .vandal { float: right;}
		
		#theProperContent.allsails h2, #theProperContent.swag h2 {  font:24px/1.1em Georgia, Times, serif; color:#27ae63; letter-spacing:-1px;}
		
		#theProperContent.allsails p, #theProperContent.swag p { font:14px/1.5em Georgia, Times, serif; color:#444; padding:10px 0; }
		
		#theProperContent.allsails p em, #theProperContent.swag p em { font-style:italic; }
		
		/*ALL SAILS*/
		#sailPresentation { list-style:none; margin-left:-20px;}
		#sailPresentation li { display:block; float:left; margin-right:-65px;}
		#sailPresentation li a { display:block; width:250px; background-position: left top; background-repeat:no-repeat;}
		#sailPresentation li a:hover { background-position: right top; text-decoration:none;}
		#sailPresentation li a span { display:block;}
		#sailPresentation li a span.sailName {font:30px/1em "DJGross", Georgia, Times, serif; letter-spacing:-3px; color:#666; margin:0 auto; width:156px; padding-top:380px;}
			#sailPresentation li a:hover span.sailName { color:#111; }
		#sailPresentation li a span.sailType {font:13px/1em "DJGross", Georgia, Times, serif; color:#999; margin:5px auto; width:156px;}
			#sailPresentation li a:hover span.sailType {color:#4d4d4d;}
		#sailPresentation li a span.sailInfo { text-indent:-9999px; background-position:top left; background-repeat:no-repeat; margin:20px auto; width:156px; height:139px; }
		
		#sailPresentation a#addict { background-image:url(../gfx/sailThumbs/addict.png);}
			a#addict .sailInfo { background-image:url(../gfx/sailThumbs/addict-text.png);}
		
		#sailPresentation a#enemy { background-image:url(../gfx/sailThumbs/enemy.png);}
			a#enemy .sailInfo { background-image:url(../gfx/sailThumbs/enemy-text.png);}
		
		#sailPresentation a#reverb { background-image:url(../gfx/sailThumbs/reverb.png);}
			a#reverb .sailInfo { background-image:url(../gfx/sailThumbs/reverb-text.png);}
		
		#sailPresentation a#riot { background-image:url(../gfx/sailThumbs/riot.png);}
			a#riot .sailInfo { background-image:url(../gfx/sailThumbs/riot-text.png);}
		
		#sailPresentation a#stitch { background-image:url(../gfx/sailThumbs/stitch.png);}
			a#stitch .sailInfo { background-image:url(../gfx/sailThumbs/stitch-text.png);}
		
		/*SWAG*/
		#theProperContent.swag .intro .subIco { position:absolute; right:90px; bottom:-30px; }
		#theProperContent.swag .icons { position:relative; width:100%; height:600px; }
		#theProperContent.swag .icons .swagico { position:absolute; display:block; }
		
		#theProperContent.swag .icons .bags {top:-30px; left:30px;}
		#theProperContent.swag .icons .belts {top: 130px; right:60px;}
		#theProperContent.swag .icons .harness { bottom: 50px; left: 110px;}
		#theProperContent.swag .icons .threads { bottom:-35px; right:90px;}
		
		/* SWAG - BAGS */
		#theProperContent.swag.bags ul li { margin-bottom:50px;}
		
		#theProperContent.swag.bags .intro  h2 { text-indent:-9999px; height:130px;}
		#theProperContent.swag.bags .intro img {position:absolute; top:-170px; left:-50px;}
		#theProperContent.swag.bags .swag-image, #theProperContent.swag.bags .swag-info { float:left; }
		#theProperContent.swag.bags .swag-image { width:350px; margin-top: 50px; text-align:center; }
		#theProperContent.swag.bags .swag-info { width:570px; }
		#theProperContent.swag.bags .swag-info h3 { font: 33px/1.3em 'XBANDRoughRegular'; letter-spacing:-3px; word-spacing:3px; color:#960;}
		#theProperContent.swag.bags .swag-info .swag_features li {font:14px/1.5em Georgia, Times, serif; background:url(../gfx/listbullet.png) 7px 5px no-repeat; color:#333; padding:0 30px 5px 30px; margin:0;}
		
		/* RIGS - MASTS */
		#theProperContent.rigs.masts ul li { margin-bottom:50px;}
		
		#theProperContent.rigs.masts .intro  h2 { text-indent:-9999px; height:80px;}
		#theProperContent.rigs.masts .intro img {position:absolute; top:-130px; left:0px;}
		#theProperContent.rigs.masts .masts-image, #theProperContent.rigs.masts .masts-info { float:left; }
		#theProperContent.rigs.masts .masts-image { width:425px; text-align:center; }
		#theProperContent.rigs.masts .masts-info { width:495px; }
		#theProperContent.rigs.masts .masts-info h3 { font: 33px/1.3em 'XBANDRoughRegular'; letter-spacing:-3px; word-spacing:3px; color:#006c84;}
		#theProperContent.rigs.masts .masts-info .masts-features p {font:14px/1.5em Georgia, Times, serif; color:#333; margin:0;}
		#theProperContent.rigs.masts .masts-info .masts-features table { background:url("../gfx/mast-spectable.png") no-repeat scroll left top transparent; margin:10px auto; }
		#theProperContent.rigs.masts .masts-info .masts-features table tr th { text-indent:-9999px; height:25px; }
			#theProperContent.rigs.masts .masts-info .masts-features table tr .tbsize { width:75px;}
			#theProperContent.rigs.masts .masts-info .masts-features table tr .tbmast { width:145px;}
			#theProperContent.rigs.masts .masts-info .masts-features table tr .tbimcs { width:70px;}
			#theProperContent.rigs.masts .masts-info .masts-features table tr .tbcarbon { width:95px;}
			#theProperContent.rigs.masts .masts-info .masts-features table tr .tbblank { width:35px;}
			
		#theProperContent.rigs.masts .masts-info .masts-features table tr td { font:12px/1.8em Georgia, Times, serif; color:#006c84; text-align:center; letter-spacing:-0.05em; }
		#theProperContent.rigs.masts .masts-info .masts-features table tr td.fat { font-weight:900; text-indent:20px;}
		
		/* RIGS - BOOMS */
		
		#theProperContent.rigs.booms .intro  h2 { text-indent:-9999px; height:70px;}
		#theProperContent.rigs.booms .intro img {position:absolute; top:-70px; left:0px;}
		#theProperContent.rigs.booms .booms-image, #theProperContent.rigs.booms .booms-info { float:left; }
		#theProperContent.rigs.booms .booms-image { width:600px; text-align:center; margin-left:30px; }
		#theProperContent.rigs.booms .booms-info { width:275px; }
		#theProperContent.rigs.booms .booms-info h3 { font: 33px/3em 'XBANDRoughRegular'; letter-spacing:-3px; word-spacing:3px; color:#08a125;}
		#theProperContent.rigs.booms .booms-info p { font:14px/1.5em Georgia, Times, serif; color:#333; margin:0;}
		#theProperContent.rigs.booms .booms-add { width:760px; margin:10px auto;}
		#theProperContent.rigs.booms .booms-add img { margin:0 30px;}
		

/* Sail presentation definition */
		#theProperContent.sail { padding-bottom:0;}
		#theProperContent .side { width: 460px; float:left;}
		#theProperContent .side.sail {}
			.side.sail img.sailimage {margin-left:30px}
			
		  #colselection { width:420px; height:100px; margin:0 auto;}
			.side.sail h2 { text-indent: -9999px;}
			.side.sail .header.colors { background:url(../gfx/sail-head-colors.png) no-repeat top left; width:202px; height:20px;}
			#colselection ul { list-style:none;}
			#colselection ul li { display:block; float:left; margin:0 3px;}
			#colselection ul li a {}
			
			.side.sail table {background:url(../gfx/sail-spectable.png) top left no-repeat; margin:30px auto 0 auto; }
			.side.sail table tr th { text-indent:-9999px; height:25px;}
			.side.sail table tr .tbsize { width:58px;}
			.side.sail table tr .tbmast { width:146px;}
			.side.sail table tr .tbimcs { width:48px;}
			.side.sail table tr .tbluff { width:40px;}
			.side.sail table tr .tbboom { width:40px;}
			.side.sail table tr .tbext { width:40px;}
			.side.sail table tr .tbhead { width:45px;}
			
			.side.sail table tr td { font:12px/1.8em Georgia, Times, serif; color:#088035; text-align:center; letter-spacing:-0.05em; }
			.side.sail table tr td.fat { font-weight:900;}
			
		#theProperContent .side.text {}
			.side.text img.saillogo {display:block; margin:0 auto;}
			.side.text h3 { text-indent:-9999px; }
			.side.text h3.addict { background:url(../gfx/sailheader-addict.png) no-repeat center center; width:468px; height:68px; float:right; margin: 0 30px 30px 0; }
			.side.text p { font:14px/1.5em Georgia, Times, serif; color:#444; padding:10px 30px; }
			.side.text ul { list-style:none; padding: 20px 0 0 25px;}
			.side.text ul li {font:14px/1.5em Georgia, Times, serif; background:url(../gfx/listbullet.png) 7px 5px no-repeat; color:#088035; padding:0 30px 10px 30px; }
			.side.text strong { font-weight:900; }

/* GALLERY definitions */
	#Gallery {}
	#Gallery ul {list-style:none;}
	#Gallery.outside ul { margin-left:-110px; width:1220px;}
	#Gallery.outside ul li { display:block; float:left; margin-top:-35px;}
	#Gallery.outside ul li a, #Gallery.outside ul li a:visited { display:block; width:298px; height:342px; position:relative;}
		#Gallery.outside ul li a:hover { text-decoration:none; top:-5px;}
		
	#Gallery ul li a .photo { position:absolute; top:40px; left:40px;}
	#Gallery ul li a .frame { position:absolute; top:0px; left:0px;}
	#Gallery ul li a .description { display:block; position:absolute; bottom: 1.5em; left:0px; width:298px; height:1.5em; text-align:center; font: 23px/1em 'XBANDRoughRegular'; color:#000; letter-spacing:-3px; word-spacing:3px; text-decoration:none;}
	
	.gallery.inside {top:-30px; position:relative;}
	.gallery.inside ul { float:left; display:block;}
	.gallery.inside ul.wallpaper { width:900px; margin:0 auto; float:none;}
	.gallery.inside ul.wallpaper li {display:block; margin:10px; width:415px; float:left;}
	.gallery.inside ul.wallpaper li .thumb { position: relative; width:100%; height:288px;}
	.gallery.inside ul.wallpaper li .thumb img {position: absolute;}
	.gallery.inside ul.wallpaper li .thumb .image { top:5px; left:10px; }
	.gallery.inside ul.wallpaper li .thumb .widescreen { top:0px; left:0px; }
	
	.gallery.inside ul.wallpaper li .sizes {width:100%; margin:0 auto 30px auto;}
	.gallery.inside ul.wallpaper li .sizes a, .gallery.inside ul.wallpaper li .sizes a:visited {text-decoration:none; font-size:14px; font-weight:700; color:#000; text-shadow:0 1px 2px #999; display:inline-block; margin:5px; width:80px;}
	.gallery.inside ul.wallpaper li .sizes a:hover {color:#2567a4;}
	
	.gallery.inside ul.products {margin:0 auto; width:980px; float:none;}
	
	.gallery.inside ul.products li .product-name { width:250px; text-align:center; clear:both; margin-bottom:-20px; padding-top:15px; }
	.gallery.inside ul.products li .product-name img { -moz-box-shadow:none; margin:0; padding:0; line-height:0; }
	
	.gallery.inside ul.products li .product {margin:0px auto 20px auto; float:none; width:958px;}
	.gallery.inside ul.products li .product li {display:block; float:left; padding:3px; margin:0;}
	.gallery.inside ul.products li .product li a { display:block; padding:0; line-height:0; margin:0; }
	.gallery.inside ul.products li .product li a img{-moz-box-shadow:0 0 3px #555;}
	
	.gallery.inside ul.magz { margin: 0 auto; width:950px; float:none; }
	.gallery.inside ul.magz li { width:280px; float:left; padding:5px; -moz-box-shadow:0 0 4px #888; background-color:#fff; margin:10px;}
		.gallery.inside ul.magz li a { display:block; padding:0; line-height:0; margin:0; }
	
	#theVideo {width:771px; height:619px; position:relative; margin:0 auto; background:url(../gfx/gal-video-tv.png) no-repeat center center;}
	#theVideo span { display:block; position:absolute; top:11px; left:26px; }
	
	.gallery.inside ul.videos { float:none; width:925px; margin:30px auto; }
	.gallery.inside ul.videos li { width:300px; height:100px; float:left; margin:4px;}
	.gallery.inside ul.videos li a, .gallery.inside ul.videos li a:visited {width:100%; height:100%; position:relative; display:block; color:#FFF; text-decoration:none;}
	.gallery.inside ul.videos li a img { top:0px; left:0px; position:absolute;}
	.gallery.inside ul.videos li a span { top:0px; left:0px; position:absolute; display:none; font:14px/1.3em Arial, Helvetica, sans-serif; font-weight:700; background:url(../gfx/semiblack.png);}
	.gallery.inside ul.videos li a:hover span { display:block; height:80px; width:280px; padding:10px; }
	
/* Vandals */
	#Vandals {}
	#Vandals ul {list-style:none;}
	#Vandals.outside ul { margin-left:-110px; width:1220px}
	#Vandals.outside ul li { display:block; float:left;}
	#Vandals.outside ul li a, #Vandals.outside ul li a:visited { display:block; width:298px; height:342px; position:relative;}
		#Vandals.outside ul li a:hover { text-decoration:none; top:-5px;}
	
	#Vandals ul li a .photo, .vand .photo { position:absolute; top:40px; left:40px;}
	#Vandals ul li a .frame, .vand .frame { position:absolute; top:0px; left:0px;}
	#Vandals ul li a .description, .vand .description { display:block; position:absolute; bottom: 1.5em; left:0px; width:298px; height:1.5em; text-align:center; font: 23px/1em 'XBANDRoughRegular'; color:#000; letter-spacing:-3px; word-spacing:3px; text-decoration:none;}
	#FooterContainer .description{bottom:2.5em;color:#000000;display:block;font:23px/1em 'XBANDRoughRegular';height:1.5em;letter-spacing:-3px;position:absolute;right:-50px;text-align:center;text-decoration:none;width:298px;word-spacing:3px;}
	
	.vand {padding-bottom:30px;}
	.vand .col {float:left; position:relative;}
	.vand .col.one { width:298px; height:342px;}
	.vand .col.two { width:350px;}
		.vand .col.two h2 { font: 36px/1em 'XBANDRoughRegular'; color:#000; letter-spacing:-3px; word-spacing:3px; text-decoration:none; margin-bottom:30px; margin-top:-15px}
		.vand .col.two p { font:14px/1.5em Georgia, Times, serif; color:#666;}
	.vand .col.three {width:330px}
		.vand .col.three ul { margin-left:10px;}
		.vand .col.three ul li {float:left; margin:10px;}
		.vand .col.three ul li a { display:block; padding:0; line-height:0; margin:0;}
		.vand .col.three ul li a img{-moz-box-shadow:0 0 3px #555;}

/* The IDEA */
	#idea {padding-bottom:30px; width:950px; margin:0 auto;}
	#idea .col {float:left; position:relative; margin:10px; width:450px;}
		#idea .col h2 { font: 36px/1em 'XBANDRoughRegular'; color:#000; letter-spacing:-3px; word-spacing:3px; text-decoration:none; margin-bottom:30px; margin-top:-15px}
		#idea .col h3 {}
 		#idea .col p { font:14px/1.5em Georgia, Times, serif; color:#666;}

	#idea .col.one { }
	#idea .col.two { }
		
/* TheSidebar definition */
	#Sidebar { background:url(../gfx/ribbon.png) no-repeat top left; width:265px; min-height:750px; position:relative; float:right; margin:-50px -35px 0 0;}
		#Sidebar h2 { font:24px/1em "DJGross"; letter-spacing:-2px; color:#111; margin:-25px 0 0 10px; width:254px; padding:40px 0; text-indent:20px; background:url(../gfx/postcategories.png) no-repeat top left;}
		#Sidebar ul { padding:0 0 0 40px; margin-bottom:40px; }
		#Sidebar ul li { margin:3px 0; font:11px/1em Georgia, "Times New Roman", Times, serif; color:#666; text-shadow:0 1px 1px #aaa; display:block;}
		#Sidebar ul li a, #Categories ul li a:visited { padding:1px; font:15px/1.3em Georgia, "Times New Roman", Times, serif; color:#000; font-weight:900;}
			#Sidebar ul li a:hover, #Categories ul li a:active {color:#C30; text-decoration:underline;}
			
		#Sidebar ul li ul { padding:0 0 10px 20px; margin:0;}
		#Sidebar ul li ul li {}
		#Sidebar ul li ul li a { font-size:12px; color:#0c4fab; font-weight:100;}
		#Sidebar ul li ul li ul { padding:0 0 10px 10px;}
		#Sidebar ul li ul li ul li { }
		#Sidebar ul li ul li ul li a { font-size:11px; color:#333;}
		
		#Sidebar p {padding:10px 40px 5px 30px; font:12px/1.5em Georgia, "Times New Roman", Times, serif; color:#444; text-shadow:0 1px 1px #aaa;}
		#Sidebar p a {font:12px/1.5em Georgia, "Times New Roman", Times, serif;}

/*	The Footer paragraph	*/
#FooterContainer {
	width:100%;
	height:152px;
	background:url(../gfx/footerBack.png) repeat-x;
	position:absolute; bottom:0px; left:0px;
}
#Footer {
	width:980px; height:152px;
	margin: 0 auto 0 auto;
	position:relative;
	color:#FFF;
	text-shadow:0 1px 1px #222!important;
}
#Footer a { color:#FFF; text-decoration:none; }
#Footer a:hover { text-decoration:underline; }

  #siteMap {
	  list-style:none;
	  padding:10px 0 0 0;
  }
  #siteMap li { width:75px; float:left; margin-right:10px; }
  #siteMap li a { display:block;}
  #siteMap li a.bolder { font-weight:700; font-size:14px; margin-bottom:5px; }

  #polaroidPhoto { background:url(../gfx/alex.jpg) no-repeat 40px 40px; display:block; position:absolute; right:-50px; bottom: 25px;}
  #copywright { width:980px; position:absolute; bottom:3px; left:0px; list-style:none;}
	  #copywright li { float:right; }
	  #copywright li:first-child { float:left; padding:5px 0; }

  #bogodesignlogo { display:inline-block; padding: 5px 25px 5px 0; background:url(../gfx/bogodesignlogo.png) center right no-repeat;}