/* 
Theme Name: AAP 2012
Description: AAP 2012
Author: Essendon Creative
Author URI: http://www.essendoncreative.com.au
Version: 1.0
*/

/* Undo some default styling of common (X)HTML browsers */

/* No list-markers by default - * must redefine bullets w/ bg graphics */
ol, ul {
    list-style:none;
}
/* Avoid browser default inconsistent heading, * font-sizes and pre/code*/
td, code, pre, h6, h5, h4, h3, h2, h1, body {
    font-size:1em;
}
/* Remove inconsistent (among browsers) - * default padding or margin */
hr, img, td, tr, table, dl, dt, dd, div, label, input, fieldset, blockquote, p, html, body, form, pre {
    margin:0; padding:0;
}
h6, h5, h4, h3, h2, h1 {
    margin:0; padding:0;
}
li, ol, ul {
    margin:0; padding:0;
}
/* prevent blue linked image borders */
fieldset {
    border:none;
}
:visited img {
    border:none;
}
:link img {
    border:none;
}
a img {
    border:none;
}

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus {/* remember to define focus styles! */
	outline: 0;
}

body {
	background: #fff;
	line-height: 1;
}

ol, ul {
    list-style: none;
}

table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a img {
	border: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Begin Styles */

body, html {
	font-family: Century Gothic;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	letter-spacing:0;
	background:#fff;
	color:#666;
}
div {
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
    color:#4AAFBA;
    letter-spacing:0;
    margin: 10px 0 10px 0;
    font-weight:bold;
}

h1 {
    font-size:20px;
    margin: 10px 0 20px 0;
}

h2 {
    font-size:18px;
}

h3 {
    font-size:15px;
/*    padding: 5px 0px;*/
}

h4 {
    font-size:14px;
    color:#555656;
}

h5 {
    font-size:13px;
}

h6 {
    font-size:12px;
}

p {
    font-size:1.2em;
    line-height:2.0em;
    padding:0 0 10px 0;
}

/* use for contact details */
address {
    font-style:normal;
}

/* use for acronyms in content */
acronym {
    border-bottom:1px #ccc dotted;
    cursor:help;
}

/* use for blockquotes in content */
blockquote {
    padding:0 0 0 30px;
    border-left:3px #666 solid;
    font-style:italic;
}

/* use for bolding text */
strong {
    font-weight:bold;
}

span {
    
}

a, a:link, a:visited, a:active {
    text-decoration:none;
/*    color:#222;*/
}

a:hover {
    text-decoration:none;
    color:#fcb712;
}

div#content a, div#content a:link,  div#contenta:visited,  div#contenta:active {
    text-decoration:underline;
    color:#4aafba;
}

 div#content a:hover {
    text-decoration:underline;
    color:#008c99;
}



/* End Styles */

/* Begin Structure */

header#main {
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 15px;
    min-height: 200px;
}

div#delete-me {
    text-align: center;
    margin-bottom: 20px;
}

div#delete-me img {
    height: 100px;
    opacity: 0.55;
}

div#branding {
    position:relative;
    float: left;
}

div#branding-border {
     border: 1px dashed #555;
     padding: 35px 0px;
}

div#header-content {
    text-align: right;
    margin-right: -10px;
}

div#header-content ul {
    padding: 11px;
    list-style: none;
    width: 280px;
    float: right;
    
}

.header-links{
    padding-right: 10px;
    
}

ul.header-links{
    display: inline;
    float:right;
    list-style: none;
}

li.phone{
    color:#4aafba;
    font-size: 18px;

}
li.social {
    width: 32px;
    height: 32px;
    float:left;
    margin-left: 10px;
}



#home-page-main-content{
    float:left;
    min-height: 300px;
    margin-left: 0;
}

#home-page-main-content p{
    font-size: 14px;
    line-height: 18px;
}

#home-page-main-content h2{
    font-size: 18px;
    line-height: 20px;
/*    color: #555656;*/
    padding:15px 0 15px 0;
}

#home-page-main-content li{
    list-style: inside disc;
    padding:5px;
    text-indent: 5px;
}

#page-content {
    margin-left:0px;
}

#page-content p{
    font-size: 14px;
    line-height: 18px;
}

#page-content h2{
    font-size: 18px;
    line-height: 20px;
