@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

a {
	text-decoration:none;
	color:#666666;
}

/*------------------------------------------------------------------------- Text Styles --- */

.Intro_Heading_Text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height: 16px;
	letter-spacing: 1px;
	vertical-align: middle;
	color: #000000;
	
}


.Header_Text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height: 16px;
	letter-spacing: 1px;
	color: #000000;
	
}


.Category_Text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 16px;
	color: #666666;
}

.Link {
	color:#FC3;
}





/*------------------------------------------------------------------------- Main Layout Styles --- */

#Content_Container {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	top:0px;
	width:930px;
	overflow:visible;
	z-index:10;
}


#North_Logo {
	position: absolute;
	left: 0px;
	margin-left: 10px;
	top: 20px;
	width: 146px;
	height:62px;
	background-image:url(../images/gabes_north_logo.png);
	background-repeat:no-repeat;
	z-index:60;
}

#Genesee_Logo {
	position: absolute;
	left: 0px;
	margin-left: 10px;
	top: 20px;
	width: 146px;
	height:62px;
	background-image:url(../images/gabes_genesee_logo.png);
	background-repeat:no-repeat;
	z-index:60;
}


#Menu_Space {
	position: absolute;
	margin-right: 14px;
	right: 0px;
	top: 48px;
	width:500px;
	height:30px;
	text-align:right;
	z-index:60;
}


#Flash_Holder {
	position: absolute;
	left: 0px;
	top: 78px;
	width:930px;
	height:378px;
	z-index:40;
}

#Top_Stretch {
	position:absolute;
	top:0px;
	width:100%;
	height:294px;
	z-index:0;
	background-image:url(../images/background_top.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	z-index:2;
}
		
	
#Bottom_Stretch {
	position:absolute;
	bottom:0px;
	width:100%;
	height:993px;
	z-index:0;
	background-image:url(../images/background_bottom.jpg);
	background-repeat:repeat-x;
	background-position:right bottom;
	z-index:1;
}




/*------------------------------------------------------------------------- Intro Layout Styles --- */


#Intro_Logo {
	position: absolute;
	left: 0px;
	margin-left: 10px;
	top: 20px;
	width: 146px;
	height:62px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	z-index:60;
}


#Intro_Header_Text {
	position: absolute;
	margin-right: 13px;
	right: 0px;
	top: 48px;
	width:600px;
	height:30px;
	text-align:right;
	z-index:60;
}


#Intro_Content{
	position: absolute;
	margin-left:10px;
	margin-right: 10 px;
	top: 443px;
	left: 0px;
	width:910px;
	height:232px;
	background-image:url(../images/intro_content.png);
	background-repeat:no-repeat;
	z-index:20;
}



#Intro_Image_Space_1 {
	position:relative;
	float: left;
	margin-top: 16px;
	margin-left: 30px;
	height:70px;
	width:174px;
	background-image:url(../images/genesee_btn.png);
	background-repeat:no-repeat;
	z-index:50;
}




#Intro_Content_Space_1 {
	position:relative;
	float: left;
	margin-top: 10px;
	margin-left:30px;
	height:122px;
	width:174px;
	z-index:30;
}



#Intro_Image_Space_2 {
	position:relative;
	float: left;
	margin-top: 16px;
	margin-left: 52px;
	height:70px;
	width:174px;
	background-image:url(../images/intro_genesee_logo.png);
	background-repeat:no-repeat;
	z-index:30;
}


#Intro_Content_Space_2 {
	position:relative;
	float: left;
	margin-top: 10px;
	margin-left: 52px;
	height:122px;
	width:174px;
	z-index:30;
}

#Intro_Image_Space_3 {
	position:relative;
	float: left;
	margin-top: 16px;
	margin-left: 52px;
	height:70px;
	width:174px;
	background-image:url(../images/north_btn.png);
	background-repeat:no-repeat;
	z-index:30;
}


#Intro_Content_Space_3 {
	position:relative;
	float: left;
	margin-top: 10px;
	margin-left: 52px;
	height:122px;
	width:174px;
	z-index:30;
}

#Intro_Image_Space_4 {
	position:relative;
	float: left;
	margin-top: 16px;
	margin-left: 51px;
	height:70px;
	width:174px;
	background-image:url(../images/intro_north_logo.png);
	background-repeat:no-repeat;
	z-index:30;
}	



#Intro_Content_Space_4 {
	position:relative;
	float: left;
	margin-top: 10px;
	margin-left: 51px;
	height:122px;
	width:174px;
	z-index:30;
	top: 2px;
}	




/*------------------------------------------------------------------------- Home Page Layout Styles --- */


#Home_Content{
	position: absolute;
	margin-left:10px;
	margin-right: 10 px;
	top: 443px;
	left: 0px;
	width:910px;
	height:232px;
	background-image:url(../images/home_content.png);
	background-repeat:no-repeat;
	z-index:20;
}


