/* @group Wrappers */

body {
	text-align: center;
	height:  100%;
	margin: 0;
	padding: 0;
	background-color: #111111;
}

#GFWrapper {
	width: 850px;
	margin: 0 auto;
	position: relative;
	background-color: black;
}

.transparent_20 {
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	}

/* @end */

/* @group Basic Layout */

#GFTopSpacer {
	width: 836px;
	height: 20px;
	float: left;
	position: relative;
	}
	
#GFTopBar {
	width: 846px;
	height: 20px;
	background-color: gray;
	float: left;
	position: relative;
	border: 1px solid white;
	background-image: url(../Images/Backgrounds/SilverBar.jpg);
}

#GFTopBarContent {
	height: 20px;
	float: right;
	position: relative;
	}
	
#GFLogoBlack {
	width: 140px;
	height: 87px;
	position: relative;
	float: left;
	background-image: url(../Images/Logos/GFLogoSmallBlack.jpg);
}

#GFLogoWhite {
	width: 140px;
	height: 87px;
	position: relative;
	float: left;
	background-image: url(../Images/Logos/GFLogoSmallWhite.jpg);
}

#GFLogoTransparent {
	width: 140px;
	height: 87px;
	position: relative;
	float: left;
	background-image: url(../Images/Logos/GFLogoSmallTransparent.jpg);
}

/* @group Individual Columns */

#GFColumn0 {
	width: 140px;
	height: 614px;
	position: relative;
	float: left;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	float: left;
	background-image: url(../Images/Photos/SingleColumnTall/Bridge1BW.jpg);
}

#GFColumn1, 
#GFColumn2,
#GFColumn3,
#GFColumn4,
#GFColumn5 {
	width: 140px;
	height: 614px;
	position: relative;
	float: left;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

#GFColumn0Photo, 
#GFColumn1Photo, 
#GFColumn2Photo,
#GFColumn3Photo,
#GFColumn4Photo,
#GFColumn5Photo {
	width: 140px;
	height: 400px;
	position: relative;
	float: left;
	border-bottom: 1px solid white;
}

#GFColumn0Link, 
#GFColumn1Link, 
#GFColumn2Link,
#GFColumn3Link,
#GFColumn4Link,
#GFColumn5Link {
	width: 140px;
	height: 20px;
	position: relative;
	float: left;
	background-color: gray;
	letter-spacing: -.1em;
	border-bottom: 1px solid white;
}
#GFColumn0Link {
	background-image: url(../Images/NavMenu/Home.jpg);
}
#GFColumn1Link {
	background-image: url(../Images/NavMenu/AboutGForce.jpg);
}
#GFColumn2Link {
	background-image: url(../Images/NavMenu/PivotalPerspective.jpg);
}
#GFColumn3Link {
	background-image: url(../Images/NavMenu/PositiveResults.jpg);
}
#GFColumn4Link {
	background-image: url(../Images/NavMenu/BeInTouch.jpg);
}
#GFColumn5Link {
	background-image: url(../Images/NavMenu/WhatsHot.jpg);
}

#GFColumn0Content {
	width: 140px;
	height: 182px;
	position: relative;
	float: left;
}

#GFColumn1Content, 
#GFColumn2Content,
#GFColumn3Content,
#GFColumn4Content,
#GFColumn5Content {
	width: 130px;
	height: 182px;
	position: relative;
	float: left;
	padding: 5px;
}
#GFColumn0Content {
	background-color: black;
}
#GFColumn1Content {
	background-color: #7a685e;
}
#GFColumn2Content {
	background-color: #917c70;
}
#GFColumn3Content {
	background-color: #ab9284;
}
#GFColumn4Content {
	background-color: #c8ab9a;
}
#GFColumn5Content {
	background-color: #d6b7a5;
}

/* @end */

/* @group 5-Column Layout */

#GF5Column {
	width: 705px;
	height: 614px;
	position: relative;
	float: left;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #7a685e;
	overflow: hidden;
}
#GF5ColumnContentTop {
	width: 705px;
	height: 400px;
	position: relative;
	float: left;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	overflow: hidden;
}

#GF5ColumnContentBottom {
	width: 705px;
	height: 213px;
	position: relative;
	float: left;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	overflow: hidden;
}

/* @end */

/* @group 4-Column Layout */

