/* gradient: 46785D to 9CB6A7 */

* {
	margin: 0;
	border: 0;
	padding: 0;
}

body {
	background: #9CB6A7 url(../images/plaingradient.jpg) top left repeat-x;
}

body.splash {
	background-image: none;
}

.clear
{
	clear: both;
	display: block;
    height: 0px;
    overflow: hidden;
}

.splash {
	margin: 50px 0 100px 0;
	text-align: center;
}

div.stats {
	display: none;
}

/**** Container *******************/
div.container {
	position: relative;
	height: 600px;
	width: 900px;
	margin: 0 auto 0 auto;
	padding-top: 20px;
	background: transparent url(../images/shadgradient.jpg) top center no-repeat;
}

/**** Logo ************************/
#logo {
	float: left;
	height: 200px;
	clear: both;
	width: 380px;
	margin: 0 20px 0 50px;
	display: inline;
}

#logo div.cougar {
	height: 173px;
	width: 358px;
	background: transparent url(../images/cougarlogo-trans.png) no-repeat;
}

#exerpt {
	position: relative;
	float: left;
	height: 204px;
	width: 380px;
	margin: 0 50px 0 20px;
	display: inline;
}

#exerpt p {
	position: absolute;
	bottom: 34px;
	left: 0;
}

/****  Rows ***************************************************/
div.row div.col {
	float: left;
	position: relative;
	width: 200px;
	display: inline;
}

div.row div.double-col {
	float: left;
	width: 400px;
	display: inline;
}

div.row div.triple-col {
	float: left;
	width: 600px;
	display: inline;
}

div.row div.image {
	margin-top: -2em;
	position: relative;
}

div.row div.image.top {
	margin-top: -21px;
}

div.row div.image.wide {
	height: 267px;
	width: 400px;
}

div.row div.image.float-right {
	float: right;
	margin-left: 15px;
}

div.image.tall {
	height: 410px;
}

div.image.three-wide {
	height: 183px;
	width: 600px;
}

div.row {
	float: left;
	clear: left;
	position: relative;
	margin: 0 0 0 50px;
	padding: 2em 200px 0 0;
	width: 600px;
	display: inline;
}

div.row.first-row {
	margin-top: 60px;
	padding-top: 0;
}

div.row.footer-row {
	margin-top: 10px;
	padding: 0;
	width: 600px;
}

div.bg-www {
	background: transparent url(../images/bg_www.gif) top left repeat-y;
}

div.bg-wwg {
	background: transparent url(../images/bg_wwg.gif) top left repeat-y;
}

div.bg-wgw {
	background: transparent url(../images/bg_wgw.gif) top left repeat-y;
}

div.bg-wgg {
	background: transparent url(../images/bg_wgg.gif) top left repeat-y;
}

/**** Strategy styles *****/
/**** List ****/
div.row div.col.strategy-list {
	background: transparent url(../images/laquo-white.jpg) top right no-repeat;
}

div.row div.col.strategy-list p {
	display: block;
	border-bottom: #ccc solid 1px;
}

div.row div.col.strategy-quote {
	background: #3C5F4C url(../images/laquo.jpg) top left no-repeat;
}

/**** Staff quote ****/
div.row div.staff-quote {
	background-color: #3C5F4C;
}

/**** Employment / Post styles *******************************/
div.post table {
	width: 400px;
}

div.post table td {
	padding: 3px 0 3px 0;
}

div.post table tr th {
	padding-top: 3px;
	width: 120px;
}

div.post div.meta {
	margin-bottom: 2em;
}

table.list {
	margin-left: 15px;
}

div.double-col table.list {
	width: 370px;
}

table.list thead {
	background-color: #9CB6A7;
}

table.list th, table.list td {
	padding: 1px 5px 1px 5px;
}

table.list tr.alt {
	background-color: #eee;
}


/**** Navigation *****************************************************/
#navigation {
	position: absolute;
	clear: left;
	margin: 20px 0 0 0;
	width: 200px;
	right: 50px;
	top: 263px;
} 

#navigation ul {
	list-style: none;
}

#navigation ul li {
	display: inline;
}

#navigation ul li a {
	display: block;
	border-top: #fff 1px solid;
	padding: 10px 10px 20px 10px;
}

#navigation ul li a span {
	display: block;
	margin-top: 10px;
}

/**** Base Shadow *******************************************************/
div.baseshadow {
	position: relative;
	float: left;
	height: 200px;
	width: 900px;
}

div.baseshadow a.shorten {
	padding-left: 57px;
	background: transparent url(../images/shorten-light.jpg) center left no-repeat;
}

div.baseshadow a.shorten:hover {
	background: transparent url(../images/shorten.jpg) center left no-repeat;
}

div.baseshadow a span.shorten {
	display: none;
}

div.bs-www {
	background: transparent url(../images/bs_www.jpg) top center no-repeat;
}

div.bs-wgw {
	background: transparent url(../images/bs_wgw.jpg) top center no-repeat;
}

div.bs-wwg {
	background: transparent url(../images/bs_wwg.jpg) top center no-repeat;
}

div.bs-wgg {
	background: transparent url(../images/bs_wgg.jpg) top center no-repeat;
}