/* -----------------------------------------------
patuart >> base.ccs | 10.2007
updated on: 13/10/2010 
---- ( basics ) ---------------------------------*/
body {
	font: 11px Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #999; background: #000;
	margin: 0; padding: 0;
}
p { margin: 0; padding: 0 0 1em 0; line-height: 1.3em; }
td, th, li { font: 11px Verdana, Geneva, Arial, helvetica, sans-serif; }
a:link, a:visited { color: #F63; text-decoration: underline; }
a:hover { color: #F00; text-decoration: none; }
a:focus, object:focus { outline: none; }
img { border: none; margin: 0; padding: 0; }
h1 { margin: 0; padding: 1em 0 1.2em 0; font-size: 1em; font-weight: normal; text-transform: uppercase; padding-right: 2em; letter-spacing: 1px; color: #FFF; }
h1 a:link, h1 a:visited { color: #FFF; text-decoration: none; }
h2, dt { margin: 0; padding: 0.2em 0 1em 0; font-size: 1em; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }
h3 { margin: 0; padding: 0.2em 0 1em 0; font-size: 1em; font-weight: bold; }

h4 { margin: 0; padding: 0.5em 0 1em 0; font: bold 11px Verdana, Geneva, Arial, helvetica, sans-serif; }
ol, ul, dl { margin: 0 0 1em 0; }
dt { padding: 0.2em 0; margin-top: 0.8em; font-weight: bold; color: #FFF; }
dd { padding: 0 0 1em 0; margin: 0; }
li { padding: 0 0 1em 0; margin: 0 0 0 2em; }
html>body li { margin-left: -2em; }
.cl { clear: both; }
.h { display: none; }

/* --- ( structure ) --------------------------- */
#container {  }
#viewer { 
	position: absolute; left: 0; top: 0; width: 600px;
	padding: 2em 0; margin: 0; 
	background: #000;
	text-align: center;
}
#viewer img { border: 1px solid #444; background: #262626; }
#viewer p.copyr { font-size: 0.89em; padding-top: 1em; padding-left: 180px; text-align:left; }

#copy { margin: 4em 3em 0 600px; position: relative; clear: left; max-width: 385px; }

#logo { position: absolute; left:560px; top: 50px; z-index: 100; width: 100px;}
#logo a { display: block; }

#footer { clear: both; text-align: left; margin: 20px 0 0 600px; padding: 2em 0 2em 0;
	border-top: 1px solid #333; }
#footer p { font-size: 0.89em;  padding-right: 2em; }

/* --- ( navigation ) --------------------------- */
#nav { margin:105px 0 0 660px; }
#nav ul { margin: 0; padding: 0; }
#nav li { list-style: none; margin: 0; padding: 4px 6px 4px 0; line-height:1.7em; }
#mainnav li, #subnav li {float: left; }
#mainnav a { text-transform: uppercase; padding: 5px 10px; text-decoration: none; }
#mainnav a:link, #mainnav a:visited { background: #000; border: 1px solid #F63; border-width: 0 1px; }
#mainnav a:hover { background: #F00; color: #000; border: 1px solid #F00;}
#subnav { clear: left; }
#subnav a { padding: 1px; }
#nav li.here a:link, #nav li.here a:visited { color:#000; background: #F63; }


#IEroot ul#mainnav, #IEroot ul#subnav {display: inline;}
body.homepage #IEroot ul#mainnav, body.homepage #IEroot ul#subnav {display: block;}

body.homepage #nav ul { }
body.homepage #mainnav { margin-top: -89px; width: 244px; display:block; }
body.homepage #nav ul#mainnav li { padding:0; margin: 0; float:none; }
body.homepage #mainnav a:link, body.homepage #mainnav a:visited {display:block; height:122px; width:240px; background:transparent url(/gui/mainnav_img.png) no-repeat 0 0; text-indent:-9009px; padding:0; margin: 0; 
border:none; }
body.homepage #mainnav li#n2 a { background-position: 0 -122px; height:117px; width:240px; }
body.homepage #mainnav li#n3 a { background-position: 0 -239px; height:126px; width: 240px; }
body.homepage #mainnav a:hover { background-position: -240px 0; }
body.homepage #mainnav #n2 a:hover { background-position: -240px -122px; } 
body.homepage #mainnav #n3 a:hover { background-position: -240px -239px; }

/* --- ( forms ) --------------------------- */
form {margin: 0;}
fieldset { border: solid 0 transparent; border-left: 1px solid #F63; padding: 0; margin: 0 0 1em 0; }
label { display: block; padding: 0 0 0 2em; margin: 1em 0 0; }

input, textarea, select {
	color: #FFF; background-color: #222; font: 11px Verdana, Geneva, Arial, helvetica, sans-serif;
	text-transform: none; border: 1px solid #333; border-left: none; padding: 0.2em 0.2em 0.2em 2em; margin: 0;
}
input.button {
	background: #F63; color: #000;
	padding: 0.2em 0.5em; margin: 2em 0 1em 0; cursor: pointer;
	border:none; text-transform: uppercase;
}
input.simple { border: none; background: transparent; }
#vimg, #vimg2 { margin: 2em 0 0 2em; }
img#vimg2 { border: none; }
.message { font-size: 3em; color: #F63; text-transform: uppercase; margin: 3em 3em 1em 180px; text-align: left; padding-bottom: 0; }
.message2 { font-size: 3em; color: #F63; text-transform: uppercase; padding-bottom: 15px; }
.submessage { text-align: left; margin: 0 3em 1em 180px; }
#paypalform .button { margin-top: 1em; }

/* --- ( other ) --------------------------- */
.block, div#rfp { margin: 2em 4em 1em 180px; text-align: left; }

#feedback p, #rfp p, #subscribeform p { padding-bottom: 0.2em; }
.date { color: #FFF; font-size: 0.89em; }
.required, .error { color: #F00; }
dd.link { padding-bottom: 0.5em; }
dd.link a, p.link a { padding-left: 20px; background: url(/gui/arrow.gif) no-repeat 0 0.4em;  }

p.brandlink { padding: 0; margin:10px 0 0; }
p.brandlink a { display: block; width: 225px; height:90px; padding: 30px 30px 0 112px; text-transform: uppercase; font-size: 1em; line-height:1.6em; }
p.brandlink a:link, p.brandlink a:visited { background: url(/gui/brandlink_bg_up.gif) no-repeat left top; color: #F60; }
p.brandlink a:hover { background: url(/gui/brandlink_bg_hover.gif) no-repeat left top; color: #FFF; text-decoration: none; }
p.brandlink *:focus { outline: none; }
#socmed {float: left; margin-right: 10px;}

/* --- ( newsletter ) --------------------------- */
body.enews { text-align: center; background: #000; }
body.enews #container { text-align: left; margin: 0 auto; padding: 0; width: 670px; position: relative; }
body.enews #main { background: #000 url(http://www.patuart.com/patuartnews/imgs/header_02.jpg) no-repeat 0 0; margin-bottom: 30px; }
body.enews #main .newsblock { margin-left: 260px; }
h1.hey { font-size: 20px; color: #39C; text-align: right; margin: 0 0 10px 340px; padding: 0; }
#newsdate { position: absolute; top: 12px; left: 170px; } 
#newsfooter { text-align: right; margin-top: 40px; margin-left: 190px; padding: 30px 0; border-top: 1px solid #333; font-size: 0.89em; }