/*    color: #555656;*/
    padding:15px 0 15px 0;
}

#page-content li{
    list-style: inside disc;
    padding:5px;
    text-indent: 5px;
}

#page-content ul{
    list-style: inside disc;
    padding-bottom:10px;
}

#products-content {
    margin-left:0px;
}


div#secondary-menu{
    float:right;
    text-align: center;
    margin: 0 20px 0 0;
  
}

#secondary-menu ul{
    list-style: none;
}

#secondary-menu li{
    list-style: none;
    margin-bottom: 15px;
}


div#slider-container {

}

div.nivoSlider {
    margin: 10px 0px 40px 0px !important;
    box-shadow: none !important;
    height: 240px;
    list-style: none;
/*    border: 1px dashed #555;*/
}
/*
div.nivoSlider a{
    color:#fff;
    text-decoration: underline;
}

div.nivoSlider a:hover{
    color:#000;
}*/

.slider-link {
    font-size:18px;
    color: #4AAFBA;
    text-decoration: underline !important;
    font-weight:bold;
}
.slider-link:hover {
    color: #fff;
}

div.nivoSlider-alt {
    margin: 10px 0px 40px 0px !important;
/*    box-shadow: none !important;*/
    height: 240px;
    list-style: none;
/*    border: 1px dashed #555;*/
}
div#alt-banner img {
    z-index: 1;
}
div.banner-text {
    color: #4aafba;
    height: 170px;
    width: 480px;
    margin: -200px 0 0 10px;
    background-color: rgba(255, 255, 255, 0.5)!important;
    
}

div#key-content {
    overflow: visible;
}

div#key-content a  {
    display: block;
}

.products{

}

.product-image{

}

.product-name{

}

.margin-trans {
    -webkit-transition: margin 200ms linear;
    -moz-transition: margin 200ms linear;
    -ms-transition: margin 200ms linear;
    -o-transition: margin 200ms linear;
    transition: margin 200ms linear;
}

.margin-trans:hover {
    margin-top: -5px;
}

.gradient {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background-image: linear-gradient(bottom, rgb(184,180,184) 13%, rgb(217,214,217) 57%, rgb(207,207,207) 79%);
background-image: -o-linear-gradient(bottom, rgb(184,180,184) 13%, rgb(217,214,217) 57%, rgb(207,207,207) 79%);
background-image: -moz-linear-gradient(bottom, rgb(184,180,184) 13%, rgb(217,214,217) 57%, rgb(207,207,207) 79%);
background-image: -webkit-linear-gradient(bottom, rgb(184,180,184) 13%, rgb(217,214,217) 57%, rgb(207,207,207) 79%);
background-image: -ms-linear-gradient(bottom, rgb(184,180,184) 13%, rgb(217,214,217) 57%, rgb(207,207,207) 79%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.13, rgb(184,180,184)),
	color-stop(0.57, rgb(217,214,217)),
	color-stop(0.79, rgb(207,207,207))
);

/*    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmNiNzEyIiBzdG9wLW9wYWNpdHk9IjAuMDUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(45deg,  rgba(131,131,132,0.15) 0%, rgba(160,160,161,0.15) 50%, rgba(131,131,132,0.15) 100%);  FF3.6+
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,255,0.15)), color-stop(50%,rgba(252,183,18,0.05)), color-stop(100%,rgba(255,255,255,0.15)));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(45deg,  rgba(255,255,255,0.15) 0%,rgba(252,183,18,0.05) 50%,rgba(255,255,255,0.15) 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(45deg,  rgba(255,255,255,0.15) 0%,rgba(252,183,18,0.05) 50%,rgba(255,255,255,0.15) 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(45deg,  rgba(255,255,255,0.15) 0%,rgba(252,183,18,0.05) 50%,rgba(255,255,255,0.15) 100%);  IE10+ 
    background: linear-gradient(45deg,  rgba(255,255,255,0.15) 0%,rgba(252,183,18,0.05) 50%,rgba(255,255,255,0.15) 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ffffff', endColorstr='#26ffffff',GradientType=1 );  IE6-8 fallback on horizontal gradient 
    padding: 15px;*/
}

.border {
      border: 1px solid #fcb712;
}

.shadow {
  -webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.4);
  -moz-box-shadow:    1px 1px 3px rgba(50, 50, 50, 0.4);
  box-shadow:         1px 1px 3px rgba(50, 50, 50, 0.4);
}