#Image_Space_1 {
	position:relative;
	float: left;
	margin-top: 16px;
	margin-left: 30px;
	height:70px;
	width:174px;
	background-image:url(../images/technology_btn.png);
	background-repeat:no-repeat;
	z-index:50;
}

#Title_Space_1 {
	position:relative;
	float: left;
	margin-top: 10px;
	margin-left:30px;
	height: 20px;
	width:174px;
	z-index:30;
}


#Content_Space_1 {
	position:relative;
	float: left;
	margin-top: 10px;
	margin-left:30px;
	height:90px;
	width:174px;
	z-index:30;
}



#Image_Space_2 {
	position:relative;
	float: left;
	margin-top: 16px;
	margin-left: 52px;
	height:70px;
	width:174px;
	background-image:url(../images/paint_btn.png);
	background-repeat:no-repeat;
	z-index:30;
}

#Title_Space_2 {
	position:relative;
	float: left;
	margin-top: 10px;
	margin-left: 52px;
	height:20px;
	width:174px;
	z-index:30;
}


#Content_Space_2 {
	position:relative;
	float: left;
	margin-top: 10px;
	margin-left: 52px;
	height:90px;
	width:174px;
	z-index:30;
}

#Image_Space_3 {
	position:relative;
	float: left;
	margin-top: 16px;
	margin-left: 52px;
	height:70px;
	width:174px;
	background-image:url(../images/technician_btn.png);
	background-repeat:no-repeat;
	z-index:30;
}

#Title_Space_3 {
	position:relative;
	float: left;
	margin-top: 10px;
	margin-left: 52px;
	height:20px;
	width:174px;
	z-index:30;
}

#Content_Space_3 {
	position:relative;
	float: left;
	margin-top: 10px;
	margin-left: 52px;
	height:90px;
	width:174px;
	z-index:30;
}

#Image_Space_4 {
	position:relative;
	float: left;
	margin-top: 16px;
	margin-left: 51px;
	height:70px;
	width:174px;
	background-image:url(../images/mechanical_btn.png);
	background-repeat:no-repeat;
	z-index:30;
}	

#Title_Space_4 {
	position:relative;
	float: left;
	margin-top: 10px;
	margin-left: 51px;
	height:20px;
	width:174px;
	z-index:30;
}	

#Content_Space_4 {
	position:relative;
	float: left;
	margin-top: 10px;
	margin-left: 51px;
	height:90px;
	width:174px;
	z-index:30;
}	


/*------------------------------------------------------------------------- Content Layout Styles --- */


#Content_Holder {
	position:absolute;
	margin-left: 10px;
	margin-right: 10px;
	width:910px;
	top:443px;
	background-image: url(../images/content_middle.png);
	background-repeat:repeat-y;
	z-index:12;
}


#Content_Bottom {
	position:relative;
	clear:both;   /* ------  be sure to add clear:both so that the bottom curve is pushed down by the content above it ------ */
	width:910px;
	height: 47px;
	top: 47px; /* ------  added top spacing, equal to the height of this div, so that the div is below the containing div, which ensures not seeing the background above through the transparent areas. ------ */
	background-image: url(../images/content_bottom.png);
	z-index:12;
}


#Content_Bottom_Space {
	position:relative;
	clear:both;   /* ------  be sure to add clear:both so that the bottom curve is pushed down by the content above it ------ */
	width:910px;
	height: 47px;
	top: 47px; /* ------  added top spacing, equal to the height of this div, so that the div is below the containing div, which ensures not seeing the background above through the transparent areas. ------ */);
	z-index:12;
}



#Left_Content_Column_Claims {  /* ------- Specify a position and a float left or right, to establish columns that are next to eachother, but no height, so they can grow with content height. ---- */
	position:relative;
	float:left;
	width:190px;
	height:auto;
	margin-top:34px;
	margin-left:40px;
	z-index:12;
}

#Center_Content_Column_Claims{  /* ------- Specify a position and a float left or right, to establish columns that are next to eachother, but no height, so they can grow with content height. ---- */
	position:relative;
	margin-top: 38px;
	margin-left:30px;
	float:left;
	width:404px;
	height:auto;
	z-index:12;
}

#Right_Content_Column_Claims {   /* ------- Specify a position and a float left or right, to establish columns that are next to eachother, but no height, so they can grow with content height. ---- */
	position:relative;
	margin-top: 38px;
	margin-left:60px;
	float:left;
	width:164px;
	height:auto;
	z-index:12;
}

#Left_Content_Column {  /* ------- Specify a position and a float left or right, to establish columns that are next to eachother, but no height, so they can grow with content height. ---- */
	position:relative;
	float:left;
	width:190px;
	height:auto;
	margin-top:34px;
	margin-left:30px;
	z-index:12;
}



#Center_Content_Column{  /* ------- Specify a position and a float left or right, to establish columns that are next to eachother, but no height, so they can grow with content height. ---- */
	position:relative;
	margin-top: 38px;
	margin-left:40px;
	float:left;
	width:404px;
	height:auto;
	z-index:12;
}


