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

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

body{background:#484848 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;outline:none;}
a:hover{color:#7cb2d9;outline:none;}

#testimonials {width: 650px; height: 150px;} 
#testimonials .slide {list-style-type: none;line-height: 24px} 
blockquote {font-size: 18px;font-family: Georgia, "Times New Roman", Times, serif;color: #333;font-style: italic}


/* `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,
.full,
.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:35px;color:#fff;margin-top:20px;margin-bottom:-50px;}
	.logo img {margin:0;padding:0;margin-bottom:-28px;}
	.logo object {margin-right:-3px;}
	.logo span { font-size: 30px; }

.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;}
	
.main input[type="text"] {
width: 300px;
}
	
.main input[type="text"],
.main textarea { 
padding:8px; 
border:1px solid #CCCCCC; 
background:#ececec; 
-moz-border-radius:5px; 
-webkit-border-radius:5px;
}

.main input[type="text"]:focus,
.main textarea:focus { 
background:#fcfcfc; 
}

.main .button, .button:visited { 
background:#000000 url(../images/alert-overlay.png) repeat-x; 
display:inline-block; 
padding:5px 10px 6px; 
color:#fff; 
text-decoration:none; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); 
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); 
text-shadow:0 -1px 1px rgba(0,0,0,0.25); 
border-bottom:1px solid rgba(0,0,0,0.25); 
position:relative; cursor:pointer; 
font-size:13px; 
font-weight:bold; 
line-height:1; 
border:0;
}

.full {width:880px;}
	.full .columns-all {width:680px;height:270px;background:url(../images/column-bg.png) no-repeat top center;}
	.full .column1 {float:left;width:206px;padding:5px 10px;}
	.full .column2 {float:left;width:206px;padding:5px 10px;}
	.full .column3 {float:left;width:206px;padding:5px 10px;}
	.full .column-double { width: 400px; float: left; display: inline; padding-right: 35px; }
	.full .column-bottom {width:680px;height:20px;background:url(../images/column-bg-bottom.png) no-repeat top center;margin-top:-30px;}
	.full img.logos {float:left;padding:0;margin:0;}
	.full img.bbb {float:right;padding:0 0 5px 5px;}
	.full img.right {float:right;}
	
.full input[type="text"] {
width: 300px;
}
	
.full input[type="text"],
.full textarea { 
padding:8px; 
border:1px solid #CCCCCC; 
background:#ececec; 
-moz-border-radius:5px; 
-webkit-border-radius:5px;
}

.full input[type="text"]:focus,
.full textarea:focus { 
background:#fcfcfc; 
}

.full .button, .button:visited { 
background:#000000 url(../images/alert-overlay.png) repeat-x; 
display:inline-block; 
padding:5px 10px 6px; 
color:#fff; 
text-decoration:none; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); 
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); 
text-shadow:0 -1px 1px rgba(0,0,0,0.25); 
border-bottom:1px solid rgba(0,0,0,0.25); 
position:relative; cursor:pointer; 
font-size:13px; 
font-weight:bold; 
line-height:1; 
border:0;
}

.button:hover { 
background-color:#111; 
color:#fff; 
text-decoration:none;
}

.button:active { 
top:1px;
}

.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;position:relative;}
	.nav a:hover { padding: 7px; }
	.nav li a:hover, .nav li a.selected {
	background:#01304C;
	border:1px solid #fff;
	margin:0;
	padding:7px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	-webkit-border-radius:6px;
	}
	.nav li ul.one {
		display:none;
		padding:0;
		background: #0172AE;
	}
	.nav li ul.one li {
		text-align:left;
		display: block;
	}
	.nav li:hover ul.one {
		display: block;
    	position: absolute;
    	left: 80px;
    	background: #0172AE;
    	-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		z-index: 30;
	}
	.nav li ul.two {
		display:none;
		padding:0;
		background: #0172AE;
	}
	.nav li ul.two li {
		text-align:left;
		display: block;
	}
	.nav li:hover ul.two {
		display: block;
    	position: absolute;
    	left: 200px;
    	background: #0172AE;
    	-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		z-index: 30;
	}
	
.bottom-nav {width:880px;height:20px;background:#01304C;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;}