/* stylesheet for GCA, Inc */

body {
	margin: 0;
	padding: 0;
	background: #000;
	font-family: sans-serif;
	font-size: 72.5%; /* = 10px */
}

#outerwrapper {
}

#mainwrapper {
	width: 950px;
	margin: 0 auto;
	border-top: 8px #222 solid;
}

#headerwrapper {
}

#banner {
	background: #555;
	color: #fff;
	height: 73px;
	padding: 4px 0 0 0;
	margin: 0;
}
#banner.trisan {
	background: #6ad;
}

#banner #contactspread {
	margin: 0 50px;  
}

#banner p {
	float: left;
	width: 32%;
	margin: 50px 0 0 0;
	padding: 0;
	font-size: 1.25em;
	text-align: left; 
	}

#banner p.p2 {
/*	width: 200px;
	text-align: center; *//* these for when email is in p3 below */
	width: 348px;
	text-align: right;
}

#banner p.p3 {
	width: 148px;
	text-align: right;
	display: none; /* remove display none when e-mail is in use */
}

#bannerlogo { 
	position: relative; z-index: 10;
	float: right; 
	top: -3px;
	background: #000;
	width: 192px; height: 96px;
	border: 1px #fff solid;
	padding: 20px 0;
	margin: 8px 50px -70px 30px;
}


/*\*/	
* html #bannerlogo {
	position: absolute; z-index: 10;
	top: 0px;
	margin: 18px 50px 8px 30px;
}
/**/

#bannerlogotrisan { 
	position: relative; z-index: 10;
	float: right; 
	top: -3px;
	background: #000;
	width: 118px; height: 87px;
	border: 1px #fff solid;
	padding: 24px 36px;
	margin: 8px 50px -70px 30px;
}

#bannerlogo.home { 
	padding: 0;
	height: 136px;
	border: 2px #999 solid;
	border-top: 2px #777 solid;
	border-right: 2px #777 solid;
}
#topnav {
	margin: 0;
	padding: 3px 0 0 0;
	height: 19px;
	background: #f00;
	border: 1px #800 solid;
	border-bottom: 1px #f00 solid;
	border-right: 1px #e00 solid;
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
}

#topnav ul { 
	list-style-type: none;
	width: 643px; /*950 content width less 102 margin left/right */
	margin: 0 51px;
	padding: 0; 
}
#topnav ul li {
	float: left;
	width: 17%;
	margin: 0 auto;
	text-align: center;
}
#topnav ul li.long {
	width: 27%;
}
#topnav.ts ul li.long {
	width: 30.75%;
}
#topnav ul li.left {
	margin-left: 0;
	text-align: left;
}
#topnav ul li.right {
	margin-right: 0;
	text-align: right;
	width: 17.8%;
}


#topnav a, #topnav a:link, #topnav a:visited {
	text-decoration: none;
	color: #fff;
}

#topnav a:hover, #topnav a:active {
}

#top2ndrownav {
	margin: 0;
	background: #bfe7f1;
	height: 20px;
	border: 1px #aaf solid;
	border-bottom: 1px #ccc solid;
}


#contentwrapper {
	background: #fff;
	color: #222;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

#leftcol {
	float: left;
	width: 49.5%;
	margin: 0; 
	padding: 35px 0 0 0; 
}

#rightcol {
	width: 375px;
	margin: 0 0 0 474px;
	padding: 0 50px 50px 50px;
	border-top: 1px #fff solid;
}

/*\*/	
* html #rightcol {
	margin: 0;
	padding-top: 30px;
}
/**/

h2 {
	margin: 30px 0 15px 0;
	padding: 0;
	font-size: 1.2em;
}

/*\*/	
* html h2 {
	margin: 15px 0 0 0;
}
/**/

#rightcol a, #rightcol a:link, #rightcol a:visited {
	text-decoration: underline;
	color: #009
}

#rightcol a:hover, #rightcol a:active {
	color: #f00;
}

#rightcol ul {
	list-style-image: url('gcapix/arrow.gif')
}

#rightcol ul li {
	margin: 3px 0;
}

#rightcol span.tri-san, #roller span.tri-san {
	font-variant: small-caps;
	font-weight: bold;
	color: #48b;
}

#rightcol span.alert, #roller span.alert {
	font-variant: small-caps;
	font-weight: bold;
	font-style: italic;
	color: #f22;
}

#rightcol dt {
	font-weight: bold;
}

#rightcol dd {
	margin: 0 0 5px 30px;
}

table#roller {
	width: 375px; /*400 */
	height: 260px; /*281 */
	border: 2px #000 solid;
	margin: 0 0 0 75px;
}

table#roller.alternator {
	border: none;
}

table#roller td {
	vertical-align: middle;
	background: #fff;
	width: 375px;
	height: 260px;
	padding: 0;
}

table#roller td.caption {
	height: 2em;
	vertical-align: top;
	padding: .3em 0;
}

table#roller td img {	/* inside the slider */
	height: 260px;
	margin: auto 0;
	padding: 0;
	border: 2px #333 solid;
}

table#roller.alternator {
	width: 300px;
}

table#roller td img#tslogo {
	width: 130px;
	height: 87px;
	border: 0;
	margin: 1em 0 0 0;
	float: right;
	}

#secondarypic {
	margin: 0;
	padding: 0 0 0 70px;
	border: 0;
}

img#secondary {
	position: relative; z-index: 100;
	width: 175px; height: 130px;
	display: block;
	margin: -25px auto;
	border: 2px #fff solid;
	border-bottom: 3px #bbb solid;
	border-right: 3px #ccc solid;
}

img#secondary.h {
	height: 166px;
}

img#secondary-cp {
	position: relative; z-index: 100;
	width: 120px; 
	display: block;
	margin: -25px auto;
	border: 2px #fff solid;
}

#footerwrapper {
	width: 950px;
	margin: 0 auto;
	border-top: 1px #a00 solid;
	padding: 5px 0;
	color: #fff;
	font-size: .9em;
	text-align: center;
}

#footerwrapper p {
	margin: 0;
}

#footerwrapper a, #footerwrapper a:link, #footerwrapper a:visited {
	color: #c00;
}

#footerwrapper a:hover, #footerwrapper a:active {
	color: #fff;
}
#footerwrapper a span {
	font-variant: small-caps;
}

