@import url("jstuff.css");

body {width: 100%;}
#content100 {float:left; width:100%;}
#header_items {width: 100%;}
#header.block_holder,  #footermenu.block_holder {padding:0;}
.module_margin {margin:10px;}
.top-1, .top-2, .top-3, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2  {float: left;}
.block_holder {padding:0;}

/*--Framework Classes--*/
.j51container {	width:100%; }
.wrapper960 {	width:960px; 	margin:0 auto; }
.clear {	clear:both;}
.menu{}
#content_full {	float:left;	width:100%;}


/*--Header Div--*/
#header {	position:relative;}

/* Search */
#search {	height:20px;	position:absolute;	z-index:10;}
#search form {	margin:0;}
#search .inputbox {background:url("../images/searchBox.png") no-repeat scroll left top transparent;border:medium none;height:17px;margin:0;padding:3px 5px 7px 30px;width:168px;}
#search form .search label {	display: none;}

/*--Logo & Slogan Layout--*/
#logo { position:absolute;}
.logo_container { margin: 0px; }
.logo_container h1 {  padding:0px;  margin:0; line-height:normal !important;}
.logo a {display:block; position:relative; z-index:20;}
h1.logo-text {  margin:0;   padding:0;  text-align:left;}
h1.logo-text a {  letter-spacing:-3px;  white-space:nowrap;   outline:none;   position:relative;  text-decoration:none;   width:100%;}
p.site-slogan { padding:0;  position:relative;  white-space:nowrap;}

