/* CSS Document */

/*..............  Defaults ............  */
*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}	


html{width: 961px; margin: 0px auto 0px auto; background-color:#f5fcfe;}
body{width: 961px; margin: 0px auto;  }


article, aside, figure, footer, header, hgroup, nav, section {display: block; padding: 0px;}


/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {}

@font-face {
  font-family:AveniLigt;
  src: url('<?php print base_path() . path_to_theme() .'/' ?>images/gothic.ttf');
}

@font-face {
	font-family: Gotham;
	src: url('<?php print base_path() . path_to_theme() .'/' ?>images/Gotham-Bold.otf');
}

.llink-wrapper {dislay: none; visibility: hidden;}


.links { display: none }
.read-more { display: none }
.service-label { display: none }
.item-list ul li { list-style-type:none; margin:0; } 
.node-readmore a {display:none;}
.meta .submitted { display: none;}
.meta .terms { display: none;}
.field .field-label {display: none;}
/* .pfm and the .pfb  */

/*..............  Defaults End............  */

#container {
	width: 962px;
	padding: 0px; 
	
}

#wrapper { margin:0px auto 0px auto; width: 962px; height: 95%; }

/* ----------------- header start --------------------- */
 
header {background: url("../images/comp2_template_02.jpg");  background-position: 0% 10%; background-repeat: no-repeat;   height: 157px; background-color: #f4fcfe; }     /* 100%   0% */

/* ----------------- header end --------------------- */


#search {width: 400px; float: right; height: 157px; background-color: #fff;}
#search img { float: right;}
#searchfield { background-image:url(../images/search_02.jpg); background-repeat:no-repeat; height: 54px; width: 101px; float: right; }
#mysearch2{ border: none; background: transparent; outline: none; border-collapse:collapse;  top: 3%; position:absolute; width: 80px;}
input:focus { outline: none; }
input { outline: none;  -webkit-appearance: none; }

#search  a:hover img {opacity:.40; filter:alpha(opacity=40); filter: “alpha(opacity=40)”;} 
#search  a:hover img {opacity:.40; filter:alpha(opacity=40); filter: “alpha(opacity=40)”;} 

/* ----------------- nav start --------------------- */
@charset "UTF-8";

nav{ position:relative; margin:0 auto; padding:8px 0 0 0px; font-family:Gotham-Black;  }
nav img {vertical-align: top; margin: -15px 0px 0px;}

	#nav {width: 738px; position: absolute; top: 100px; margin-left: 230px;}
	ul.menu a { text-decoration:none; color:#8cc116; font-size:0.9em; font-family:AveniLigt;  }
	#secondary-menu-links li a   { color:#363;}

ul.menu li,
ul.menu ul {
 list-style: none; color:#8cc116; 
 margin: 5% 0 0 10px; float: right;
 padding: 0; display: block;
}

ul.menu {
 position: relative;
 z-index: 597; 
 float: left;
}

ul.menu li {
 float: left; margin: 8px 10px 0px 10px;
 line-height: 1.3em;
 vertical-align: middle; 
 zoom: 1; 
}

ul.menu li.hover,
ul.menu li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.menu ul {
 visibility: hidden;
 position: absolute; 
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 margin-top: -1%;
}

ul.menu ul a{ color:#000;}

ul.menu ul li ul li{ margin-left: 5%; color: #000; background-color: #FC0; border: 1px #F90 solid; padding: 2px; width: 120px; font-size: 0.9em; font-weight:800;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px; /* future proofing */
-khtml-border-radius: 8px; /* for old Konqueror browsers */}

ul.menu ul li {
	color:#8cc116; background-color:#9F6; border: 1px #3C6 solid; padding: 2px; width: 120px; font-size: 0.9em; font-weight:800;
 float: none; 

-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px; /* future proofing */
-khtml-border-radius: 8px; /* for old Konqueror browsers */
}

ul.menu ul ul{
 top: 1px;
 left: 99%; font-family:"Century Gothic"; font-size: 0.9em; 
}

ul.menu li:hover > ul {
 visibility: visible;
}




/* ----------------- top navigation end --------------------- */


#mainContent { width: 962px;  top:60px; left: 50%;  margin-left: -481px; z-index: 30; position: absolute; padding: 8px;}


.fullBg {

	position: fixed;

	top: 0;

	left: 0;

	overflow: hidden;

}

/* ----------------- body start --------------------------- */
#content{margin:0 auto; position:relative; background-color:#f5fcfe; padding: 10px;}

	#picGallery {  clear:both; height: 341px; width: 961px; margin-top:}
	#picGallerybuttons {clear: both;  width: 961px;}
	#picGallerybuttons img { float: left; display: inline; }
	#picGallerybuttons  a:hover img {opacity:.70; filter:alpha(opacity=70); filter: “alpha(opacity=70)”;} 
	#content h2{ clear: both; display: block; padding-top: 5px; font-family: AveniLigt; font-size: 1.5em; color: #8cc116; font-weight:100;}
	#content h2 a { text-decoration: none;color:#8cc116; }
	#content h1{ clear: both; display: block; padding-top: 5px; font-family: AveniLigt; font-size: 1.5em; color: #8cc116; font-weight:100;}
	#content h1 a { text-decoration: none;color:#8cc116; }
	#content p { width: 986px; }
	#content { clear: both; margin-top: 20px;font-family:"Century Gothic";font-size: 1.2em; }
	
	    
    #annoucements {width: 312px; height: 218px; float:left; margin: 20px 0px 0px;}
    #annoucements p { float: left; margin:15px 0px 0px 8px; font-family:AveniLigt; font-size: 0.7em; width: 175px;} 
	#annoucements img { margin:15px 0px; float: left; border:4px #afdff5 solid;}
	#annoucements p h2 { float: left; display: none;}
    #features {width: 312px; height: 218px; float:left; margin: 20px 0px 0px;}
    #features p {  float: left; margin:15px 0px 0px 8px; font-family:AveniLigt; font-size: 0.7em; width: 175px;} 
	#features img { margin:15px 0px; float: left; border:4px #afdff5 solid;}
	#features p h2{ float: left; display: none;}
    #savings {width: 312px; height: 218px; float:right;  margin: 20px 0px 0px; background-image:url(../images/comp2_template_17.jpg); background-repeat:no-repeat;}
	#savings h3 {margin-left: 16px;}
	
	#footer_headers { clear:both; font-family: Gotham; color: #8cc116}
	
	
#content_2 {position:relative; width: 520px; float: left;  padding: 0px 50px 10px 10px; font-family: AveniLigt; }
#content_2 p{position:relative; width: 520px; clear: both;  padding: 10px 0px 10px; font-size: 0.9em; text-align:justify;}
#content_2 h1{ clear: both; display: block; padding-top: 5px; font-family: AveniLigt; font-size: 1.5em; color: #8cc116; font-weight:100;}
#topic_pics {clear: both; width: 520px;  padding:10px 0px 10px;}
#left_sidebar {margin-left: 10px; float: left; width: 125px;}
#left_sidebar ul{ list-style:none; padding-left: 8px; color:#000000; line-height:160%; font-size:0.9em;   font-family: AveniLigt; }
#right_sidebar {float: left; width: 180px;}
	
	
/* ----------------- body end --------------------------- */



/* ----------------- footer start --------------------------- */
#footer{
	clear: both; margin:0 auto;  padding:12px 0 50px; font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; background-image:url(../images/comp2_template_19.jpg); background-repeat:repeat-x; width: 962px; height: 90px;}
	
	#footerlink_col1 { float: left;}
	#footerlink_col1 a { text-decoration:none; color:#000 }
	#footerlink_col2 { float: left; margin-left: 20px;  }
    #footerlink_col2 a { text-decoration:none; color:#000 }
	#copyright { margin: 20px 162px 0px 100px; float: left; }
	#iconlist { float: right;}
/* ----------------- footer end --------------------------- */



/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}



#test{ width: 960px; height: 340px; }
#test img{ width: 960px; height: 340px; }
.vSlider {  overflow:visible; position:relative; border:none!important;  }
.vSlider ul.mainslider { margin:0; padding:0; list-style:none; position:relative; overflow:hidden; display:block;  border:none!important;}
.vSlider ul.mainslider li { background:#fff; position:absolute; top:0; left:0; border:none!important;  margin:0; padding:0; }
.vSlider ul.mainslider li>a {background:#fff; margin:0; padding:0; outline:none; border:none; text-decoration:none; background:transparent; }
.vSlider ul.mainslider li>a img { background:#fff; margin:0; padding:0; display:block; }


.vSlider span {  position:absolute; bottom:20px; left:0px;  background:#111111;  width:960px; color:#fff; font-size: 12px; padding:10px; display:block; }
.vSlider ul li div.inline { background:#fff }

.reset { z-index:1; }
.active { z-index:5; }


a.q-prev { background:url(i/controls.png) top left no-repeat; display:block; width:39px; height:37px; position:absolute; z-index:199; top:40%; left:0; opacity:0.3;  }
a.q-prev:hover , a.q-next:hover { opacity:1; }
a.q-next { background:url(i/controls.png) top right no-repeat; display:block; width:39px; height:37px; position:absolute; z-index:199;  top:40%; right:0; opacity:0.2; }


.controls { background:#fff; visibility:hidden;
position:absolute;
bottom:-29px;
padding:5px 8px;
left:30%;
z-index:99;
 }

.controls li { position:relative; z-index:9; cursor:pointer; display:block; width:18px; height:18px; background:url(i/default.png) no-repeat; float:left; margin:0px 2px; text-indent:-9999px; }
.controls li.control_active { background:url(i/active.png) no-repeat; }