/*
 * Style sheet for Graphics' site
 * @author Luis Pirir
 * @author luispirir@gmail.com
 */
body {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 62.5%;
}
	#www-graphics-com {
		text-align: center;		
	}
/** LAYOUTS **/
#wrapper {
	margin: auto;
	width: 960px;
	background: url(images/bg_header.gif) no-repeat;
	position: relative;
}
	a img {
		border: none;
		outline: none;
	}
	#header {		
		width: 826px;
		height: 90px;		
		position: relative;
		padding-top: 12px; 
		margin-left: 80px;
	}
		#header h1 {
			margin: 0;
			padding: 0;
			background: url(images/logo.gif) no-repeat;
			width: 310px;
			height: 90px;
			text-indent: -9999px;
		}
			#header h1 a {
				display: block;
				outline: none;
				width: 310px;
				height: 90px;
			}
		#header #form_top {
			width: 315px;
			position: absolute;
			right: 0;
			top: 12px;  
		}
			* html #header #form_top {
				width: 320px;
			}
			#header #form_top ul {
				margin: 0;
				padding: 0;
				list-style: none;
				overflow: hidden; 
			}
				#header #form_top ul li {
					margin: 3px 0 0 3px;
					padding: 0;
					float: left;
				}
			#header #form_top form {
				background: url(images/bg_form.gif) no-repeat;
				width: 239px;
				height: 32px;	
				font: 1.1em Tahoma, sans-serif;			
				margin-left: 75px;
				position: absolute;
				top: 0;
				right: 0;
			}
				#form_top form label {
					color: #fff;
					line-height: 32px;
					vertical-align: middle;
					margin-left: 17px;
				}
				#form_top form input {
					background: url(images/bg_search.gif) no-repeat;
					width: 150px;
					height: 19px;
					padding: 2px 5px;
					border: none;
					margin-left: 5px;					
				}
			#content {
				width: 900px;
				margin-left: 30px;
				margin-top: 18px;
				overflow: hidden; 
			}	
				#content #menu {
					float: left;
					width: 174px;					
					padding-bottom: 56px;					
					background: url(images/bg_menu.gif) bottom no-repeat;
				}
					#content #menu ul {
						margin: 0;
						padding: 0;
						list-style: none;
						border-top: 1px solid #d3d3d3;
						border-right: 1px solid #d3d3d3;
						border-left: 1px solid #d3d3d3;
					}
						#content #menu ul li {
							font: 1.2em Tahoma, sans-serif;
							height: 45px;
							width: 172px;							
							position: relative;
							border-bottom: 1px solid #d3d3d3;
							margin: 0;
							padding: 0;
						}
							#menu ul li a {
								display: block;
								width: 132px;
								padding: 0 20px;
								height: 45px;
								background: url(images/menu_normal.gif) no-repeat;
								line-height: 45px;								
								color: #fff;
								text-decoration: none;
							}
								#menu ul li a:hover {
									background: url(images/menu_over.gif) no-repeat;
								}
							#menu ul li ul {
								position: absolute;
								width: 172px;
								left: 172px;
								top: -1px;
								display: none;
								margin: 0;
								padding: 0;
							}
								#menu ul li ul li {
									margin: 0;
									padding: 0;
								}
								#menu ul li ul li a {
									background: url(images/menu_over.gif) no-repeat;
									font-size: 0.8em;
									width: 152px;
									padding: 5px 10px;
									line-height: 1.4em;
								}									
									* html #menu ul li ul li a {
										height: 35px;
									}							
								#menu ul li:hover ul {
									display: block;
								}
					#content #content_text {
						width: 710px; 
						float: left;
						margin-left: 10px;
						font: 1.2em/1.4 Tahoma, sans-serif;		
						color: #9f9f9f;				
					}
					#footer {
						clear: both;						
						text-align: center;
						color: #9f9f9f;
					}
						#footer address {
							font: normal normal 1.2em Tahoma, sans-serif;
						}
							#footer address a {
								color: #9f9f9f;
							}
								#footer address a:hover {
									text-decoration: none;
								}