#GF4Column {
	width: 564px;
	height: 614px;
	position: relative;
	float: left;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #917c70;
	overflow: hidden;
}

#GF4ColumnContentTop {
	width: 564px;
	position: relative;
	float: left;
	border-bottom: 1px solid white;
	overflow: hidden;
	height: 400px;
}

#GF4ColumnContentBottom {
	width: 564px;
	height: 213px;
	position: relative;
	float: left;
	overflow: hidden;
}

/* @end */
	
/* @group 3-Column Layout */

#GF3Column {
	width: 423px;
	height: 614px;
	position: relative;
	float: left;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #ab9284;
	overflow: hidden;
}

#GF3ColumnContentTop {
	width: 423px;
	height: 400px;
	position: relative;
	float: left;
	border-bottom: 1px solid white;
	overflow: hidden;
}

#GF3ColumnContentBottom {
	width: 423px;
	height: 213px;
	position: relative;
	float: left;
	overflow: hidden;
	background-color: #AE642B;
}

/* @end */

#GF1ColumnContentBottom {
	width: 140px;
	height: 213px;
	position: relative;
	float: left;
	}
	
/* @group Rollovers */

#GFColumn0Link a:hover {
	background-image: url(../Images/NavMenu/HomeOver.jpg);
}

#GFColumn1Link a:hover {
	background-image: url(../Images/NavMenu/AboutGForceOver.jpg);
}

#GFColumn2Link a:hover {
	background-image: url(../Images/NavMenu/PivotalPerspectiveOver.jpg);
}

#GFColumn3Link a:hover {
	background-image: url(../Images/NavMenu/PositiveResultsOver.jpg);
}

#GFColumn4Link a:hover {
	background-image: url(../Images/NavMenu/BeInTouchOver.jpg);
}

#GFColumn5Link a:hover {
	background-image: url(../Images/NavMenu/WhatsHotOver.gif);
}

/* @end */
	
/* @group Links */

a:link {
	color: #faf5a8;
	text-decoration: none;
	display: block;
}

a:visited {
	color: #595959;
	text-decoration: none;
}

a:hover {
	color: white;
}

a:active {
	text-decoration: none;
}

/* @end */

/* @group Text */

.GFBBreadcrumbText {
	font: italic bold 8pt/20px "Helvetica Neue", Times, serif;
	text-align: left;
	color: black;
}

.GFNavTextWhite {
	text-align: left;
	color: white;
	font: bold 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 0;
}

.GFNavTextBlack {
	text-align: left;
	color: black;
	font: bold 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.GFWhiteText {
	font: 10pt/15px "Times New Roman", Times, serif;
	text-align: left;
	color: white;
}

.GFYellowText {
	font: 10pt/16px "Times New Roman", Times, serif;
	text-align: left;
	color: #ffda5a;
	}

.GFBlackText {
	font: 10pt/16px "Times New Roman", Times, serif;
	text-align: left;
	color: black;
}	
.GFBlackHeaderText {
	font: italic bold 9pt/16px "Helvetica Neue", Times, serif;
	text-align: left;
	color: black;
}

.GFWhiteHeaderText {
	font: italic bold 9pt/16px "Helvetica Neue", Times, serif;
	text-align: left;
	color: white;
}
.GFWhiteText a:link {
	color: #ffe974;
	text-decoration: none;
}

.GFWhiteText a:visited {
	color: silver;
	text-decoration: none;
}

.GFWhiteText a:hover {
	color: red;
}

.GFWhiteText a:active {
	text-decoration: none;
}

.GFYellowText a:link {
	color: #ffe974;
	text-decoration: none;
}

.GFSidebarYellowText a:visited {
	color: silver;
	text-decoration: none;
}

.GFYellowText a:hover {
	color: red;
}

.GFYellowText a:active {
	text-decoration: none;
}

/* @end */

/* @group Images */

.GFPhotoFloatRight {
	float: right;
	border-style: double;
	border-width: 4px;
	margin: 5px 0 5px 10px;
}

.GFPhoto {
	border-style: double;
	border-width: 4px;
	margin: 10px;
}

/* @end */

/* @end */

/* @group Graphic Words */

#GFBigText40 {
	display: block;
	position: absolute;
	z-index: 3;
	overflow: hidden;
	width: 100%;
	top: 582px;
	height: 75px;
	float: none;
	clear: none;
	right: 3px;
}

/* @end */

