/*****BOB'S GARAGE Stylesheet**********/
/*****The Norms - Entire site settings**********/
html {font: italic small-caps bold 1.0em/1.3em "Trebuchet MS"; 
			letter-spacing: 0; 
			text-align: left;
			word-spacing: normal; 
			text-decoration: none; 
			background-color:black; 
			color:white; 
			margin: 0; 
			padding: 0; }
			
body { padding: 0;text-align:center;}	
#container { margin: 0 auto;  text-align:left; width: 790px;  padding: 0;}

a:link {color:#fff; text-decoration:none;}
a:visited {color:#fff;text-decoration:none;}
a:active {color:#fff;text-decoration:none;}
a:hover {color:#fff;text-decoration:none;border-bottom:1px dotted #fff }
.clearboth {clear:both;}
.center {display:block; margin: 0 auto}
h1 {font-size:100%;}

a:hover img {}
			
/*****The Mods - Link Modifications on standard divs**********/			
#header select {position:relative;float:right; margin-right:23%; margin-bottom:-2%;}
#header h1 {visibility:hidden}
#navigation ul, #navigation li {display:inline; padding-left:1%}
#welcome img {float:left; border:2px solid #fff; margin-right:1%}
.floatright {float:right; margin-left:1.5%; margin-bottom:1.5%}
.floatleft {float:left; margin-right:1.5%;}
.goog {border:1px solid #FF8B8D; float:right; margin-left:1.5% }
#maininfo p {width:55%; clear:left; margin-top:-26em}
#maininfo a:link {color:#550000; text-decoration:none;}
#maininfo a:visited {color:#550000;text-decoration:none;}
#maininfo a:active {color:#550000;text-decoration:none;}
#maininfo a:hover {color:#fff; background-color:#550000;text-decoration:none;border-bottom:1px dotted #550000; }

#info p {width:55%; clear:left;}
.getdir {float:right; margin-left:1.5%; position:relative; z-index:10000; color:#550000;}
#google {float:right; margin-right:45px;}
#google a:link {color:#550000; text-decoration:none;}
#google a:visited {color:#550000; text-decoration:none;}
#google a:active {color:#550000; text-decoration:none;}
#google a:hover {color:#fff; background-color:#550000; text-decoration:none; border-bottom:1px solid #550000;}
#info h1 {font-size:145%; padding:.75em;}
.imgborder {border:1px solid #FF8B8D;}
#staff {padding-left:10%; border: 1px dotted #FF8B8D; width:80%}
#staff img {border:1px solid #FF8B8D;}
.float {float:left;margin:1em;}
.float p {text-align:center; color:#4B0000;margin-left:35px;}
.float p a:link {text-decoration:none;color:#4B0000; }
.float p a:visited {text-decoration:none;color:#4B0000;}
.float p a:hover {text-decoration:underline;color:#4B0000; border-bottom:0}
.float p a:active {text-decoration:none;color:#4B0000;}
#contactform {border:2px dotted #4B0000; padding:2em; width:60%}
#contactform p {line-height:2em; position:relative; bottom:-1.6em; display:inline; }
#contactform input {font: italic small-caps bold 1.0em/1.3em "Trebuchet MS";color:#4B0000;background: url(../images/formshadow.jpg) repeat-x; float:right; border: 1px solid #FF8B8D}
#contactform select {font: italic small-caps bold 1.0em/1.3em "Trebuchet MS";color:#4B0000; float:right; border: 1px solid #FF8B8D}
#contactform textarea {font: italic small-caps bold 1.0em/1.3em "Trebuchet MS";color:#4B0000;background: #fff url(../images/textarea.jpg) repeat-x; float:right; border: 1px solid #FF8B8D;}
#contactform span {margin-left:14em}
#contactform span input {float:none; margin-top:.5em}
#info ul li a {color:#4B0000}
#info ul li a:hover {background-color:#4B0000; color:#fff}
#maininfo p {width:55%; clear:left; margin-top:-26em}
#info a:link {color:#550000; text-decoration:none;}
#info a:visited {color:#550000;text-decoration:none;}
#info a:active {color:#550000;text-decoration:none;}
#info a:hover {color:#fff; background-color:#550000;text-decoration:none;border-bottom:1px dotted #550000; }

#serviceleft {float:left; padding-right:2em;}
#servicemiddle {padding-right:2em;float:left}
#serviceright {}
/*****The Usual Suspects - Standard Divs**********/

#wrapper {width:92.5%; margin-left:1.5%}
#header {}
#navigation {border: 1px solid #fff;
		padding:1.5% .5% 1% .5%;
		background: #000 url(../images/footbg.jpg) repeat-x;}
#content {position:relative;border:1px solid #fff; background: #E6AEAE url(../images/contentbg.jpg) repeat-x; padding:2.5% }
#welcome {border:1px solid #fff; padding:2%; font-size:135%; line-height:145%; min-height:200px;} 
#info {color:#550000; border:1px solid #fff; padding:2%; min-height:8em}
#maininfo {color:#550000; border:1px solid #fff; padding:2%; min-height:8em}
#footer	{
		padding:.5%;
		
		}
.footer  {float:right;font-size: 80%; text-align: right; margin-right: 1%}	

/*****The Crazy Rounded Corners!! - Courtesy of Albin.net**********/

/* ************************
 * general xhtml elements *
 ************************ */

.content ul, .content li {display:inline; padding-left:1%; margin:0 auto}
/* spacers are sometimes needed so that the containing box doesn't end before the end of the floats */
div.spacer {
	margin: 0px; padding: 0px; border: 0px;
	clear: both;
	font-size: 1px; line-height: 1px;
}
.accessibilityItems {
	display: none;
}
.centered {
	text-align: center; /* 1st part of IE5-5.5 centering hack */
}

/* *****************
 * the content box *
 ***************** */
.contentWrapper {
	padding: 0px;
	border: 0px;
}

.content
{
	margin: 0px;
	padding: 0px;
	border: 1px solid #fff;
	background: #fff url(../images/footbg.jpg);
	color: #fff;
}
.content div {
	margin-top: 6px;
	margin-bottom: 6px;
}

/* ************************************
 * classes needed for rounded corners *
 ************************************ */
.roundedCornerSpacer {
	margin: 0px; padding: 0px; border: 0px;
	clear: both;
	font-size: 1px; line-height: 1px;
}
.borderTL, .borderTR, .borderBL, .borderBR {
	width: 14px; height: 14px;
	padding: 0px; border: 0px;
	z-index: 99;
}
.borderTL, .borderBL { float: left;  clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin:  -1px  0px  0px -1px; }
.borderTR { margin:  -1px -1px  0px  0px; }
.borderBL { margin: -14px  0px  0px  0px; }
.borderBR { margin: -14px  0px  0px  0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px!   Why?  */
.borderTL {
	margin-left: -4px;
	ma\rgin-left: -1px;
}
html>body .borderTL  {
	margin-left: -1px;
}
.borderTR {
	margin-right: -4px;
	ma\rgin-right: -1px;
}
html>body .borderTR  {
	margin-right: -1px;
}
.borderBL {
	margin-left: -3px;
	ma\rgin-left: 0px;
}
html>body .borderBL {
	margin-left: 0px;
}
.borderBR {
	margin-right: -3px;
	ma\rgin-right: 0px;
}
html>body .borderBR {
	margin-right: 0px;
}


/*CSS for PHP Photo Gallery - Utilized for Brady Gage Case Study*/

.slideshow{ /*CSS for DIV containing each image*/
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.slideshow img{ /*CSS for each image tag*/
border:1px solid #FF8B8D;
width: 200px;
height: 106px;
}
.slideshow a:hover{ /*CSS for each image tag*/
border-bottom:0; text-decoration:none;
}

#navlinks{ /*CSS for DIV containing the navigational links*/
width: 400px; text-align:center
}

#navlinks a{ /*CSS for each navigational link*/
margin-right: 8px;
margin-bottom: 3px;
font-size: 110%;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
background-color: #4B0000; color:#fff
}