@charset "utf-8";
/* CSS Document */

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1.2em;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

body {font-family: arial helvetica, sans-serif;font-size:12px;color:#808080;background-color:#fffef4;line-height:1.4em;margin-top:40px;margin-bottom:40px;}
.right {float:right;}
.bold {font-weight:bold;}
h1 {padding:30px 0 40px 0px;font-size:36px;color: #9a9c9d;}
img, div { behavior: url(iepngfix.htc) }
.boldlink {font-weight:bold; text-decoration: none; color: #FFFFFF}


#container {width:940px;height:500px;margin: 0 auto;padding-bottom:40px;}

#main-section {width:940px;background-color:#6f7174;}
#main-section-palette {width:940px;background-color:#576e76;}
#main-section-parallel {width:940px;background-color:#8f936f;}
#main-section-piccante {width:940px;background-color:#8b4e58;}
#main-section-porcelain {width:940px;background-color:#bc704f;}
#main-section-yorkstone {width:940px;background-color:#8f936f;}
#main-section-accessories {width:940px;background-color:#6f7174;}
#main-section img {float:left;}
#main-pic-home {float:right;width:368px;height:413px;}
#main-text {float:left;width:360px;}
#text {float:left;width:340px;margin-left:40px;}
#text p {color:#fff;padding-top:10px;}
#title {float:left;width:380px;height:100px;border:1px solid red;}
.title {float:left;padding:40px 0 0 20px;}


#header {width:940px;height:90px;}
#logo {float:right;width:370px;height:90px;}

#menu {float:left;width: 440px;height:20px;margin-top:60px;}
#menu ul {color: #FFFFFF;width: 100%;float: left;font-family: arial helvetica, sans-serif;font-weight:bold;}
#menu ul li {display: inline;}
#menu ul li a {color: #9a9c9d;text-decoration: none;float: left;font-weight:bold;font-size:11px;padding-right:20px;}
#menu ul li a:hover {color: #5d5e61;}
#menu #menu_selected a {color: #5d5e61;}
.first {padding-left:0px;}

/* Footer */
#footer-images {padding-top:12px;clear:both;width:100%;height:177px;}
#footer-images img {padding-right:7px;}
.footer-img-first {padding-right:0px;}
#footer-text {width:940px;height:20px;margin-top:10px;margin-bottom:40px;color:#ccc;}
#footer-text ul {float:right;}
#footer-text ul li {display:inline;}
#footer-text a {color:#999;text-decoration:none;}
#footer-text a:hover {color:#5d5e61;text-decoration:none;}
#footer-text p {color:#999;}

/**** Overlay Picture Hover ***/

.overlay_picture {display: block; position: relative;float: left; border:none; z-index: 0;background-repeat:no-repeat;background-position: 0.2em;}
a.overlay_picture:hover  { text-decoration: none; filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7;border: none;}
a.overlay_picture:hover span { filter: alpha(opacity=130); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=130); opacity: 1.3; -moz-opacity: 1.3;border: none;}