/*------------------------------------------------
W H Amad Stylesheets 2010
------------------------------------------------*/
/*------------------------------------------------
GLOBAL RESET
------------------------------------------------*/
HTML, BODY, FORM, DIV, SPAN, CITE, P, A, UL, OL, LI, DL, DT, DD, H1, H2, H3, H4, H5, H6, IMG, FORM, FIELDSET, LABEL, INPUT, BUTTON, SELECT, TEXTAREA, EMBED, TABLE TH, TD, OBJECT, EMBED {margin:0; padding:0;}
OBJECT, EMBED, IFRAME {float:left;}
DIV IMG {display:block; border:0; font-size:10px; font-weight:bold;}
DIV.content IMG, TABLE IMG {display:inline;}
DIV.panel IMG{ display:block;}
BODY {font-family:Arial,Helvetica,San Serif; font-size:62.5%; line-height:normal; text-align:center;}
BODY DIV {text-align:left;}

/*------------------------------------------------
GLOBAL
------------------------------------------------*/
*{padding: 0; margin: 0}
body {background: url(../images/pattern-linen.jpg) repeat;color: #000000;text-align: center; /* IE6: For horizontal alignment DIVs */}

/*------------------------------------------------
TYPOGRAPHY
------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-family:"Georgia", Times New Roman, Times, serif; color:#193342; margin-bottom:12px}
h1 {font-size:20px} h2 {font-size:18px} h3 {font-size:16px} h4 {font-size:14px} h5 {font-size:13px} h6 {font-size:12px}
p {font-size:12px;margin-bottom:8px} p.small {font-size:11px;margin-bottom:6px}
a {color:#193342;text-decoration:none } a:hover {text-decoration:underline} a:focus {outline: none} /*ff bug fix - removes dotted border when on focused*/
div.clear {clear:both}

/*------------------------------------------------
BACKGROUNDS
------------------------------------------------*/
.bg-pattern-tartan {background: url(../images/pattern-tartan.jpg) repeat; height:186px; width:auto}
.bg-effect-shine {background: url(../images/effect-shine.png) no-repeat center 185px;height:186px; width:auto}
* html .bg-effect-shine {background:none}
.bg-pattern-cotton {background: url(../images/pattern-cotton.jpg) repeat; height:164px; width:auto}
.bg-effect-glow {background: url(../images/effect-glow.png) no-repeat center top;height:640px;width:auto;z-index:1;position:relative;margin: 0 auto;text-align: left;top:-350px}
* html .bg-effect-glow {background:none}

/*------------------------------------------------
CONTAINER
------------------------------------------------*/
.container {width: 925px;margin: -990px auto 0 auto; /*640px-350px*/text-align: left;z-index:2;position:relative;top:0}

/*------------------------------------------------
HEADER
------------------------------------------------*/
.header {padding: 0;height:106px;width:auto}
.header .logo-whamad{background: url(../images/logo-whamad.png) no-repeat left top; width:195px; height:106px; float:left; cursor:pointer}
* html .header .logo-whamad {background: url(../images/logo-whamad.gif) no-repeat left top}/*IE6*/
.header .location {color:#9C8317;font-family:"Georgia", Times New Roman, Times, serif;font-size:14px;font-style:italic;position:absolute;right:0;top:15px}
.header .tag {background: url(../images/tag.png) no-repeat left top; width:203px; height:110px;position:absolute;right:0;top:42px;cursor:pointer}
* html .header .tag {background: url(../images/tag.gif) no-repeat left top}/*IE6*/

/*------------------------------------------------
NAVIGATION
------------------------------------------------*/
.navigation {background: url(../images/pattern-stich.jpg) repeat-x left top;width:auto;height:46px}

/* SLIDE MENU ---------------------------------*/
.jqueryslidemenu{padding-top:9px;font: bold 12px Georgia; width: 925px;}
.jqueryslidemenu ul{margin: 0; padding: 0; list-style-type: none; }
/*Top level list items*/
.jqueryslidemenu ul li{position: relative; display: inline; float: left}
/*Top level menu link items style*/
.jqueryslidemenu ul li a{display: block; color: white;padding: 9px 9px 12px 20px; text-decoration: none;}
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color: white;}
.jqueryslidemenu ul li a:hover{/*tab link background during hover state*/color: #9C8317;background:none; }
.jqueryslidemenu ul li a.home{background: url(../images/nav-icon-home.gif) no-repeat left top; height:14px; padding:0 0 0 20px; margin:10px 8px 0 15px}
.jqueryslidemenu ul li a:hover.home{background: url(../images/nav-icon-home.gif) no-repeat left -14px; }
.jqueryslidemenu ul li a.contact{background: url(../images/nav-icon-contact.gif) no-repeat left top; height:14px; padding:0 0 0 20px; margin:10px 10px 0 20px}
.jqueryslidemenu ul li a:hover.contact{background: url(../images/nav-icon-contact.gif) no-repeat left -14px; }
/*First sub level menu*/
.jqueryslidemenu ul li ul{position: absolute;left: 0;display: block;visibility: hidden;-moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.5);z-index:999;}
/*Second level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{display: list-item; float: none;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{top: 0;-moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.5);}
/* Second level menu links style */
.jqueryslidemenu ul li ul li a{font: normal 11px Arial; width: 150px; /*width of sub menus*/padding: 5px 10px; margin: 0; border-top-width: 0; border-bottom: 1px solid #334A58; text-align:left; background-color: #334A58;}
.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/background: #193342; color: white;}
/* Third level menu links style */
.jqueryslidemenu ul li ul li ul li a{font: normal 10px Arial; width: 175px; /*width of sub menus*/padding: 5px 10px; margin: 0; border-top-width: 0; border-bottom: 1px solid #4C606C; text-align:left; background-color: #4C606C;}
.jqueryslidemenu ul li ul li ul li a:hover{ /*sub menus hover style*/background: #193342; color: white;}
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{position: absolute; top: 12px; right: 7px;}
.rightarrowclass{position: absolute; top: 6px; right: 5px;}

/*------------------------------------------------
PRODUCT RANGE MENU
------------------------------------------------*/
.product-range-menu {font-family:"Georgia", Times New Roman, Times, serif; background: url(../images/pattern-stich.jpg) repeat-x left top;width:auto; height:70px; margin-bottom:6px; *padding:10px 10px 0 10px; *margin-bottom:-6px/*IE6&7*/}
.product-range-menu table {height:55px; padding:15px 10px 0 10px; table-layout:auto; width:100%;border:0 }
.product-range-menu td {vertical-align:middle; text-align:center;}
.product-range-menu a {color:white;text-decoration:none}
.product-range-menu a:hover {color: #9C8317;background:none}
.product-range-menu a.heading {font-size:16px; font-weight:bold}
.product-range-menu a.category {font-size:11px}

/*------------------------------------------------
FEATURE BOXES
------------------------------------------------*/
.feature-box {background: url(../images/feature-box.png) no-repeat left top;width:304px; height:135px; margin-bottom:6px; float:left}
* html .feature-box {background: white none} /*IE6*/
.feature-box h3 {padding:15px 15px 0 15px; margin-bottom:7px}
.feature-box img {margin:0 7px 0 15px}
* html .feature-box img {margin:0 7px 0 7px}
.feature-box p {font-size:11px;margin:0 15px 15px 15px; height:78px; width:auto; overflow:hidden;}

/*------------------------------------------------
CLIENT PORTFOLIO
------------------------------------------------*/
.client-portfolio {background: url(../images/pattern-stich.jpg) repeat-x left top;width:auto; height:70px;}
.client-portfolio a {color:white;font-weight:bold;font-family:"Georgia", Times New Roman, Times, serif;text-decoration:none}
.client-portfolio a:hover {color: #9C8317;background:none}
.client-portfolio a.heading {font-size:16px;line-height:70px;padding-left:15px}
.client-portfolio div.logos { float:right;text-align: right; padding: 0; width:auto; *margin-top:-67px /*IE6&7*/}
.client-portfolio div.logos ul { margin: 0; padding: 0; list-style-type: none}
.client-portfolio div.logos li { float: left; position: relative;  display: inline; line-height:70px; margin-top:17px;margin-right:30px; }
.client-portfolio div.logos ul li a { display: block; padding: 0; text-decoration: none; }
* html .client-portfolio div.logos ul li a { display: inline-block; /*IE6 hack to get sub menu links to behave correctly*/ }
.client-portfolio div.logos li a.logo-mirvac {background: url(../images/client-portfolio/logo-mirvac.gif) no-repeat left top; width:43px; height:31px}
.client-portfolio div.logos li a:hover.logo-mirvac {background: url(../images/client-portfolio/logo-mirvac.gif) no-repeat left -31px; }
.client-portfolio div.logos li a.logo-marriott {background: url(../images/client-portfolio/logo-marriott.gif) no-repeat left top; width:84px; height:31px}
.client-portfolio div.logos li a:hover.logo-marriott {background: url(../images/client-portfolio/logo-marriott.gif) no-repeat left -31px; }
.client-portfolio div.logos li a.logo-quest {background: url(../images/client-portfolio/logo-quest.gif) no-repeat left top; width:64px; height:31px}
.client-portfolio div.logos li a:hover.logo-quest {background: url(../images/client-portfolio/logo-quest.gif) no-repeat left -31px}
.client-portfolio div.logos li a.logo-mantra {background: url(../images/client-portfolio/logo-mantra.gif) no-repeat left top; width:84px; height:22px}
.client-portfolio div.logos li a:hover.logo-mantra {background: url(../images/client-portfolio/logo-mantra.gif) no-repeat left -22px}
.client-portfolio div.logos li a.logo-savoy-brighton {background: url(../images/client-portfolio/logo-savoy-brighton.gif) no-repeat left top; width:87px; height:27px}
.client-portfolio div.logos li a:hover.logo-savoy-brighton {background: url(../images/client-portfolio/logo-savoy-brighton.gif) no-repeat left -27px}
.client-portfolio div.logos li a.logo-como-melb {background: url(../images/client-portfolio/logo-como-melb.gif) no-repeat left top; width:121px; height:40px}
.client-portfolio div.logos li a:hover.logo-como-melb {background: url(../images/client-portfolio/logo-como-melb.gif) no-repeat left -40px}

/*------------------------------------------------
SECTION
------------------------------------------------*/
.section { margin-bottom:10px}
.section .photo {width:925px;height:150px }
.section .base {background: url(../images/pattern-stich.jpg) repeat-x left top; height:70px}
.section .base .breadcrumbs {padding:12px 12px 8px 12px;color:#666; font-family:Tahoma, Geneva, sans-serif; font-size:10px}
.section .base .breadcrumbs a {color:#666; text-decoration:none}
.section .base .breadcrumbs a.selected {color:#FFF; text-decoration:none}
.section .base .breadcrumbs a:hover {color:#FFF; text-decoration:underline;background:none}
.section .base .title {font-size:20px; padding:0 12px;color:white; font-family:"Georgia", Times New Roman, Times, serif; }

/*------------------------------------------------
SIDE MENU
------------------------------------------------*/
.side-menu{width:auto}
.side-menu ul{margin-left:0;padding-left:0;list-style-type:none;font-family:"Georgia", Times New Roman, Times, serif;font-size:14px;font-weight:bold}
.side-menu a{display:block;width:125px;background-color:#FFF;border-bottom:1px solid #E8EAEC;padding:5px;color:#193342 !important}
.side-menu a:link,.side-menu-list a:visited{color:#EEE;text-decoration:none}
.side-menu a:hover,.side-menu a.selected{background-color:#D1D6D9}

/*------------------------------------------------
CONTENT
------------------------------------------------*/
.content {padding: 0}
.content .column {float:left;margin:0;width:900px;background:#FFF;padding: 12px}
.content .column .text {}
.content .column .text p {}
.content .column .text .leftCol{width:440px;float:left;margin-right:20px}
.content .column .text .rightCol{width:440px;float:left}
.content .column .text ul { list-style-position: outside; list-style:square; padding-left:15px; font-size:12px; margin:0 0 10px 0;float:left; width:160px}
.content .column .text ul.col1 {width:auto !important}
.content .column .text ul li { margin-bottom: 5px}
.content .column .text ol { list-style-position: outside; padding-left:20px; font-size:12px; margin:0 0 10px 0;float:left; width:150px}
.content .column .text ol li { margin-bottom: 5px}
.content .column#left {width: 135px;background:#FFF;padding: 12px;margin:0 12px 0 0}
.content .column#right { width: 730px;margin: 0;background:#FFF;padding: 12px}
.content .column#right .photos {width:365px; float:left; margin-right:10px}
.content .column#right .photos h5 {margin-top:15px}
.content .column#right .photos .product-hero {width:365px; height:365px}
.content .column#right .photos .product-view {width:117px; height:117px; float:left; margin:0 4px 4px 0} * html .content .column#right .photos .product-view {margin-right:3px}
.content .column#right .photos .product-colour {background-color:#d3d3d3;width:55px; height:55px; float:left; margin:0 5px 5px 0}
.content .column#right .photos .product-design {background-color:#d3d3d3;width:55px; height:55px; float:left; margin:0 5px 5px 0}
.content .column#right .text {width:355px; float:left}
.content .column#right .text ul { list-style-position: outside; list-style:square; padding-left:15px; font-size:12px; margin:0 0 10px 0;float:left; width:160px}
.content .column#right .text ul li { margin-bottom: 5px}
.content .column#right .text ol { list-style-position: outside; padding-left:20px; font-size:12px; margin:0 0 10px 0;float:left; width:150px}
.content .column#right .text ol li { margin-bottom: 5px}
.content table.email-enquires {width:100%;margin-top:20px}
.content table.email-enquires td,table.email-enquires th {width:20%;vertical-align:top}
.content table.email-enquires h4 {margin-bottom:2px}

/*------------------------------------------------
PRODUCT RANGE BOXES
------------------------------------------------*/
.product-range-box {background-color:gray;width:220px;height:145px;margin:0 6px 6px 0;float:left}
.product-range-box#end {margin-right:0}
.product-range-box img {margin:0}
.product-range-box p {font-size:11px;margin:0 15px 15px 15px; height:78px; width:auto; overflow:hidden}
.product-range-box a .caption {line-height:32px; z-index:11; position:absolute; display:block;height:20px; width:220px;float:none;margin-top:113px;*margin-left:-220px;clear:both}
.product-range-box a .caption h4 {color:white; padding:0 15px;float:left;cursor:pointer}
.product-range-box a:hover {text-decoration:none !important;color:#9C8317}
.product-range-box a:hover>.caption>h4 {text-decoration:none !important;color:#9C8317}/*IE7*/
.product-range-box a .caption-background { background-color:black; z-index:10; position:absolute; display:block;height:32px; width:220px;float:none;margin-top:113px;*margin-left:-220px}
.product-range-box a .caption-background
{  opacity:0.7 /*CSS3*/;
-moz-opacity:0.7 /*Moz*/;
-khtml-opacity: 0.7; /*Safari*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/*IE8 only*/
}

/*------------------------------------------------
FOOTER
------------------------------------------------*/
.footer  {margin:0;padding:15px 10px 5px 10px;color:#193342; text-align:center}
.footer p {font-size:11px}

/*------------------------------------------------
DEBUG
------------------------------------------------*/
.sticky-notes {color:red; padding:4px; margin: 4px 0; font: normal 10px Tahoma; width:auto; background-color:yellow; clear:both}