/*
	Squid Grid System ~ Bradley Taunt
	Modified 960 Grid System
*/

/* `HTML & Body Elements
----------------------------------------------------------------------------------------------------*/
html{background:#bbc8cc;}

body{background:#bbc8cc url(../images/main-bg.png) repeat-x top center;font-family: Arial, Helvetica, sans-serif;}

h1{margin:0;font-size:18px;color:#000;}
p{font-size:12px;padding:0;margin:0;color:#000;}
a{text-decoration:none;color:#007dd9;}
a:hover{color:#7cb2d9;}

/* `Container
----------------------------------------------------------------------------------------------------*/
.container{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height:152px;
}

.container2{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	background:#fff;
	margin-bottom:20px;
	margin-top:30px;
}

/* `Content >> Global
----------------------------------------------------------------------------------------------------*/
.footer,
.bottom-nav,
.nav,
.sidebar,
.main,
.logo{
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* `Grid >> Sections
----------------------------------------------------------------------------------------------------*/
.logo {width:880px;margin-bottom:50px;}
	.logo p {float:right;font-size:22px;text-align:right;line-height:25px;color:#000;margin-top:20px;margin-bottom:-50px;}
	.logo img {margin:0;padding:0;margin-bottom:-28px;}
	.logo object {margin-right:-3px;}

.main {width:680px;}
	.main .columns-all {width:680px;height:270px;background:url(../images/column-bg.png) no-repeat top center;}
	.main .column1 {float:left;width:206px;padding:5px 10px;}
	.main .column2 {float:left;width:206px;padding:5px 10px;}
	.main .column3 {float:left;width:206px;padding:5px 10px;}
	.main .column-bottom {width:680px;height:20px;background:url(../images/column-bg-bottom.png) no-repeat top center;margin-top:-30px;}
	.main img.logos {float:left;padding:0;margin:0;}
	.main img.bbb {float:right;padding:0 0 5px 5px;}
	.main img.right {float:right;}

.sidebar {width:180px;}
	.sidebar img {margin-bottom:15px;}

.nav {width:880px;}
	.nav ul {float:left;display:inline;}
	.nav li {display:inline;list-style:none;padding:8px;margin:0;font-size:14px;}
	.nav a {color:#fff;margin:0;padding:8px;}
	.nav li:hover, .nav li.selected {
	background:#2a68cf;
	border:1px solid #000;
	margin:0;
	padding:7px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	-webkit-border-radius:6px;
	}
	
.bottom-nav {width:880px;height:20px;background:#2a68cf;margin-top:10px;margin-bottom:10px;}
	.bottom-nav ul {float:right;display:inline;}
	.bottom-nav li {display:inline;list-style:none;padding:8px;margin:0;font-size:12px;}
	.bottom-nav a {color:#bbc8cc;padding:8px;margin:0;}
	.bottom-nav a:hover, .bottom-nav a.selected {padding:8px;margin:0;color:#fff;}
		
.footer {width:880px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

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

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/

        #image{border:4px #666 solid;height:480px;width:640px;}
        .thumb{float:left;margin-right:10px;margin-top:10px;}