/*
	Speedy's One Stop Repair Service
	CSS Style Sheet
*/

/* Main Layout */

html, body {height: 100%;}

body {margin: 0px;
	background: url('images/sos_bkg.gif') rgb(251,251,251) top center;
	font-family: Calibri, Arial, Sans-Serif;
	color: rgb(65,85,110);
	font-size: 12pt;}

img {border: none;}

#main {min-height: 100%;
    height: 100%;
    height: auto !important;
	background: rgb(255,255,255) url('images/sos_bkg_center.gif') top center repeat-y;
	width: 950px;
	padding: 0px 10px;
	position: relative;
	margin: 0px auto;}
	
form {background: bottom center no-repeat url('images/sos_article_bkg.gif');
	padding-bottom: 25px;}
	
.formButton {padding: 5px 0px; border: 0px;}

h6 {color: rgb(183,183,183);
	margin: 0px;
	font-size: 9pt;}
	
/* Header Area */

	#header {width: 950px; height: 155px; margin: 0px;}
	
	#breadcrumb {background: url('images/sos_bkg_breadcrumb.gif');
	    height: 50px;
	    margin: 0px;
	    padding: 0px 15px 0px 35px;
	    color: rgb(0,156,218);
	    line-height: 50px;}
	    
	#breadcrumb p {margin: 0px;}
	
	#breadcrumb a:link {color: rgb(0,156,218); text-decoration: none;}
	#breadcrumb a:visited {color: rgb(0,156,218); text-decoration: none;}
	#breadcrumb a:hover {color: rgb(177,41,35); text-decoration: none;}
	#breadcrumb a:active {color: rgb(0,156,218); text-decoration: none;}
	#breadcrumb .selected {text-decoration: underline;}
	
	#login {position: absolute;
		width: 250px;
		height: 18px;
		margin: 0px;
		top: 0px;
		right: 50px;
		text-align: right;}
		
	#loggedin {position: absolute;
	width: 250px;
	height: 18px;
	margin: 0px;
	top: 0px;
	right: 50px;
	text-align: left;
	font-size: 11pt;}
		
/* Menu Column */
	
	#menu {position: absolute;
		left: -160px;
		width: 150px;}
		
	#menu p {margin: 0px;}
	
	#menu .title  {width: 150px; 
		height: 25px;
		font-weight: bold; 
		vertical-align: middle; 
		background: url('images/sos_menu_title.gif') no-repeat;
		padding: 2px 10px 2px 10px;
		margin: 0px 0px -4px 0px;}
	 
	#menu .submenu {width: 150px;
	 	font-weight: bold;
	 	background: url('images/sos_menu_bkg.gif') repeat-y;
	 	margin: 0px;
	 	padding-left: 15px;}
	 
	#menu a:link {color: rgb(251,248,0); text-decoration: none;}
	#menu a:visited {color: rgb(251,248,0); text-decoration: none;}
	#menu a:hover {color: rgb(255,255,255); text-decoration: none;}
	#menu a:active {color: rgb(251,248,0); text-decoration: none;}
	#menu .selected {color: rgb(255,255,255);}		
	#menu .submenu .selected {color: rgb(255,255,255); font-style: italic;}
	
/* Photos Column */

	#photos {position: absolute;
	    right: -260px;
		width: 250px;
		float: right;}
	
	#photos img {padding-bottom: 10px;}			

/* Content Area */

	#content {position: relative;
		width: 500px;
		margin: 0px 275px 0px 175px;
		padding-bottom: 50px;}

	#content .date {text-align: right;
		font-size: 9pt;
		color: rgb(183,183,183);
		margin: 0px;}
		
	#content div h1 {color: rgb(177,41,35);
		font-size: 18pt;
		padding-left: 75px;
		margin: 0px;}
		
	#content .article {font-size: 12pt;
		padding: 0px 0px 15px 0px;
		margin: 0px 0px 15px 0px;
		background: bottom center no-repeat url('images/sos_article_bkg.gif');}

	#content .disclaimer {font-size: 10pt;
		padding: 0px 0px 30px 0px;
		text-decoration: italics;}

	#content .announcement {font-size: 13pt;
		padding: 0px 0px 15px 0px;
		font-weight: bold;}

	#content .homepagetext {font-size: 16pt;
		padding: 0px 0px 30px 0px;
		font-weight: bold;}

	#content .error {font-weight: bold; color: rgb(256,0,0)}
	
	#content h3 {color: rgb(0,156,218);
	font-style: italic;
	font-size: 14pt;
	margin: 0px;
	padding: 0px 0px 10px 0px;}

	table {width: 500px;
		border: none;
	    margin: 0px;}

/* Headline Classes */

	.hdFacebook, .hdRepair, .hdWrite, .hdParts 
		{min-height: 50px;
		width: 500px;
		margin: 0px;}

	.hdFacebook {background: url('images/sos_hd_facebook.gif') top center no-repeat;}
	.hdRepair {background: url('images/sos_hd_repair.gif') top center no-repeat;}
	.hdWrite {background: url('images/sos_hd_write.gif') top center no-repeat;}
	.hdParts {background: url('images/sos_hd_parts.gif') top center no-repeat;}

/* Footer Area */

	#footer {position: absolute;
		width: 950px;
		height: 50px;
		bottom: 0px;
		background: url('images/sos_bkg_bottom.gif');}
		
	#footer table {border: 0px;
		width: 950px; 
		height: 49px; 
		margin: 0px;}
		
	#phone {color: rgb(177,41,35);
		font-size: 12pt;
		font-weight: bold;
		text-align: left;
		vertical-align: middle;
		padding-left: 25px;
		width: 350px;}
		
	#logo {color: rgb(183,183,183);
		font-size: 10pt;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		width: 250px;}
		
	#copyright {color: rgb(183,183,183);
		font-size: 10pt;
		font-weight: bold;
		text-align: right;
		vertical-align: middle;
		padding-right: 25px;
		width: 350px;}
		
/* Hyperlinks */

	a:link {color: rgb(0,156,218); text-decoration: none;}
	a:visited {color: rgb(0,156,218); text-decoration: none;}
	a:hover {color: rgb(177,41,35); text-decoration: none;}
	a:active {color: rgb(0,156,218); text-decoration: none;}