/* 
Band of Coders v.1
Adam Campbell / http://hotmeter.com/
Dec 12 2006

blue - #1e4ea2
tan - #c5b272
*/

* {
	padding:0;
	margin:0;
}

body {
	background:#fff url(../images/bg_body.gif) repeat-x left top;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	font-size: 62.5%;
	line-height:1em;
	text-align:center;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, dl, p {
	padding:0;
	margin:0 0 1em;
	line-height:1em;
}

/* Layout ---------------------------*/

#page {
	margin:0 auto 3em;
	width:780px;
	text-align:left;
}

#header {
	padding-top:2em;
	height:4em;
	width:100%;
	position:relative;
	clear:both;
}

#top {
	margin-top:3em;
	margin-left:1em;
	height:200px;
	width:760px;
	clear:both;
}

#main {
	margin:3em 0 0;
	position:relative;
	width:100%;
}

#left {
	margin-left:1em;
	width:360px;
	float:left;
}

#right {
	margin-right:1em;
	width:360px;
	float:right;
}

#clients {
	margin:1em 0 0;
 	padding:1em 0;
 	border-top:1px solid #e6e6e6;
 	width:360px;
}

#bottom {	
	width:100%;
	padding-top:1.2em;
	clear:both;
}

.col {
	margin:0 1em;
	width:235px;
	float:left;
}

.content {
	padding:0.5em 1.5em 1.5em;	
	background:url(../images/bg_main.gif) right bottom no-repeat;
}

#links {
	padding:0 2em 1.5em;
	margin:2em auto;
	width:700px;
	clear:both;
	background-color:#1e4ea2;
	text-align:center;
}

.howwework {
	padding-right:20px;
	width:440px;
}

#jobopp {
	background-color:#0a409e;
	padding:20px;
	width:240px;
	position:absolute;
	top:20px;
	right:0;
}
	
/* Headings -------------------------*/

.ir {
	display:block;
	text-indent:-9009px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0;
}

.ir a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
}

h1#logo {
	margin:0 0 0 0.5em;
	width:211px;
	height:22px;
	background:transparent url(../images/logo.gif) no-repeat 0 0;
}

h2 {
	font-size:1.5em;
	font-weight:bold;
	line-height:1em;
	color:#1e4ea2;
	text-transform:lowercase;
}

	h2#about {
		color:#97864e;
		height:15px;
		width:180px;
		background-image:url(../images/h2_about.png);
	}
	
	h2#how {
		height:15px;
		width:140px;
		background-image:url(../images/h2_how.png);
	}
	
	h2#band {
		padding-left:1em;
		margin-left:1em;
		height:15px;
		width:100px;
		background-image:url(../images/h2_band.png);
	}
	
h4 {
	padding-top:3px;
	margin:0 0 0.5em;
	font-size:1.1em;
	line-height:1em;
	color:#000;
}


/* Typography ----------------------------*/

a {
	outline:none;
}

a:link,
a:visited {
	color:#958449;
}

a:hover {
	color:#333;
}

a img {
	border:0;
}

#jobopp a {
	color:#fff;
	font-weight:bold;
}

address {
	font-style:normal;
}

	#header address {
		position:absolute;
		top:2em;
		right:1em;
		text-align:right;
		color:#c5b272;
		font-size:0.9em;
		line-height:1.4em;
	}
	
	#header address a {
		color:#c5b272;
		text-decoration:none;
	}
	
	#header address span {
		color:#fff;
		font-weight:bold;
	}
	
h3 {
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
}
	
p {
	font-size:1.2em;
	line-height:1.6em;
	color:#555;
}

	#top p {
		color:#333;
	}
	
	#links p {
		margin:0;
		line-height:1em;
		color:#fff;
	}
	
	#footer {
		color:#999;
	}
	
	#jobopp p {
		color:#aac7f7;
		font-size:1.1em;
		line-height:1.5em;
		margin:0;
	}
	
#jobopp strong {
	color:#c7ddff;
}
	
#top em {
	font-style:normal;
	font-weight:bold;
	background-color:#e5dcc1;
}

/* Lists -----------------------------*/

dl.bocs dt {
	margin:1em 1em 0em 1em;
	width:60px;
	height:60px;
	background:#333;
	display:inline;
	float:left;
}

dl.bocs dd {
	padding:1em 1em 0.5em;
	margin:0;
}
	
	dl.bocs dd p {
		font-size:1.1em;
		line-height:1.5em;
		color:#555;
	}

#clients ul {
	margin:1em 0;
	height:200px;
	display:block;
	overflow:hidden;
}

#clients li {
	margin:0;
	padding:0;
	font-size:1.1em;
	line-height:1.6em;
	list-style-type:none;
	height:180px;
	width:360px;
	display:block;
	overflow:hidden;
}

#clients li img {
	margin:0 0 0.5em;
	width:320px;
	height:60px;
	background-color:#999;
	display:block;
}

/* Images ----------------------------------*/

#top img {
	float:right;
	padding-top:0em;
	margin-right:1em;
	margin-left:4em;
}

#links img {
	padding-top:1em;
	margin:0 1em;
}
	
/* Other Classes ---------------------------*/

.clr {
	clear:both;
	width:100%;
}

.alt {
	background-color:#eee;
}

/* jQuery Styles ---------------------------*/

/* jCarousel */

.jcarousel-next {
    display: none;
    cursor: pointer;
    display:inline;
}

.jcarousel-next-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    display:inline;
}

.jcarousel-prev {
    display: none;
    cursor: pointer;
    display:inline;
}

.jcarousel-prev-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    display:inline;
}