body {
	font: 12px verdana, helvetica, arial, sans-serif;
	color: #000;
	background: #a8a8a8 url(http://swcampaign.com/images/main-background-gradient.png) repeat-x top;
	margin: 0;
}

.navLink a:visited, .navLink a:link {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.navLink a:hover, .navLink a:active {
	color: #9094c3;
	font-weight: bold;
	text-decoration: none;
}

a:link, a:visited {
	color: #224;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active {
	color: #9094c3;
	font-weight: bold;
	text-decoration: none;
}

img {
	border: 1px #000 solid;
}

ul {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


li {
}

li:before {
	content: "";
}

.navLink {
	margin: 0px;
	padding-left: 16px;
	display: inline;

}

#game-window {
	position: relative;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}




/*	BASIC FORMATTING OF EVERY PAGE	*/

#container {
	position: relative;
	width: 936px; /*width + border for IE */
	w\idth: 930px; /*real width*/
	border-width: 0 3px;
	margin: auto;
}


#spacer0 {
	height: 20px;
}

#header {
	background: #1e2552 url(http://swcampaign.com/images/main-gradient1.png) repeat-x top;
	height: 82px;

	border: 1px solid #000;
	-moz-border-radius-topleft: 20px;
	-webkit-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-radius-topright: 20px;
}

#spacer1 {
	background: #EEE url(http://swcampaign.com/images/main-gradient2.png) repeat-x top;
	height: 4px;

	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#navBar {
	border: 1px solid #000;
	background: #62688f url(http://swcampaign.com/images/main-gradient3.png) repeat-x top;

	padding-right: 20px;
	padding-top: 6px;

	height: 22px;

	text-align: right;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color: #FFF;
}

#spacer2 {
	background: #EEE url(http://swcampaign.com/images/main-gradient4.png) repeat-x top;
	height: 9px;

	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

#spacer3 {
	height: 15px;

	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#pageTitle {
	background: #62688f url(http://swcampaign.com/images/main-page-title-gradient.png) repeat-x top;

	height: 29px;
	padding-left: 10px;
	padding-top: 7px;

	border: 1px solid #000;

	font-size: 13pt;
	font-weight: bold;
	color: #FFF;
}

#spacer4 {
	height: 15px;

	border-left: 1px solid #000;
	border-right: 1px solid #000;
}



#content {
	background: #505050 url(http://swcampaign.com/images/main-interior-gradient.png) repeat-x top;

	border: 1px solid #000;
	border-top: 0;

	-moz-border-radius-bottomleft: 20px;
	-webkit-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-radius-bottomright: 20px;

	xpadding: 1px 1em 2em 1em;
	padding: 1px 5px 1em 5px;
}

.subTitle {
	background: #62688f url(http://swcampaign.com/images/main-sub-title-gradient.png) repeat-x top;

	height: 24px;
	padding-left: 10px;
	padding-top: 10px;
	
	-moz-border-radius-topleft: 10px;
	-webkit-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-radius-topright: 10px;

	border: 1px solid #000;
	border-bottom: 0;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #FFF;
}

.subBlock {
	background: #ddd;

	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-radius-bottomright: 10px;

	border: 1px solid #000;
	min-height: 120px;
	padding: 7px;
	color: #000;
	margin-bottom: 10px;

}

.subBlockPost {
	position: relative;
	float: right;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-radius-topleft: 10px;

	width: 225px;

	margin: 0px 0px 5px 5px;

	background: #EEE;
	color: #000;
}
.subBlockPostImage {
	position: relative;
	float: right;
	right: 1px;
	top: 1px;

}
.subBlockPostText {
	position: relative;
	float: right;
	top: 0px;
	text-align: right;
	color: #343858;
	padding: 10px 10px 10px 10px;
}

/*	IMAGE STUFF	*/


#swirlLogo {
	position: relative;
	left: -10px;
	top: -44px;
	border: 0px;
}

#textLogo {
	position: relative;
	left: 50px;
	top: -125px;
	border: 0px;
}


.avatar {
	border: 1px solid #000;
}

.noFloat{
	float: none;
}


/*	MISC	*/

.bottomInfo {
	color: #222;
	margin-top: 25px;
	margin-bottom: 50px;

	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
}


/*	MEDIA GALLERY CSS	*/
.portfolioRow {
	position: relative;
	width:882px;
	height: 130px;
	clear:both;
}

.portfolioBox {
	width:274px;
	padding: 0 0 10px 10px;
	float:left;
	font-size:12px;
	line-height:18px;
}


.thumbBox {
	float: left;
	margin: 6px;
	z-index: 0;
}

.thumbDescription{
	font: 10px verdana, arial, helvetica;
	line-height: 14px;
	color: #444;
	height: 100px;
	padding-top: 8px;
}


.thumb {
	border: 1px solid #000;
	z-index: 0;
}
.thumb:hover {
	border: 1px solid #888;
	z-index: 0;
}

.thumb1 span {
	visibility: hidden;

	position: absolute;
	padding: 10px;
	left: -2000px;

	background-color: #EEE;
	border: 1px solid #000;
	color: #000;
	z-index: 100;
}

.thumb1:hover span {
	visibility: visible;
	top: -100px;
	left: 170px;
	z-index: 100;
}
.thumb2 span {
	visibility: hidden;

	position: absolute;
	padding: 10px;
	top: -2000px;

	background-color: #EEE;
	border: 1px solid #000;
	color: #000;
	z-index: 100;
}

.thumb2:hover span {
	visibility: visible;
	top: -100px;
	left: 450px;
	z-index: 100;
}
.thumb3 span {
	visibility: hidden;

	position: absolute;
	padding: 10px;
	top: -2000px;

	background-color: #EEE;
	border: 1px solid #000;
	color: #000;
	z-index: 100;
}

.thumb3:hover span {
	visibility: visible;
	top: -100px;
	right: 315px;
	z-index: 100;
}

.overlay {
	position: relative;
	font-weight: normal;
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	text-align: center;
	padding: 3px 10px 3px 10px;
	z-index: 2000;
	margin-bottom: 20px;
}