/*****************************************************************************************
Name:			global.css
Copyright:		2007 Breakthrough Design Group.
Description:	JakesRepair.com Style sheet containing global styles
*****************************************************************************************/

a {color:#B90101;}
a:hover {text-decoration:underline}
body {
	font-family:verdana;
	font-size:12px;
	text-align:center;
	padding:0px;
	margin:0px;
	background-color:#efefef;}
h1 {
	font-size:16px;}	
h1,h2,h3 {
	font-family:georgia;
	color:#B90101;}
/** end of elements **/

	
	
/** classes **/
.borderLeft {width:15px;background-image:url(../images/borderLeft.gif);}
.borderRight {width:15px;background-image:url(../images/borderRight.gif);}
.centerContent {width:768px;border:1px solid #1a162b;background-color:#ffffff;}		

.content {color:#524e62;text-align:left;padding:15px 30px 30px 30px;line-height:18px}	
.content h1 {margin-top:18px}	
.content img {margin:10px;border:1px solid #1a162b}

.flickr-container {width:250px;float:right;border-left:6px solid #efefef;padding:10px;margin:10px 10px 20px 20px}
.flickr-container ul {margin:0px;padding:0px;list-style-type:none}
.flickr-container ul li {float:left;padding:0px;margin:3px}
.flickr-container ul li img {padding:0px;margin:0px;border:1px solid gray}

.flickr-gallery {}
.flickr-gallery ul {margin:0px;padding:0px;list-style-type:none}
.flickr-gallery ul li {float:left;padding:0px;margin:1px;height:200px}
.flickr-gallery ul li img {padding:0px;margin:0px;border:1px solid gray}

.footer {
	font-size:9px;
	color:gray;}	
.footer a {
	color:gray;
	text-decoration:none;}	
.header {height:121px;background:url(../images/jakes-auto-header.jpg)}
.header .navigation {font-family:arial;font-size:11px;color:white;text-align:right;padding-right:20px}
.header .navigation a{text-decoration:none;color:white;font-family:arial}
.header .navigation a:hover {text-decoration:underline}
.intro {display:none}
.leftSide {
	width:231px;
	float:left;}
/** this class "main" controls the height of the whole page, very important 
	Within main are 3 divs, floated to the left - 
	1) The 'borderLeft' div height of 100% (has the left shadow)
	2) The 'centerContent' div that holds everything, has the red border, etc
	3) The 'borderRight' div height of 100% (has the right shadow)
**/
.main {margin:0px auto 0px auto;width:803px;overflow:hidden}
.mainnew {margin:0px auto 0px auto;width:803px;}
#map {border:1px solid gray;margin:0px auto 0px auto;height:350px;width:425px;}