/* Social Media */
#socialmedia a {
    border-radius: 50px;
    margin: 5px;
}
#socialmedia {
  background:rgba(0,0,0,0.0);
  position: absolute;
  padding:0;
  right: 0px;
  top: 0px;
  z-index: 10;
}
#socialmedia ul{
  list-style: none;
  margin: 0 0 0px 0;
}
#socialmedia ul li{
  display:block;
  float: left;
  margin:0;
  padding:0 0 0px 0;
}
#socialmedia ul li a{
  display:block;
  width:40px;
  height:40px;
  text-indent:-9999px;
  background-position: 0px -40px;
  background-repeat: no-repeat;
  padding-bottom: 1px;
  opacity: 1;
}
#socialmedia a:hover{
  background-position: 0px -40px !important;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -ms-transition-property: background-color;
  transition-property: background-color;
}
.social-facebook a { background: url(../images/social_icons/facebook.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-facebook a:hover { background-color: #3b5998 }
.social-twitter a { background: url(../images/social_icons/twitter.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-twitter a:hover { background-color: #48c4d2 }
.social-googleplus a { background: url(../images/social_icons/googleplus.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-googleplus a:hover { background-color: #d94a39 }
.social-youtube a { background: url(../images/social_icons/youtube.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-youtube a:hover { background-color: #f45750 }
.social-pinterest a { background: url(../images/social_icons/pinterest.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-pinterest a:hover { background-color: #cb2027 }
.social-blogger a { background: url(../images/social_icons/blogger.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-blogger a:hover { background-color: #fb913f }
.social-dribbble a { background: url(../images/social_icons/dribbble.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-dribbble a:hover { background-color: #ef5b92 }
.social-flickr a { background: url(../images/social_icons/flickr.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-flickr a:hover { background-color: #f1628b }
.social-skype a { background: url(../images/social_icons/skype.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-skype a:hover { background-color: #18b7f1 }
.social-digg a { background: url(../images/social_icons/digg.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-digg a:hover { background-color: #2882c6 }
.social-linkedin a { background: url(../images/social_icons/linkedin.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-linkedin a:hover { background-color: #71b2d0 }
.social-vimeo a { background: url(../images/social_icons/vimeo.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-vimeo a:hover { background-color: #62a0ad }
.social-yahoo a { background: url(../images/social_icons/yahoo.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-yahoo a:hover { background-color: #ab64bc }
.social-tumblr a { background: url(../images/social_icons/tumblr.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-tumblr a:hover { background-color: #3a5976 }
.social-deviantart a { background: url(../images/social_icons/deviantart.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-deviantart a:hover { background-color: #d0de21 }
.social-delicious a { background: url(../images/social_icons/delicious.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-delicious a:hover { background-color: #3274d1 }
.social-rss a { background: url(../images/social_icons/rss.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.1); }
.social-rss a:hover { background-color: #fe9900 }
	
/*--Breadcrumb Divs--*/
	#breadcrumb .module_padding {	padding:0px;}

/*--Main Content and Side Columns Divs--*/
.maincontent {padding: 0 15px;}
#sidecol_a, #sidecol_b {height:100%;}
 
/*--Bottom Modules Divs--*/
#bottom_modules { }

/*--Base Modules and footer Divs --*/

#copyright a { color:#bbb; text-decoration:none; }

/* Module Styling */
.module, .module_menu {
	display: block;
    height: 100%;
    width: 100%;
}
.module_header h3, .module_header h3 {	padding:0; 	margin:0;}
.module_padding {	height:100%;	padding:6px 10px;}
.module_content {	padding:0;}
#sidecol .module {	margin-bottom:10px;}
.custom {width: 100%;}
.header-1 .custom {width: auto;}

/* Module Stlying - Icons */
.title-pen .module_header {
  background: url("../images/icons/pen.png") no-repeat scroll 0px center transparent;
}
.title-mail .module_header {
  background: url("../images/icons/mail.png") no-repeat scroll 0px center transparent;
}
.title-screen .module_header {
  background: url("../images/icons/screen.png") no-repeat scroll 0px center transparent;
}
.title-bubble .module_header {
  background: url("../images/icons/bubble.png") no-repeat scroll 0px center transparent;
}
.title-tick .module_header {
  background: url("../images/icons/tick.png") no-repeat scroll 0px center transparent;
}
.title-plus .module_header {
  background: url("../images/icons/plus.png") no-repeat scroll 0px center transparent;
}
.title-arrow .module_header {
  background: url("../images/icons/arrow.png") no-repeat scroll 0px center transparent;
}
.title-star .module_header {
  background: url("../images/icons/star.png") no-repeat scroll 0px center transparent;
}


.title-pen.style-box .module_header,
.title-mail.style-box .module_header,
.title-screen.style-box .module_header,
.title-bubble.style-box .module_header,
.title-tick.style-box .module_header,
.title-plus.style-box .module_header,
.title-arrow.style-box .module_header,
.title-star.style-box .module_header {
  background-position: 15px center;
}
.title-pen .module_header h3,
.title-mail .module_header h3,
.title-screen .module_header h3,
.title-bubble .module_header h3,
.title-tick .module_header h3,
.title-plus .module_header h3,
.title-arrow .module_header h3,
.title-star .module_header h3 {
  padding:12px 32px 5px;

}
.module.title-pen,
.module.title-mail,
.module.title-screen,
.module.title-bubble,
.module.title-tick,
.module.title-plus,
.module.title-arrow,
.module.title-star {
  height:auto;
  width:100%;
}
.module_header h3 {
  background-position: 0px 1px !important;
}

/* Module Styling - Menus */
.module ul, .module_menu ul {	list-style-type: none;}
.module ul a, .module_menu ul a {display:block; text-decoration: none;}
#breadcrumb-1, #footer-1, #footer-2, #footer-3 {	float: left; 	width:100%;}
  
/** Hornav **/
#hornav {float:left; }
#hornav ul {margin:0;}
#hornav a span {cursor:pointer; display:block;}
#hornav li{list-style:none outside none; position:relative; text-indent:0; }
#hornav li li a span, #hornav li li a:hover span {}
#hornav a:hover {cursor:pointer; display:block; text-decoration:none;}
#hornav a:hover span{cursor:pointer; display:block;}
#hornav li ul li, #hornav li ul li ul li {margin-top: 0px;}

/* Hornav - Parent Styling */
 #hornav ul a, #hornav ul ul a, #hornav .separator {white-space:nowrap; margin:0; margin-bottom:3px; cursor:pointer;}
#hornav li:first-child a {}
#hornav li, #hornav li li {float:left; z-index: 10;}
#hornav ul a, #hornav .separator {display:block; padding: 0 14px; text-decoration: none; z-index: 9999; margin-bottom: 0px 
/*dropdown gap*/
;}
#hornav li:hover {}
#hornav ul ul a {display:block; line-height:20px; padding: 1px 10px; text-decoration: none; z-index: 9999; border:none;}

/* Hornav - Child Styling */
#hornav li li a, #hornav li li.active a, #hornav li li.visited a {color:#555555 !important; text-transform: none;}
#hornav li li a, #hornav li li a:hover, #hornav li li.active a, #hornav li.active ul li a {background:none !important;}

/* Hornav - Child Block Styling */
#hornav li li, #hornav li li li {clear:left; float:left; margin:0; padding: 2px 0px 4px !important; white-space: nowrap; z-index: 9999 !important;}
#hornav li li:last-child, #hornav li li li:last-child {background:none !important;}

/* Hornav - Dropdown Block Styling */
#hornav ul li ul{  height:auto;  left:-999em;  margin:0;  padding:5px;  position:absolute; z-index:99999 !important;}

/* Hornav - Image 16*16 Styling */
#hornav ul li ul img {padding:3px 6px 3px 0px;}

/* Hornav - Sub-Child Block Styling */
#hornav li ul li ul {height:auto; left:-999em; margin:0; padding:5px; position:absolute; top:0;}

/* Hornav - General */
#hornav li:hover ul ul, #hornav li:hover ul ul ul, #hornav li:hover ul ul ul ul, #hornav li.iehover ul ul, #hornav li.iehover ul ul ul, #hornav li.iehover ul ul ul ul {left: -999em;}
#hornav li:hover ul, #hornav li li:hover ul, #hornav li li li:hover ul, #hornav li li li li:hover ul, #hornav li.iehover ul, #hornav li li.iehover ul, #hornav li li li.iehover ul, #hornav li li li li.iehover ul {left:0; z-index:99999 !important;}
#hornav li li, #hornav li li li {min-width: 180px;}
#hornav li ul li ul {margin-left: 187px;}
.module .latestnews li:first-child {margin-top: 0 !important;}
#menu li li.parent {cursor: pointer !important;}
#hornav li:hover {left:0; z-index:5001 !important;}
#hornav ul li ul {margin-top: 0px;}

/* MenuMatic */

/* Just sub menu links */
#subMenusContainer a, #hornav li li a{text-align:left;}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{display:none; position: absolute; overflow:hidden; padding:0 2px; margin:0 0 0 -2px;}

/* All ULs and OLs */
#subMenusContainer ul, #subMenusContainer ol {padding: 0; margin: 0; list-style: none; line-height: 1em; min-width:170px;}

/* All submenu OLs and ULs */
#subMenusContainer ul, #subMenusContainer ol {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; left:0; padding-bottom:5px;}
#subMenusContainer li {list-style: none; background: none;}
#subMenusContainer{	display:block; 	position:absolute;	top:7px;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000;}

/** Footer Menu **/
#footermenu ul li{    display: inline;    float: left;}
#footermenu ul li a {    display: block;	text-decoration: none;}
#footermenu ul li:last-child a {	border:none;}

/* Backgrounds Class */
.backgrounds {
    height: 100%;
    position: absolute;
    width: 100%;
}
#container_main .wrapper960 {position:relative;}
#container_main .wrapper960 div {
  box-sizing:border-box;
  -moz-box-sizing: border-box;
}
#sidecol_a , #sidecol_b, #content_full, #content_remainder, .content_background {
  position: relative;
  height: 100%;
}