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

/* `HTML & Body Elements
----------------------------------------------------------------------------------------------------*/
html{background:#066caa url(../images/bg.jpg) repeat-x;}

body{background:url(../images/shine.png) no-repeat top center;}

h1{text-shadow: 0px 1px 1px #ccc;}
h3{margin:0;}
p{text-shadow: 0px 1px 1px #ccc;font-size:12px;}
a{text-decoration:none;color:#a0410d;}
a:hover{color:#000;}

/* `Container
----------------------------------------------------------------------------------------------------*/
.container-top{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background:none;
}

.container{
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
	width: 960px;
	background:#fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}

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

/* `Grid >> Sections
----------------------------------------------------------------------------------------------------*/
.logo {width:940px;}
	.logo img {float:left;padding:0;margin:15px 0 -25px 0;}
	.logo h1 {margin:0;padding:0;margin-top:40px;font-size:30px;}
	.logo p.phone {float:right;font-size:25px;padding:0;margin:0;margin-top:20px;margin-bottom:-20px;text-align:right;}
	.logo p.phone span{font-size:14px;}
	
.nav {width:940px;margin-top:30px;margin-bottom:10px;background:url(../images/nav-bg-long.png) no-repeat;}
	.nav li {display:inline;text-decoration:none;margin:0 5px 0 0;}
	.nav li a{padding:7px 20px;color:#fff;line-height:40px;border-right:1px solid #3a3a3a;font-size:16px;}
	.nav li a.contact{padding:7px 20px;color:#fff;line-height:40px;border:none;}
	.nav li a:hover, .nav li a.selected{padding:7px 20px;background:none;color:#fff568;line-height:40px;}
	.nav li a.selected-contact{padding:7px 20px;background:none;color:#fff568;line-height:40px;border:none;}
	
.featured {width:940px;}

.content {width:600px;}
	.content .column{width:145px;min-height:250px;margin-left:0;margin-right:5px;margin-bottom:10px;
					float:left;display:inline;position:relative;background:#ccc;
					-moz-border-radius:8px;-webkit-border-radius:8px;-khtml-border-radius:8px;
					-moz-box-shadow:0 0 3px #000;-webkit-box-shadow:0 0 3px #000;-khtml-box-shadow:0 0 3px #000;}
	.content .column h3{text-align:center;}
	.content .column p{text-align:center;}
	.content .column img{display:block;margin:0 auto;padding:8px 0 0 0;}
	.content img.about {float:left;padding:10px;}
	
.sidebar {width:320px;}
	.sidebar img{padding:0 0 15px 0;}

.footer {width:940px;}
	.footer p {margin:0;font-size:12px;}


/* `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.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}
        #image{border:4px #666 solid;height:480px;width:640px;}
        .thumb{float:left;margin-right:10px;margin-top:10px;}