/* base layout from the excellent Layout Gala: http://blog.html.it/layoutgala/ */
html,body{margin:0px;padding:0px;
background-color:#000;
background-image:url(../MEDIA/QuireGraphics_BG.jpg);
background-repeat:no-repeat;
background-position:top;
}
/*Styles*/
body{font: 76% arial,sans-serif;text-align:center;
	}


p{margin:10px 0px 0px 20px;}

a{
	color:#AD0000;
	font-weight:bold;
	border:0px;
	}

	
h1{
	margin:40px;
	}


img {
	border:0px;
	}

div#header {
	position:relative;
	width:960px;
	height:247px;
	color:#665e52;
	overflow:hidden
	}

#header span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:960px; height:247px;
	margin:0; padding:0;
	background:url(../MEDIA/QuireGraphics_HEADER.jpg);
	}

div#container{
	text-align:left; 
	background-image:url(../MEDIA/Quire_Graphics_content_bg.gif);
	background-repeat:repeat-y;
	}

div#content{
	padding: 26px 0px 26px 0px;
	color:#000;
}

div#content p{
	margin:0px 70px 10px 20px;
	line-height:1.4;
	color:#000;
	}

div#content ul{
	margin-top::0px;
	margin-bottom:20px;
	color:#000;
}

div#content li{
	margin-top::0px;
	margin-bottom:0px;
	color:#000;
}

div#content h1{
	margin:0px 20px 20px 20px;
	line-height:1
	;
	color:#44364d;
	font-size:300%;
	}

div#content h2{
	margin:0px 20px 0px 20px;
	line-height:1;
	color:#44364d;
	font-size:125%;
	font-style:italic;
	}

div#content h3{
	margin:00px 20px 20px 20px;
	line-height:1;
	color:#44364d;
	font-size:150%;
	}

div#content caption{
	margin:00px 20px 0px 20px;
	line-height:1;
	color:#44364d;
	font-size:150%;
	}

div#recommendation h2{
	margin:0px 26px 20px 0px;
	line-height:1.4;
	color:#665e52;
	font-size:100%;
	font-weight:normal;
	font-style:italic;
	}

div#recommendation p{
	margin:0px 0px 0px 0px;
	line-height:1.4;
	color:#591b31;
	font-size:100%;
	font-weight:bold;
	}




div#services{
	padding:26px 10px 26px 26px;
	color:#ffe7a9;
}

div#services p{
	margin:10px 10px 0px 45px;
	line-height:1.0;
	}

div#services a{
	font-weight:normal;
	font-size:175%;
}

div#footer{
	background-image:url(../MEDIA/QuireGraphics_FOOTER.jpg);
	background-repeat:no-repeat;
	color: #665e52;
	height:106px;
	}
	

div#footer p{margin:0;padding:50px 12px 0px}

div#container{width:960px;margin:0 auto}
div#content{float:right;width:734px}
div#services{float:left;width:190px}
div#footer{clear:both;width:100%}

table#contact {
    width: 500px;
    background-color:#FFF;
	border: 1px solid #AD0000;
	color:#000;
	margin-left:20px;
}

table#contact td {
    padding: 6px;
    border: none;
	vertical-align:top;
	text-align:right;
}

table#contact td.left {
text-align:left;
}

.small {
font-size:75%;
}

div#topNav {
	z-index:2;
position:absolute;
top:160px;
left:556px;
width:404px;
height:32px;
}


/* TOP-LEVEL NAVIGATION ROVERS */

#nav_latest {
	display: block;float:left;width:72px;height:32px;
	background: url(../MEDIA/nav_latest.gif) no-repeat 0 0;
}

#nav_latest:hover{ 
	background-position: 0 -32px;
}

#nav_latest span{
	display: none;
}

#nav_contact {
	display: block;float:left;width: 126px;height: 32px;
	background: url(../MEDIA/nav_contact.gif) no-repeat 0 0;
}

#nav_contact:hover{ 
	background-position: 0 -32px;
}

#nav_contact span{
	display: none;
}

#nav_services {
	display: block;float:left;width:102px;height:32px;
	background: url(../MEDIA/nav_services.gif) no-repeat 0 0;
}

#nav_services:hover{ 
	background-position: 0 -32px;
}

#nav_services span{
	display: none;
}

#nav_portfolio {
	display: block;float:left;width:104px;height:32px;
	background: url(../MEDIA/nav_portfolio.gif) no-repeat 0 0;
}

#nav_portfolio:hover{ 
	background-position: 0 -32px;
}

#nav_portfolio span{
	display: none;
}