/* Key styles for: Cosmic Desert*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 16 November 2009*/

/*Reset Styles*/
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;
}

body{background: url(images/bg-gradient.jpg) repeat-x #edeef3; font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #11256c;}
img, div { behavior: url(iepngfix.htc) }

/*Container Styles*/ 
#outerwrapper {margin-left: auto; margin-right: auto; width: 1024px; background: url(images/background.jpg) no-repeat; height: 416px;}
#wrapper {margin-left: auto; margin-right: auto; width: 824px;}

#banner{width: 796px; height: 120px; position: relative; padding-top: 40px; }
#logo{width: 277px; position: relative; margin-left: -30px; margin-top: 25px;}
#navigation {margin-top: -95px; float: right; width: 600px; margin-right: -60px; position: relative; z-index: 1000;} 
html>body #byline { margin-top: -20px;} 

html>body #navigation{*margin-top: -110px;}


#gallery {margin-top: -20px; margin-right: 14px; width: 368px; margin-left: 403px; height: 280px;  position: relative;}
#gallery-subpage {margin-top: -20px; margin-right: 13px; width: 368px; margin-left: 426px; height: 245px;  position: relative;}

#main-container{margin-top: -272px; overflow: hidden; width: 810px;}
#main-container-subpage{margin-top: -239px; overflow: hidden; background: #fff; width: 810px;}
#main-container-subpage-no-gallery{margin-top: -17px; overflow: hidden; background: #fff; width: 810px;}

*html #main-container{margin-top: -282px;}
*html #main-container-subpage {margin-top: -252px;}

#content{margin-left: auto; margin-right: auto; width: 756px; background: #fff; padding: 40px 20px 50px 20px; overflow: hidden; min-height: 170px;}
#content .col {position: relative; float: left;}
#content-col1 {width: 380px; margin-right: 20px; overflow: hidden; word-wrap: break-word;}
#content-col2 {width: 330px; padding-left: 20px; margin-top: 230px; border-left: 1px solid #ccc;}
#content-equal-col1 {width: 355px; margin-right: 20px; overflow: hidden; word-wrap: break-word;}
#content-equal-col2 {width: 355px; padding-left: 20px; margin-top: 230px; border-left: 1px solid #ccc;}
#content-equal-col2-no-gallery {width: 355px; padding-left: 20px; border-left: 1px solid #ccc;}
 
#base-line{background: url(images/feature-bg-small.png) no-repeat; padding: 35px 20px; margin-top: -20px; width: 824px; margin-left: -8px;}
#footer {clear: both;}

#feature {background: url(images/feature-bg.png) no-repeat; height: 276px; margin-top: -45px; overflow: hidden; width: 805px; padding: 40px 20px; }
#feature .col {position: relative; float: left;}
#col1 {width: 221px; padding: 0px 20px 0px 10px;}
#col2 {width: 221px;  padding: 0px 20px 0px 20px; border-left: 1px solid #a76ba7; border-right: 1px solid #a76ba7;}
#col3 {width: 221px;  padding: 0px 10px 0 20px;}

#home-content {width: 370px;}


/*Navigation Styles*/
#navigation ul {text-align: center; }
#navigation li {margin: 0; padding: 0px; list-style: none; float: left; position: relative; padding: 0px 15px; }
#navigation li a{text-decoration: none; color: #fff; font-size: 1.5em;  font-family: "Tahoma"; text-transform: uppercase; line-height: 1.5em; display: block;}
#navigation li a:visited{}
#navigation li a:hover {color: #ff7b51;}
#navigation li.current a{color: #ff7b51;}

#sub-navigation {margin-bottom: 10px;}
#sub-navigation ul {margin-left: 0px !important;}
#sub-navigation li {margin: 0; display: block; list-style: none; background: url(images/bullet-2.gif) no-repeat 0 4px; padding-left: 15px; margin-bottom: 5px;}
#sub-navigation li a{text-decoration: none; color: #934a93; font-size: 1.3em; font-family: "Tahoma"; text-transform: none; display: block;}
#sub-navigation li a:hover {color: #ff7b51;}

/*Link Styles*/
a {color: #934a93; text-decoration: none;}
a:link{color: #934a93;}
a:visited {color: #934a93;}
a:hover {color: #11256c;}

#feature a{color: #ff7b51;}
#feature a:hover {color: #fff;}

#base-line a{color: #fff;}
#base-line a:hover{color: #ff7b51;}

.spaced a{color: #11256c;}
.spaced a:hover{color: #934a93;}

#sub-navigation h2 a{color: #11256c;}
#sub-navigation h2 a:hover{color: #ff7b51;}

/*Paragraph Styles*/
h1 {font-size: 2.4em; color: #11256c; padding-bottom: 10px; font-weight: normal; line-height: 1.1em;}
h2 {font-size: 2.0em; color: #11256c; padding-bottom: 5px; font-weight: normal;}
h3 {font-size: 1.6em; color: #934a93; padding-bottom: 2px; font-weight: normal;}

h4 {font-size: 1.4em; color: #934a93; padding-bottom: 2px; font-weight: normal;}
p {font-size: 1.3em; color: #333; padding-bottom: 10px; line-height: 1.2em;}

#feature h2 {color: #ff7b51; text-transform: uppercase;}
#feature h3 {color: #ff7b51; text-transform: uppercase;}
#feature h4 {color: #ded7d7; text-transform: uppercase;}
#feature p, #base-line p {color: #ded7d7;}

#footer p{text-align: right; color: #934a93; font-size: 1.1em;}
#home-content p{font-size: 1.5em; color: #11256c;}
#byline p{color: #ff7b51; text-align: right; font-size: 2.5em; font-family: "Desyrel", Verdana, Arial, Helvetica, sans-serif; margin-right: -50px; } 

/*Table Styles*/
table {background: #934a93; border: 1px solid #fff; margin-bottom: 10px;}
table td{ padding: 5px; background: #934a93; color: #fff; border: 1px solid #fff; font-size: 1.2em;}

/*List Styles*/
#content ul, #content ol {font-size: 13px; margin-left: 30px; padding-bottom: 10px; color: #333333; line-height: 1.4em; position: relative;}
#content ul li, #content ol li {padding-bottom: 2px;}

#feature ul, #feature ol {font-size: 12px; margin-left: 0px; padding-bottom: 10px; color: #ded7d7;  position: relative; }
#feature ul li{list-style: none; background: url(images/bullet.gif) no-repeat 0 1px !important; padding-left: 15px; padding-bottom: 10px;}
#feature ol li {padding-bottom: 10px; margin-left: 20px;}

ul.spaced li{margin-bottom: 10px;}

/*Image Styles*/
img {padding: 0px;}
#gallery img{border: 8px solid #fff; }
#gallery-subpage img{border: 8px solid #fff; }
img.left{padding: 0px 15px 10px 0;}
img.right{padding: 0 0 10px 15px;}
#content img, #feature img{padding: 5px;}
img.thumbnail {padding: 0 !important;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.divider {border-bottom: 1px solid #11256c; margin-bottom: 20px; padding-top: 10px;}
.highlight-p{font-size: 15px !important; color: #11256c;}
.thumbnail{border: 1px solid #333; margin: 5px;}
.notification {margin-top: 15px; color: #11256c; font-size: 11px; padding-bottom: 5px;}

/*Maxigallery Styles*/
.jdGallery {border: 8px solid #fff; z-index: 0 !important;}
center form input{margin-top: 30px;}
.managecontainer {background: #fff; width: 400px; padding: 20px; overflow: scroll; height: 200px;}

@media only screen and (max-device-width: 480px)
{
#banner {height: 180px;}
#base-line p{font-size: 10px; background: #934a93; padding: 10px; width: 780px; margin-top: -10px;}
}

/*DROP DOWN MENUS*/

#navigation ul li ul {display: none; padding-top: 5px; padding-bottom: 5px; border-top: 2px solid #934a93;}
table {margin:-1px; border-collapse:collapse;font-size:1em;}
#navigation table { border: none;}
#navigation table td{ border: none;}

/* SECOND LEVEL */
#navigation ul li:hover ul,
#navigation ul li a:hover ul {display:block; position: absolute; top: 1.6em; margin-top: 3px; left: 0; width: 100px; background: #ff7b51; border-top: 2px solid #934a93;}

#navigation ul li:hover ul li ul,
#navigation ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0; }

#navigation ul li:hover ul li a,
#navigation ul li a:hover ul li a {display:block; background: #ff7b51; color:#fff; height:auto; line-height:1.5em; text-align: left; font-size: 1.4em; text-transform: none !important; width: 80px; z-index: 99;}

#navigation ul li:hover ul li a:hover,
#navigation ul li a:hover ul li a:hover {color: #ded7d7;}

*html #navigation .hide {display: none !important;}
*html #navigation .last {display: block !important;}
*html table{display: none;}

.slick-arrow { display: none; }
.slick-list { border: 1px solid #fff; } 
.slickGallery {padding: 20px; background: #fff; }