@import url(blueprint/screen.css);

/* !extend blueprint */
/*----------------------------------------------------------------------------*/

body {
/* font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; */
font-family: "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.3;
}

h1 {font-size: 2.3em}
h1,h2,h3,h4,h5,h6 {
color: #034;
font-weight: 700;
letter-spacing: -1px;
line-height: 1.0em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #034;
/* display: block; */
text-decoration: none;
}
h1 img { margin-left: 20px; margin-bottom: 0px; line-break: 0;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #145; }

h2 {
font-size: 1.2em;
letter-spacing: 1px;
margin: 0 0 1em;
text-transform: uppercase;
}
	h2 a { color: #034; border-bottom: 1px dotted #034; }
	h2 a:hover { color: #046; }
h2.headline {
font-size: 3em;
letter-spacing: inherit;
margin: 0 0 1em;
text-transform: lowercase;
}
	h2.headline a { border-bottom: none; }
h3 {
font-size: 1.8em;
margin: 0 0 0.4em;
}
h3.headline { margin: 0 0 1em; }
h4 {
font-size: 1.6em;
margin: 0 0 0.4em;
}
h5, h6 {
color: #00afdd;
font-size: 1.2em;
font-weight: 400;
margin: 0 0 0.4em;
text-transform: uppercase;
}
h6 {
color: #222;
font-size: 1.0em;
font-weight: 700;
}
	h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
	h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }

p { font-size: 1.1em; }

hr { height: 1px; }

/* !forms */
form p input { padding-top: 0; }
/* input[type="text"] {background: url(../images/assets/bg-input.png);} */


/* !boxes */
div.box {
background: #eee;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 40px;
margin-bottom: 0.8em;
}
	.box hr { background: #aaa; color: #aaa; }

div.secondary { background: #0ad; color: #034; }
	.secondary hr { background: #07c; color: #07c; }
	.secondary h2 { color: #fff; }
	.secondary a { color: #fff; border-bottom: 1px dotted #fff; text-decoration: none; }
	.secondary a:hover { color: #cff; }
	.secondary dl.data {
/* 	background: #034; */
	color: #fff;
	}
		.secondary dl.data dt {
		border-top: 1px solid #08b;
		padding: 5px 10px 5px 5px;
		width: 105px;
		}
		.secondary dl.data dd {
		border-top: 1px solid #08b;
		padding: 5px 5px 5px 0px;
		width: 104px;
		}




/* !classes and plugins */
/*----------------------------------------------------------------------------*/

/* !floats and alignment */
.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.floatLeft { float: left; }
.floatRight { float: right; }


/* !Google map dimensions */
.map {
border: 1px solid #ccc; 
height: 275px;
margin: 0 0 1em;
width: 548px;
}


/* make FancyZoom compatible with Blueprint CSS */
#ShadowBox table, #ZoomCapDiv table {margin-bottom:0;}
#ShadowBox th, #ShadowBox td, #ZoomCapDiv th, #ZoomCapDiv td { padding: 0; }


/* !margin, padding, and floating */
.noMargin { margin-bottom: 0 !important; }
.overflow { overflow: auto !important; }


/* !photo lists */
.photoList {
margin: 0;
overflow: auto;
}
	.photoList li {
	float: left;
	height: 110px;
	list-style: none;
	margin: 0 10px 10px 0;
	width: 110px;
	}
.thumb { margin: 0 10px 20px 0; }


/* !buttons */
button, a.button {
background: #067 url(../img/bg-buttons.png) repeat-x;
border: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #fff;
cursor: pointer;
font-family: 'Yanone Kaffeesatz Thin', Arial, sans-serif;
font-size: 1.5em;
font-weight: 700;
margin: 0;
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: 0;
padding: 0.4em 0.75em 0.5em;
position: relative;
text-align: center;
text-decoration: none !important;
text-transform: lowercase;
}
a.button { display: block; }
	button em, a.button em {
	color: #00afdd;
	font-style: normal;
	}
button:hover, a.button:hover   { background: #079 url(../img/bg-buttons.png) 0 -60px repeat-x;	}
button:active, a.button:active { background: #056 url(../img/bg-buttons.png) 0 -120px repeat-x;	}

/* !secondary buttons */
button.secondary, a.secondary               { background: #f39a08 url(../img/bg-buttons.png) 0 -180px repeat-x; }
button.secondary:hover, a.secondary:hover   { background: #ffa808 url(../img/bg-buttons.png) 0 -240px repeat-x;	}
button.secondary:active, a.secondary:active { background: #ffb70e url(../img/bg-buttons.png) 0 -300px repeat-x;	}
	button.secondary em, a.secondary em { color: #d67d00; }

/* !button wrapper */
.buttonset {
font-size: 1em;
margin: 0;
overflow: auto;
text-align: right;
}
	.buttonset a { float: right; }


/* !rounded corners */
.rounded {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.roundedTop {
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
}
.roundedBottom {
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
}


/* !text styles */
.bigType { font-size: 1.5em; }


/* !'populate' jQuery plugin styles */
.structural {
position:absolute;
left:-9999px;
}


#bookmarks li { list-style: none; }
#bookmarks li a { text-decoration: none; }

.debug { border: red solid 1px;}

/* !structure */
/*----------------------------------------------------------------------------*/


body { background: #f4f4f4; }
	body.inside_page { background: #fff; margin:30px; margin-right: 10px }
		body.inside_page img.photos { margin-right: 10px;}
	

#header { background: url(../img/header_bg.gif) top right no-repeat; height: 101px; }
	#logo { width: 217px; }
	#brand_logo { }
	#header_contact {margin-top: 20px;}
	
#navigation { height: 47px; background: url(../img/navigation_bg.jpg) repeat-x top left; position: relative; top:0px; left:0px; margin-bottom: -20px; }  
    
	#inside_sprite-nav {
	    width: 878px; height: 47px;
	    background: url(../img/navigation.gif);
	    margin: -18px auto; padding: 0;
	    position: relative;}
	  #inside_sprite-nav li {
	    margin: 0; padding: 0; list-style: none;
	    position: absolute; top: 0;}
	  #inside_sprite-nav li, #inside_sprite-nav a {
	    height: 47px; display: block;}
	    
	    
	    
	  #inside_panel1b {left: 0px; width: 74px;}
	  #inside_panel2b {left: 73px; width: 158px;}
	  #inside_panel3b {left: 232px; width: 99px;}
	  #inside_panel4b {left: 331px; width: 94px;}
	  #inside_panel5b {left: 425px; width: 104px;}
	  #inside_panel6b {left: 528px; width: 184px;}
	  
	  
	  
	  #inside_panel1b a:hover {
	    background: transparent url(../img/navigation.gif) 0 -47px no-repeat;}
	  #inside_panel2b a:hover {
	    background: transparent url(../img/navigation.gif) -73px -47px no-repeat;}
	  #inside_panel3b a:hover {
	    background: transparent url(../img/navigation.gif) -232px -47px no-repeat;}
	  #inside_panel4b a:hover {
	    background: transparent url(../img/navigation.gif) -331px -47px no-repeat;}
	  #inside_panel5b a:hover {
	    background: transparent url(../img/navigation.gif) -425px -47px no-repeat;}
	  #inside_panel6b a:hover {
	    background: transparent url(../img/navigation.gif) -528px -47px no-repeat;}
	    
	    
	    


	    
	    
#hero { position: inherit; margin-top: 25px; *margin-top:10px;}
#locations_hero { position: relative; margin-top: 10px; height: 360px; background: url(../img/locations_bg.jpg) no-repeat}
#locations-north_hero { position: relative; margin-top: 10px; height: 360px; background: url(../img/locations-north_bg.jpg) no-repeat}
	#locations_text { margin-top: 20px; margin-left: 15px;}

#specials_hero { position: relative; margin-top: 10px; height: 360px; background: url(../img/specials_bg.gif) no-repeat}
	.specials {float:left; width: 255px; height: 340px; margin-top: 20px; margin-left: 20px; text-align: center}
	.specials img { }
	.specials_text { margin-top: 20px; margin-left: 15px;}

#welcome { width: 882px; height: 358px; background: url(../img/welcome_bg.gif); position: inherit; margin-top: 20px;}
	#welcome_text { }
		#welcome_text p { padding-top: 230px; padding-left: 50px; font-size: 11px;}
#location_btm {width: 882px; height: 358px; background: url(../img/locaction_btm_bg.jpg); position: inherit; margin-top: 20px;}
	#location_text { }
		#location_text p { padding-top: 50px; padding-left: 20px; font-size: 11px;}
	
	#welcome_buttons {margin-top: 20px; margin-left: 40px;}
		#welcome_buttons img {margin-bottom: 4px;}

#footer { font-size: 10px; margin-top: 20px; position: inherit; }

#location_choice { background: #fff; margin: 20px;}


/* !page-specific code */
/*----------------------------------------------------------------------------*/

/* !homepage */