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

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

body{ background: #d5d5d5; font-family: Arial, Helvetica, sans-serif; }

h1 { margin: 0; font-size: 18px; color: #000; }

p { font-size: 12px; padding: 0 0 10px 0; margin: 0; color: #000; }

a { text-decoration: none; color: #007dd9; }
a:hover { color: #7cb2d9; }

hr { padding: 0; margin: 10px 0 10px 0px; width: 940px; }

select { width: 200px; margin: 0 0 10px 10px; }

input.btn { float: none;
    display: block;
    width: 100px;
    margin: 10px auto;
    }
    
p.top-info { position: absolute; top: 18px; left: 430px; width: 600px; font-weight: 900; }

/* `Container
----------------------------------------------------------------------------------------------------*/

#container-top{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 10px;
	background: #000;
}

#container{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background:#fff;
	margin-bottom: 5px;
}

#footer{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background:none;
	margin-bottom: 20px;
}
#footer p { text-align: right; }


/* `Content >> Global
----------------------------------------------------------------------------------------------------*/
hr,
.franchise-sidebar,
.featured-franchise,
.full-width2,
.full-width,
.sidebar,
.feature-slider,
.logo
{
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* `Grid >> Sections
----------------------------------------------------------------------------------------------------*/

.logo { width: 940px; }
	.logo img { float: left; padding: 7px 0 0 0; margin: 0; }
	.logo ul.nav { float: right; list-style: none; margin: 50px 0 0 0; }
	.logo ul.nav li { display: inline; padding: 0; margin: 0; }
	.logo ul.nav li a { border-right: 1px solid #d5d5d5; padding: 5px 15px; margin: 0; color: #000; font-weight: 800; }
	.logo ul.nav li a:hover { color: #656565; }

.feature-slider { width: 680px; }
	.feature-slider .search { position: absolute; z-index: 10; top:265px; left:20px; width: 220px; background: url(../images/fade.png) repeat-y; }
	.feature-slider .search p { padding: 10px 10px 7px 10px; color: #000; font-weight: 900; text-align: center; font-size: 18px; margin: 0; }

.sidebar { width: 238px; height: 402px; border-bottom: 1px solid #d5d5d5; }
	.sidebar .column { width: 238px; background: #d5d5d5; margin-bottom: 10px; }
	.sidebar .column h1 { padding: 10px 0 10px 10px; width: 228px; background: #000; font-size: 12px; color: #fff; margin-bottom: 10px; }
	.sidebar .column p { padding: 0 10px 10px 10px; }
	
.franchise-sidebar { width: 238px; border-bottom: 1px solid #d5d5d5; }
	.franchise-sidebar .column { width: 238px; background: #d5d5d5; margin-bottom: 10px; }
	.franchise-sidebar .column h1 { padding: 10px 0 10px 10px; width: 228px; background: #000; font-size: 14px; color: #fff; margin-bottom: 10px; }
	.franchise-sidebar .column p { padding: 0 10px 10px 10px; }
	.franchise-sidebar .column-image { width: 238px; background:none; margin-bottom: 10px; }
	.franchise-sidebar .column-image h1 { padding: 10px 0 10px 10px; width: 228px; background: #000; font-size: 14px; color: #fff; margin-bottom: 10px; }
	.franchise-sidebar .column-image p { padding: 0 10px 10px 10px; }
	.franchise-sidebar .column-image img { padding: 20px 0 40px 0; margin: 0 0 0 -10px; }
	
.full-width { width: 940px; }
	
.full-width2 { width: 940px; }
	.full-width2 h1 { padding: 10px 0 10px 10px; width: 930px; background: #000; font-size: 14px; color: #fff; margin-bottom: 10px; }

.featured-franchise { width: 680px; }
	.featured-franchise h1 { padding: 10px 0 10px 10px; width: 670px; background: #000; font-size: 14px; color: #fff; margin-bottom: 10px; }
	.featured-franchise h1 span { color: #d5d5d5; text-transform: uppercase; font-size: 13px; text-decoration: underline; }

/* `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;}