/**  IgnisArt.com Creative Design  |  Firefox  Safari  Opera  Chrome  Avant    |  Widows Vista   MacOSX
       http://www.ignisart.com     |  IE5.5    IE6.0   IE7.0  IE8.0   KMeleon  |  1280x800 . 1024x768 . 800x600  */

html, body, div, span, object, iframe, h1, h2, h3, p, a, address, cite, code, del, em, font, img, sub, sup, b, u, i, center, ol, ul, li, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, #container, #columnLeft, #columnRight, #columnRight-first, #columnRight-second, #columnRight-third, #footer{margin:0px; padding:0px; border:0px; outline:0px; font-size:1.0em; background:transparent}
:focus{outline:0}

body{text-align:center; font:0.95em arial,helvetica,sans-serif; color:#000; background-color:#fff}
h1{font-size:0.85em; padding:12px 0px 12px 0px; color:#88A413}
h1, h2{font-weight:bold}
h2{font-size:0.8em; color:#6C5B67; padding:1px 0px 5px 2px}
h3{font-size:0.7em; color:#462C11; padding:1px 0px 1px 10px; font-weight:normal}

a, a:visited{color:#B1330A;  text-decoration:none}
a:hover{color:#000; text-decoration:underline}
a.smallcaps{font-size:0.8em; text-transform:uppercase}

p{margin:3px; padding-bottom:9px; font-size:0.85em}
p span.color, p.highlight{color:#462C11}
p.highlight{font-size:0.7em; margin-bottom:9px}
p.inline{display:inline;}

#header{width:740px; min-width:740px; height:102px; padding:0px; margin:10px auto 0px auto; text-align:left}
#header div#logo{float:left; width:200px; margin-top:21px}
.home{background:url(images/layout/header_home.jpg) no-repeat top right}
.about{background:url(images/layout/header_aboutus.jpg) no-repeat top right}
.artwork{background:url(images/layout/header_artwork.jpg) no-repeat top right}
.webdesign{background:url(images/layout/header_webdesign.jpg) no-repeat top right}
.contact{background:url(images/layout/header_contactus.jpg) no-repeat top right}
.links{background:url(images/layout/header_links.jpg) no-repeat top right}
.help{background:url(images/layout/header_help.jpg) no-repeat top right}

#container{width:740px; margin:10px auto 0px auto; text-align:left; clear:both; overflow:hidden}
#columnLeft{float:left; width:118px; margin-top:26px}
#columnRight{float:right; /*min-height:501px;*/ width:553px}
#columnRight-first{width:553px; margin:32px 4px 10px 4px}
#columnRight-second{float:left; width:250px; margin:32px 4px 3px 4px; }
#columnRight-third{float:right; width:260px; margin:76px 4px 3px 4px; }
.columnWide{float:right; min-height:501px; width:738px; }
.content{margin:0px 4px 22px 0px}
.content h3{font-size:0.75em; color:#B1330A; padding:7px 10px 3px 12px; text-transform:uppercase}
.content p{font-size:0.85em; padding:1px 10px 9px 12px; line-height:1.5em}

.promo{width:97px; margin:5px auto 0px auto}
.promoFirst{margin-top:51px}

.topnav{float:left; font-size:0.75em; margin-top:3px}
.topnav span.indent{margin-left:120px}
.topnav ul{list-style:none; margin:40px 0px 6px 0px}
.topnav li{line-height:1.2em; font-size:1.2em; padding:1px 2px 1px 14px; display:inline; border-bottom:1px solid #fff; margin:1px; color:#88A413}
.topnav li a, .topnav li a:visited{text-decoration:none; color:#000; font-weight:bold; font-size:0.85em}
.topnav li a:hover{text-decoration:underline}

#container ul.h-subnav, #columnRight ul.h-subnav{list-style:none; padding:12px 0px 12px 0px}
#container ul.h-subnav li, #columnRight ul.h-subnav li{display:inline; line-height:1.0em}
#container ul.h-subnav li a, #container ul.h-subnav li a:visited, #columnRight ul.h-subnav li a, #columnRight ul.h-subnav li a:visited{font-size:0.75em; color:#88A413; text-decoration:underline}
#container ul.h-subnav li a:hover, #columnRight ul.h-subnav li a:hover{color:#000; text-decoration:none}
#container ul.h-subnav li.title a, #container ul.h-subnav li.title a:visited, #columnRight ul.h-subnav li.title a, #columnRight ul.h-subnav li.title a:visited{padding-right:12px; font:normal 0.85em arial,helvetica,sans-serif; color:#88A413; font-weight:bold; text-decoration:none}
#container ul.h-subnav li.title a:hover, #columnRight ul.h-subnav li.title a:hover{text-decoration:underline}

#columnLeft div.sidenav{float:left}
#columnLeft div.sidenav ul{list-style:none; width:153px}
#columnLeft div.sidenav ul li{padding:4px 0px 4px 4px; font-size:0.75em; border-top:1px solid #fff; background-color:#D8E5A7}
#columnLeft div.sidenav ul li.title, #columnLeft div.sidenav ul li.title:hover{border-top:1px solid #C1DF48; background-color:#fff}
#columnLeft div.sidenav ul li.text{font-size:0.65em; padding:4px 6px 4px 12px; color:#666C4F; background-color:#C1DF48}
#columnLeft div.sidenav ul li a, #columnLeft div.sidenav ul li a:visited{color:#000}
#columnLeft div.sidenav ul li a:hover{text-decoration:underline}
#columnLeft div.sidenav ul li.text a{color:#B1330A}
.movedown{margin-top:12px}

#columnRight-second ul.links, #columnRight-third ul.links{list-style:none; background:none}
#columnRight-second ul.links li, #columnRight-third ul.links li{height:100%; padding:3px 0px 3px 0px; font:0.7em arial,helvetica,sans-serif}
#columnRight-second ul.links li.final, #columnRight-third ul.links li.final{border-bottom:1px solid #B4BF0B; margin-bottom:13px}
#columnRight-second ul.links li a, #columnRight-third ul.links li a{padding:25px 0px 25px 0px}

ul.form{list-style:none}
legend{font-size:0.85em; padding:12px 0px 12px 0px;  color:#88A413; font-weight:bold}
label{font-size:0.8em; color:#000}
textarea{border-bottom:1px solid #B4BF0B;  border-left:1px solid #B4BF0B; border-top:none; border-right:none}
input{border-bottom:1px solid #B4BF0B;  border-left:1px solid #B4BF0B; border-top:none; border-right:none; padding:4px}
input.submit, input.clear{background:url(images/layout/button_send.gif) no-repeat center; border:0px; text-align:center; width:83px; height:25px; color:#fff;  margin-top:9px}

#footer{position:relative; width:741px; margin:15px auto 0px auto; text-align:left; padding:11px; background:url(images/layout/bg_footer.gif) no-repeat top center; height:103px}
#footer p{font-size:0.7em; color:#c8c8c8;  padding:0px 15px 0px 15px}
#footer p span.company{font:1.2em times,"times new roman",serif}
#footer p a, #footer p a:visited{color:#B4BF0B}
#footer p span.copy{text-align:right; margin-left:200px}
#footer p a:hover{color:#c8c8c8}
#footer div.quote{float:left; text-align:right; width:300px; margin-top:14px}
#footer div.quote p{margin:0px; padding:0px}
#footer div.quote p.author{font-style:italic; margin-right:8px}
#footer div.icon{float:right; margin-top:14px}
#footer div.icon img.final{margin-right:50px}