#Right_Content_Column {   /* ------- Specify a position and a float left or right, to establish columns that are next to eachother, but no height, so they can grow with content height. ---- */
	position:relative;
	margin-top: 38px;
	margin-left:50px;
	float:left;
	width:164px;
	height:auto;
	z-index:12;
}

/* ----------------------------------------------------------------  Content Image Styles --------------*/




#About_Image_North {
	position: absolute;
	margin-left: 18px;
	margin-top:26px;
	width:894px;
	height:326px;
	background-image:url(../images/about_north.jpg);
	background-repeat:no-repeat;
	z-index:30;
}

#Services_Image_North {
	position: absolute;
	margin-left: 18px;
	margin-top:26px;
	width:894px;
	height:326px;
	background-image:url(../images/services_north.jpg);
	background-repeat:no-repeat;
	z-index:30;
}

#Claims_Image_North {
	position: absolute;
	margin-left: 18px;
	margin-top:26px;
	width:894px;
	height:326px;
	background-image:url(../images/claims_north.jpg);
	background-repeat:no-repeat;
	z-index:30;
}

#Contact_Image_North {
	position: absolute;
	margin-left: 18px;
	margin-top:26px;
	width:894px;
	height:326px;
	background-image:url(../images/contact_north.jpg);
	background-repeat:no-repeat;
	z-index:30;
}

#About_Image_Genesee {
	position: absolute;
	margin-left: 18px;
	margin-top:26px;
	width:894px;
	height:326px;
	background-image:url(../images/about_genesee.jpg);
	background-repeat:no-repeat;
	z-index:30;
}

#Services_Image_Genesee {
	position: absolute;
	margin-left: 18px;
	margin-top:26px;
	width:894px;
	height:326px;
	background-image:url(../images/services_genesee.jpg);
	background-repeat:no-repeat;
	z-index:30;
}

#Claims_Image_Genesee {
	position: absolute;
	margin-left: 18px;
	margin-top:26px;
	width:894px;
	height:326px;
	background-image:url(../images/claims_genesee.jpg);
	background-repeat:no-repeat;
	z-index:30;
}

#Contact_Image_Genesee {
	position: absolute;
	margin-left: 18px;
	margin-top:26px;
	width:894px;
	height:326px;
	background-image:url(../images/contact_genesee.jpg);
	background-repeat:no-repeat;
	z-index:30;
}


#White_Image_Box {
	position: absolute;
	left: 0px;
	top: 78px;
	width:930px;
	height:378px;
	background-image:url(../images/white_box_image.png);
	background-repeat:no-repeat;
	z-index:20;
}


#Technology_Image_Box {
	position: absolute;
	margin-left: 18px;
	margin-top:26px;
	width:894px;
	height:326px;
	background-image:url(../images/technology_image.jpg);
	background-repeat:no-repeat;
	z-index:30;
}


#Paint_Image_Box {
	position: absolute;
	margin-left: 18px;
	margin-top:26px;
	width:894px;
	height:326px;
	background-image:url(../images/paint_services_image.jpg);
	background-repeat:no-repeat;
	z-index:30;
}

#Technicians_Image_Box {
	position: absolute;
	margin-left: 18px;
	margin-top:26px;
	width:894px;
	height:326px;
	background-image:url(../images/technician_image.jpg);
	background-repeat:no-repeat;
	z-index:30;
}

#Mechanical_Image_Box {
	position: absolute;
	margin-left: 18px;
	margin-top:26px;
	width:894px;
	height:326px;
	background-image:url(../images/mechanical_image.jpg);
	background-repeat:no-repeat;
	z-index:30;
}

#Jeff_Image_Box {
	position: absolute;
	margin-left: 18px;
	margin-top:26px;
	width:894px;
	height:326px;
	background-image:url(../images/mucciarelli_portrait.jpg);
	background-repeat:no-repeat;
	z-index:30;
}

#Duane_Image_Box {
	position: absolute;
	margin-left: 18px;
	margin-top:26px;
	width:894px;
	height:326px;
	background-image:url(../images/paddock_portrait.jpg);
	background-repeat:no-repeat;
	z-index:30;
}

#North_Waiting_Image_Box {
	position: absolute;
	margin-left: 18px;
	margin-top:26px;
	width:894px;
	height:326px;
	background-image:url(../images/north_waiting.jpg);
	background-repeat:no-repeat;
	z-index:30;
}

#Genesee_Waiting_Image_Box {
	position: absolute;
	margin-left: 18px;
	margin-top:26px;
	width:894px;
	height:326px;
	background-image:url(../images/genesee_waiting.jpg);
	background-repeat:no-repeat;
	z-index:30;
}



/* ----------------------------------------------------------------  SEO Related Styles --------------*/

h1  {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	margin-left:40px;
	margin-right:300px;
}

h2  {
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left:40px;
	margin-right:300px;
}


h3  {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left:40px;
	margin-right:300px;
}