.border-radius {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

div#content {
   overflow: hidden;
}

footer#main {
  overflow: hidden;
  margin-top: 15px;
  
}

div#footer-content {
    overflow: hidden;
/*    color: #fcb712;*/
    margin-left: -10px;
    
}

#footer-content p {
    font-size: 12px;
    padding: 0px;
/*    width: 250px;*/
}
.footer-wrap {
    border-top: #4AAFBA 1px solid;
}
#footer-contact {
    margin-right: 0px;
   
}

div#footer-spiel {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 10px;
    padding: 0px 10px;
    overflow: hidden;
    font-size: 9px;
}

div.footer-section{
    min-height: 200px;
/*    border: 1px dashed black;*/
    
}

div.clear {
    clear:both;
}

/* Begin Navigation */

nav ul {
    list-style: none;
}

nav ul li {
    float: left;
}

nav#primary {
/*  overflow: hidden;*/
  margin: 0px 0 -10px 0;
  background-color: #C9C8C8;
  -webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.8);
  -moz-box-shadow:    1px 1px 3px rgba(50, 50, 50, 0.8);
  box-shadow:         1px 1px 3px rgba(50, 50, 50, 0.8);

}

nav#primary ul li a {
    display: block;
    padding: 5px 20px;
    color: #565454 !important;
}

nav#primary ul li a:hover {
    color: #008c99 !important;
}


nav#primary ul.sub-menu {
    display: block;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
/*    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;*/
    opacity: 0;
    height: 0px;
    width: 0px;
    overflow: hidden;
    z-index: 500;
    position: absolute;
    margin-left: 10px;
}

nav#primary ul.sub-menu li a {
    padding: 2px 0px 2px 10px !important;
}

nav#primary ul li:hover ul.sub-menu {
    opacity: 1.0;
    height: auto;
    padding-top: 5px !important;
    border-top: #C9C8C8 1px solid;
    width: 150px;
    padding-bottom: 5px !important;
    background: #C9C8C8;
}

/* End Navigation */

/* Begin Widgets */

.widget {
    margin-bottom: 10px;
}

div#sidebar ul {
    list-style: none;
}

.widgettitle {
    font-weight: bold;
    border-bottom: 1px solid #fcb712;
    padding: 0px 0px 5px 0px;
    margin-bottom: 5px;
}

/* End Widgets */

/* Begin Lists */

ul {
    list-style:disc outside;
    font-size:1.2em;
    line-height: 20px;
}

ol {
    list-style:decimal outside;
    font-size:1.2em;
    line-height: 20px;
}

/* resets second level (and beyond) ul and ol font sizes. Otherwise these would multiply by whatever top level is to infinity!! */
ul ul, ol ol {
    font-size:1.0em;
}
/* End Lists */


.alignright{
    float:right;
    margin-left:20px;
}

.alignleft{
    float:left;
    margin-right:20px;
}

/* forms */

form {
   font-size:12px;
   color: #4AAFBA;     
}


form input, form textarea {
    border:#4AAFBA 1px solid;
}
form input {
    line-height:20px;
}
form input[type="submit"] {
    border: #4AAFBA 1px solid;
    padding:3px 5px;
    background: #4AAFBA;
    color:#fff;
/*    float:right;*/
/*    margin-top:-20px;*/
    margin-right: 1px;

}
form, form label {
   font-size:12px;
   color:#4AAFBA;
   letter-spacing: 1.3px;
   margin-top: 20px;
}
form p {

}
.gform_body {
    margin-top:-20px;
}
form label, form input {
/*    float:left;*/
}
.entry-meta {
    margin-bottom: 20px;
}

.blog article {
    overflow:hidden;
    border-bottom: 1px #008c99 solid;
    margin-bottom:20px;
    padding-bottom:30px;
    
}



/* forms */
.gform_wrapper li, .gform_wrapper form li {
list-style-type: none !important;
list-style-image: none !important;
list-style: none !important;
overflow: visible;
padding-left:0 !important;
margin-left:0 !important;
text-indent:0 !important;
}


.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {
width: 99.2%;
}
.validation_error {
    overflow:hidden;
    color:red;
    margin-bottom: 20px;
}
.validation_message {
    color:red;
}
/* End Structure */