/*


Automatic, LLC.
*/
@import "type.css";

body {
	/*background: #383838 url(../images/body.jpg) repeat-x left top;*/
	background-color:#383838;
	background-image:url(../images/body.jpg);
	background-repeat:no-repeat;
	text-align: center;
	margin:0;padding:0;
}

	div#shell {
		margin: auto;
		width: 750px;
		border-bottom:1px solid transparent;
	}
	
		div#head {
			background: #383838 url(../images/div-head.gif) no-repeat;
			float: left;
			width: 150px;
			height:337px;
			padding-top:25px;
			text-align: center;
			position:relative;
		}
		
			div#head h1 {
				margin: auto;
				padding: 0;
				width:60px;
				height:73px;
			}
			
				div#head h1 a {
					cursor: pointer;
					display: block;
					height: 100%;
					width: 100%;
				}
				
					div#head h1 a span {
						display: none;
						/* hide the html text */
					}
		
			div#head div.dots {
				background: url(../images/div-head-div.dots.png) center top;
				width:37px;
				height:1px;
			}

			div#head ul {
				margin: 0;
				padding: 0;
				position:absolute;
				top:148px;
				left:35px;
			}
			
				div#head ul li {
					list-style: none; /* gets rid of the bullet to the left */
				}
			
					div#head ul li a {
					
					}

					div#head ul li a:hover {
						color:#fff;
					}
					
			div#head a.email {
				position:absolute;
				top:322px;
				left:50px;
				padding: 0 0 0 1em; /* left padding nudges the text over so that it doesn't overlap the image. */
			}
			
			div#head a.email:hover {
				color:#fff;
			}
			
			div#head .bottom {
				width:150px;
				height:32px;
			}
			
			div#content_shell {
				float: right;
				width:600px;
				padding-bottom:2em;
				background:#fff;
				/* white area */
			}
			
				div#header {
					background: url(../images/div-header.jpg) no-repeat;
					width:600px;
					height:135px;
				}
				
				div#main {
					display: inline; /* fixes IE bug that doubles the margin-left of floated left elements */
					float: left;
					background:#fff;
					width:380px;
					padding:0 20px;
					text-align:left;
				}
				
				div#main dl dt {
					margin-top:1em;
				}
				div#main dl dd {
					margin-left: 1.5em;
				}
				
				div#main .nostyle {
					list-style:none;
					padding:0;
				}
				div#main .nostyle a {
					text-decoration:none;
				}
				
				div#side {
					display: inline; /* fixes IE bug that doubles the margin-right of floated right elements */
					float: right;
					width:150px;
					padding:0 15px;
					background:#fff;
					text-align:left;
				}
				
				div#news {
					
				}
				
					div#side div.item {
						background:#DCECEF;
						padding:1em;
						/* blue background color */
					}

						/* styles for text elements that may deviate from those styles in the type.css */
						div#side h4 {
							background:#fff url(../images/arrow_10x10.gif) no-repeat left;
							padding:0 0 0 1.5em;
						}

						div#main a {
							color:#383838;
							text-decoration:underline;
						}
						div#main a:hover {
							color:#13798F;
						}

						div#main h4 {
							background:#fff url(../images/news.gif) no-repeat left;	
							padding:0 0 0 1.5em;
						}
	
						div#side div.item h5 {
							font-weight:normal;
							color:#333;
							margin:1em 0;padding:0;
						}
	
						div#side div.item h6 {
							font-family:Georgia, sans-serif;
							font-style:italic;
							color:#333;
							margin:0;padding:0;
						}
	
						div#side div.item p {
							font-family:Georgia, sans-serif;
							color:#333;
							margin:0;padding:0;
						}
						
						div#side div.item a.more {
							font-family:Georgia, sans-serif;
							font-weight:bold;
							text-decoration:none;
							color:#13798F;
							font-size:90%;
						}
			
	.clear {
		clear: both;
	}	

div#foot {
	padding:0;
	margin-left:-19em;
	font-family:Georgia, sans-serif;
	color:#CCFFFF;
}