/* --------------------------------------------------------------
 
reset.css
* Resets default browser CSS.
 
-------------------------------------------------------------- */
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
 
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}
 
body {
  line-height: 1.3;
}
 
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
 
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
 
/* Remove annoying border on linked images. */
a img { border: none; }

ul {list-style-type: none}
a {text-decoration: none}
a:hover {text-decoration: underline}

div.clear {clear: both}


body {background-color: #d6d5d4; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #302f29;}


#content {background-color: white}
#content .wrap {background-color: white; padding-bottom: 2em; padding-top: 32px;}
.wrap {width: 980px; margin: auto; position: relative;}

#head {background: url(../images/headBg.gif) repeat-x bottom center;}
#head .wrap {height: 226px;}
#head img.bg {position:absolute; bottom: 0; margin-left: -160px; left: 0px; border-top: 1px solid #83827f}
#head .shortcuts {float: right; padding-top: 6px; color: #83827f}
#head .shortcuts a {color: #83827f}

a.logo {float: left; margin-top: 16px;}

ul.nav {width: 654px; right: 2px; border-bottom: 1px solid #acaca9; text-transform: uppercase; font-size: 1.333em; top: 52px; position: absolute; height: 25px;}
ul.nav li {float: left; margin-right: 1em; overflow: visible; height: 21px; padding-bottom: 4px}
ul.nav li.last {float: right; margin-right: 0}
ul.nav a {color: #302f29; line-height: 1em}
ul.nav a:hover {text-decoration: none}
ul.nav li.section, ul.nav li:hover, ul.nav li.hover {padding-bottom: 0px; border-bottom: 4px solid #d76a0f}

ul.nav div.bg {display: none; position: absolute; top: 26px; left: 0px; height: 42px; width: 100%; background-color: #d6d5d4; padding: 0 2px; z-index: 2}

ul.nav ul {white-space: nowrap; position:absolute; top: 25px; font-size: 0.75em; text-transform: none; display: none; background-color: #eaeae9; border-left: 1px solid #acaca9; border-right: 1px solid #acaca9; border-top: 1px solid #d76a0f; height: 42px; line-height: 42px; text-align: center; z-index: 1}
ul.nav li.section ul, ul.nav li.hover ul, ul.nav li:hover ul {display: block}
ul.nav li.hover ul, ul.nav li:hover ul {z-index: 3}
ul.nav li.hover div, ul.nav li:hover div {display: block}


ul.nav ul.fill {left: 0px; width: 100%}
* html ul.nav ul.fill {width: 654px}
ul.nav ul.right {right: -2px;}
ul.nav ul li, ul.nav li.section ul li {float: none; display: inline; margin: 0; padding: 0 4px; border-right: 1px solid #d76a0f; border-bottom: none}
ul.nav li ul li.first {padding-left: 10px}
ul.nav li ul li.last {border-right: none; padding-right: 10px; float: none}
ul.nav li ul li.form {border: none; display: block; height: auto}
ul.nav li ul li.form form {float: left}
* html ul.nav form {padding-top: 7px}
ul.nav li ul li.form label {padding-left: 9px; padding-right: 7px;}
ul.nav li ul li.form input.text {width: 130px; margin-right: 4px}
ul.nav li ul li.form div {float: right; line-height: 1em; text-align: right;}
ul.nav li ul li.form a {display: block;}
ul.nav li ul li.form a.n1 {padding-top: 7px; padding-bottom: 4px}
ul.nav li ul li.hover, ul.nav ul li:hover {border-bottom: none}
ul.nav li ul li.section a, ul.nav li ul li a:hover { color: #d76a0f}

.left {width: 675px; float: left}
.left h2, #content .left p {margin-bottom: 1em}
.left img.left {margin-bottom: 2em; margin-right: 2em; width: auto}
.right {float: right}
.half {width: 49%}

#content a {color: #3087ba;}
#content ul.teaser a {color: white}

#content .sidebar {float: right; width: 270px;}
#content .sidebar div {clear: right; margin-bottom: 2em;}
#content .sidebar h2 {border-bottom: 1px solid #acaca9; margin-bottom: 10px;}
#content .sidebar img {float: right; margin-left: 1em; margin-bottom: 1em;}

.wrap .left ul {list-style-type: disc; padding-left: 1em}
.wrap .left .left ul, .wrap .left .gallery ul {list-style-type: none; padding-left: 0}

h1 {font-size: 1.833em}
h2 {font-size: 1.333em}
h3 {font-weight: bold}


#footer {line-height: 1.4em; padding-top: 1em; padding-bottom: 1em;}
#footer li {float: left; margin-right: 45px;}
#footer li li {float: none; margin-right: 0}
#footer a, #footer li.link a, #footer li.current li a {color: #83827f;}
#footer li.current a, #footer li.current li.current a {color: #D76A0F}
a.copy {float: right}


div.home {margin-top: -137px; height: 388px; margin-bottom: 17px; position: relative; background-color: #cccccc; overflow: hidden; width: 980px}
div.home img {position: absolute; top: 0px; left: 0px;}
div.home div.info {position:absolute; bottom: 0px; left: 15px; width: 440px;}
div.home div.info span {background: #ffffff; position: absolute; display:block; top: 0px; left: 0px; height: 500px; width: 100%; opacity: 0.8; filter:alpha(opacity=80); z-index: 1}
div.home div.info div {position: relative; z-index: 2; padding: 1em}
div.home h1 {text-transform: uppercase; font-size: 1.416em; color: #d76a0f}
div.home p {font-size: 1.083em}

#content ul.downloads li {margin-bottom: 1em;}
#content ul.downloads p {margin-bottom: 0.5em}


ul.teaser {margin: 0; padding: 0}
ul.teaser li {float: left; height: 105px; width: 190px; border: 1px solid #6daacf; margin-right: 5px;}
ul.teaser li.n5 {margin-right: 0}
ul.teaser a {font-size: 1.18em; color: white; text-transform: uppercase; display: block; position: relative; height: 105px; background: url(../images/teaser.jpg) no-repeat top left}
ul.teaser li.n2 a {background-position: -190px top}
ul.teaser li.n3 a {background-position: -380px top}
ul.teaser li.n4 a {background-position: -570px top}
ul.teaser li.n5 a {background-position: -760px top}
ul.teaser a strong {position: relative; z-index: 2; font-weight: normal; padding-left: 8px; line-height: 23px}
ul.teaser a span {display: block; position: absolute; top: 0px; left: 0px; height: 23px; width: 100%; background-color: #3087ba; opacity: 0.7; filter:alpha(opacity=70); z-index: 1}
ul.teaser a:hover {text-decoration: none}
ul.teaser a:hover span {opacity: 1; filter:alpha(opacity=100)}


div.gallery {background: #eaeae9; padding-top: 5px;}
div.gallery img {margin: 0}
div.gallery .stage {height: 360px; position: relative}
div.gallery .stage img {position: absolute; top: 0px; left: 0px;}
div.gallery h2 { background-color: #88b5b2; line-height: 30px; padding: 0 15px; font-size: 1.333em; margin: 0; border-top: 2px solid white}
div.gallery h2 em {float: right; font-size: 0.687em; line-height: 30px; font-style: normal}
.wrap .left div.gallery ul { border-top: 2px solid white; border-bottom: 2px solid white; height: 28px; padding: 1px 15px;}
div.gallery li {float: left; margin-right: 3px}
div.gallery li img {margin: 0}
div.gallery li a {display: block; width: 53px}
div.gallery li a:hover, div.gallery li.active a {height: 23px; border-bottom: 5px solid #d76a0f; overflow: hidden}
div.gallery p {clear: both; padding: 15px}


.wrap .left ul.offers {list-style-type: none; padding-left: 0; margin-top: 2em}
li.offer {width: 100%; overflow: hidden; margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px dotted #cccccc}
li.offer ul.images {float: left; list-style-type: none; padding: 0; width: 220px}
#content li.offer ul.images a {display: block; position: relative; margin-bottom: 1.5em; color: #302f29}
li.offer ul.images a img {display: block; margin-bottom: 3px}
li.offer ul.images a em {font-size: 0.95em; display: block; background: url(../images/zoom.gif) no-repeat left 1px; padding-left: 25px;}
li.offer div.details {margin-left: 250px}

/* START Forms */
fieldset .left {float: none}
fieldset input.text {width: 280px}
fieldset .requiredField label.left {background-image: url(../images/star.gif); background-position: top right; background-repeat: no-repeat; padding-right: 8px}
fieldset div.middleColumn {margin-bottom: 10px}
fieldset div.middleColumn label.required {color:#ac021f; display:block; font-size:0.9em; font-style:italic;}
fieldset div.middleColumn ul.optionset label.required {float: left}
fieldset div.middleColumn ul {list-style-type: none; padding: 0px;}
fieldset div.middleColumn ul li {float: left;}
fieldset div.field {clear: both}

fieldset #Remember label {float: none}
/* End Forms */



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
* html .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/themes/villatectona/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
* html .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/themes/villatectona/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
* html .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/themes/villatectona/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
* html .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
* html .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/themes/villatectona/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
* html .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/themes/villatectona/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
* html .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/themes/villatectona/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
* html .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/themes/villatectona/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}