/*
* File Name     : structure.css
* Dependencies  : core.css
* Description   : defines the layout of the site
* Version       : 1.0.2
* Date Modified : 11/12/2007
* Usage         : Copyright 2007 Craig Phares. All rights reserved.
*/

/* window properties */

/* keep the scrollbar at all times - good for centered layouts */
/*html { min-height:100%; margin-bottom:1px; }*/
/* body alignment */
html, body { text-align:center; height:100%; }
/*ie7 hack*/
body { background-image:url(../images/siteLayout/bgGradient_color2.jpg); background-repeat:repeat-x; background-color:#9C9C9E; font-family: century gothic, Arial, Helvetica, sans-serif; color:#fff; font-size:12px; }

/*hover for ie*/
* html body { behavior: url(csshover3.htc); }
/*ie6 fix for png transparency*/
* html img, * html div { behavior: url(iepngfix.htc); }

/* useful structural elements */

.hr {}

/* global page stucture elements */
* { margin: 0; }
#container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -45px 0; }
div#logo { position:absolute; left:15px; }
a.shoppingCart { padding:25px 25px 0 0; }

div#logo_test { width:131px; }
a.shoppingCart_test { padding:25px 0 0 0; }

div#header { width:850px; height:59px; margin:0 auto; color:#fff; text-align:left; min-width:500px; }
div#header div#mainNavContainer { margin:0 auto; padding:26px 0 0 0; width:510px; }
div#header ul li { display:inline; }
div#mainContent { width:850px; height:auto; margin:0 auto; padding:10px 0 0 0; text-align:left; }
div#footer, div#push { height: 45px; }
div#footer { text-align:center; }
div#footer ul { list-style-type:none; margin:0; padding:0; }
div#footer ul li { display:inline; margin:0; padding:0; }

/*mainNav dropDown menus*/
div#menu1 ul { list-style-type:none; margin:0; padding:0; }
div#menu1 ul li { margin:0; padding:0; }
div#menu1 ul li.top a { cursor:pointer; }
div#menu1 ul li ul { padding-top:4px; margin-left:-5px; }

div#menu1 ul ul{ display:none; }
div#menu1 li:hover ul { display:block; }
div#menu1 ul > li:hover + li { display:block; }

ul#dropDown1 { position:absolute; width:106px; margin-top:100px; }
ul#dropDown1 .item{ background-color:#5A5A5A; width:101px; height:21px; margin:0; padding:4px 0 0 5px; border-top:1px solid #AAAAAA; display:block; }
ul#dropDown1 .item:hover { background-color:#717171; color:#f9e8aa; }
ul#dropDown1 .item:hover a { color:#f9e8aa; }
a.dd_top1 { background-image:url(../images/siteLayout/transparent.gif); background-repeat:no-repeat; }
ul#dropDown2 { position:absolute; width:108px; margin-top:100px; }
ul#dropDown2 .item{ background-color:#5A5A5A; width:103px; height:21px; margin:0; padding:4px 0 0 5px; border-top:1px solid #AAAAAA; display:block; }
ul#dropDown2 .item:hover { background-color:#717171; }
ul#dropDown2 .item:hover a { color:#f9e8aa; }
a.dropDownLink { padding-right:60px; }
a.dropDownLink:link { font-size:12px; color:#fff; text-decoration:none; }
a.dropDownLink:active { font-size:12px; color:#fff; text-decoration:none; }
a.dropDownLink:visited { font-size:12px; color:#fff; text-decoration:none; }
a.dropDownLink:focus { font-size:12px; color:#fff; text-decoration:none; }
a.dropDownLink:hover { font-size:12px; color:#f9e8aa; text-decoration:none; }
/*ie 7 hacks*/
*:first-child+html #dropDown1, *:first-child+html #dropDown2 { margin-top:17px; margin-left:-118px; }
/*ie6 hacks*/
* html div#menu1 ul#dropDown1, * html div#menu1 ul#dropDown2 { margin-top:17px; margin-left:-118px; }


* html a.dropDownLink { padding-right:35px; } 

/*index page*/
p#home_text { margin-top:25px; text-align:center; }
.homeThumb { padding:15px 5px 0 0; margin-top:65px; }
.homeThumbLast { padding-top:15px; margin-top:65px; }

/*about page*/
div#about_text { width:535px; margin-top:15px;padding-left:0; }
#about_image { padding-top:18px; }

/*contact page*/
div#contact_text { width:525px; margin-top:25px;padding-left:0px; font-size:14px; }
div#contact_imagePlaceholder { width:180px; height:180px; background-color:#CCCCCC; margin-top:28px; }

/*gallery pages*/
p.gallery_text { padding-top:50px; }
