/* CSS Document */

body { margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 63.125%; background-color: #4D4C43; color: #383838; }





/* HEADER */
#header {  width: 100%;  height: 150px;  background: #1686e3 url(../images/layout/header/base.png) repeat-x top center;}

#header-inner1 {  width: 100%;  height: 100px;  background: url(../images/layout/header/clouds.jpg) repeat-x top center;}

#header-inner2 { margin: 0 auto;  width: 900px;  height: 100px;}

#header-inner3 {  position: relative;  margin: 0 auto;  width: 900px;  height: 100px;}

#header-decoration { position: absolute; top: 0; left: 0;}

h1 {  position: absolute; top: 0px;  right: 0;  margin: 0;}

#header a {  outline: none;}





/* NAVIGATION */
#nav { position: relative; Margin: 0 auto; bottom: -7px;  left:25px;  padding: 0 0 0 0;  width: 900px;  height: 40px;  z-index: 1250; }

.nav-item { font-family:Helvetica, sans-serif; text-shadow: #acacac -1px 1px 1px !important; color: #44712b; display:block; /*This Cover Full TD */ float:left; background:url(../images/layout/nav/tab.gif) center top no-repeat; height:30px; width:86px; padding-top:3px;  line-height:25px; text-align:center; font-size:10pt; text-decoration:none; }

.nav-fb { display:block; /*This Cover Full TD */ float:left; height:21px; width:200px; padding-top:3px; padding-left: 5px; }

.nav-item:hover { background:url(../images/layout/nav/tab_hover.gif) center top no-repeat;  }
  
.nav-item: a { color:#CCCCCC; text-decoration:none;}
  
#top_nav { padding-right:5px; padding-left:5px; position:absolute; top:0px; right:250px; font-size:11px; z-index:1000; background-color:#FFF; border-bottom:thin solid #006699; border-right:thin solid #006699; border-left:thin solid #006699;} 
  
  
  
/* CONTENT */

#content { position: relative; top:0px; float: left; min-height: 200px; width: 100%; z-index: 1000; background: url(../images/layout/backgrounds/texture.jpg) repeat-x top left;}

#content-wrapper { position: relative; margin: 0 auto; width: 900px;  }  

.main { position: relative; top: -18px; left: -2px; min-height: 300px; overflow: hidden; width: 900px; background: url(../images/layout/content/main_full.png) no-repeat top left; z-index: 1001; }

.secondary {position: relative; top: -18px;	left: -2px;	min-height: 300px; overflow:hidden; width: 900px; background: url(../images/layout/content/main_half.png) no-repeat top left; z-index: 1001; }

.fullheight {position: relative; top: -18px; left: -2px; min-height: 300px; overflow:hidden; width: 900px; background: url(../images/layout/content/main_half.png) no-repeat top left; 	z-index: 1001; }

#content-overlap { position: relative; left: 0px; width: 900px; height:550px; background: url(../images/layout/home/main_bottom.png) no-repeat 0 280px;}

#content-container { position:relative; left:0px; padding:25px 50px 15px 25px; width:850px; height:500px; overflow:hidden; }

#content-index { position:relative; left:0px; padding:0px 50px 15px 25px; width:850px; height:550px; overflow:hidden; }

#content-container-overflow { position:relative; left:0px; padding:25px 50px 15px 25px; width:850px; height:505px; overflow:hidden; }

#content-container-100 { position:relative; left:0px; padding:25px 50px 15px 25px; width:850px; height:100%; overflow:hidden; }

#content-container-1000 { position:relative; left:0px; padding:25px 50px 15px 25px; width:850px; height:100%; }
	
#shell { position:relative; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; float:left; padding-top:0px; }

.content { position:relative; float:left; padding-top:30px; padding-left:60px; line-height:25px; text-align:center; }

.content: a { text-decoration:none; font-size:11pt; }

.content: li { line-height:25px; }

.video { float:right; text-align:center; padding-right:80px; padding-top:0px; }

#bottom_cont { position:relative; text-align:center; float:left; padding-top:15px; margin-left:100px; }

.columnWrapper { float:left; height:100%; }

.columnWrapperRight{ float:right; padding:10px 10px 10px 10px; right:0px; }
	
.colLeft { position: relative; width:270px; height:490px; float:left; top:0; left:0; margin-bottom:5px;}

.colLeftExpand { position: relative; border-width:0; float:left; top:0; left:0; margin-bottom:5px;}

.overflow { overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x: none; height:inherit; }

.colRight { width:550px; float:right; }

#map { border:1px solid #000;}

#feature { Position: relative; top:5px; left:0px; width:850px; height:400px; }

#feature_tall { Position: relative; top:5px; left:0px; width:850px; height:100%; overflow:hidden; }

#feature_float { position:absolute; float:right; top:14px; right:60px; width:220px; height:375px; border: solid thin #333333; padding-top:5px; padding-right:12px; }

#feature_float_thin { position:absolute; float:right; top:18px; right:40px; width:195px; height:480px; border: solid thin #333333; padding-top:5px; padding-right:12px; }

#feature_float_short { position:absolute; float:right; top:14px; right:65px; width:220px; height:365px; border: solid thin #333333; padding-top:5px; padding-right:12px; }

#overlay_float { position:absolute; float:left; top:5px; left:10px; width:825px; height:400px; padding-top:5px; padding-right:12px; }

#sub_feature{ Position: relative; float:left; top:5px; left:10px; width:240px; height:90px; margin-left:20px; margin-top:5px; padding-right:12px; }

.half_border { border-right:thin solid #333333; border-top:thin solid #333333;}

#sub_feature P{ font: 11px Verdana, Arial, Helvetica, sans-serif; color:#333333;}

#feature_text { position:static; margin:10px; font: 1.2 em Verdana, Arial, Helvetica, sans-serif; line-height:2em }



/* IMAGES */

.outerglow { border: thin solid gray; }

/* DIV CLASSES */

.top { position:relative; top:0px; }

.left { position:relative; left:0px; float:left; }

.right { position:relative; right:0px; float:right; }

.rightindent { text-align:right; padding-right: 10px; }

.leftindent { text-align:left; padding-left: 10px; }

.border { display:block; border-width:1px; border-style:solid; border-color:#333333; }

.border-right { display:block; padding-right:10px; border-right-width: 1px; border-right-style:solid; border-right-color:#333333; }

.padtwenty { padding:20px 20px 20px 20px; }

.negPaddingTop { padding:-20px 0px 0px 0px; }

.background_light { background-color:#FFF; }

.background_dark { background-color:#333333; }

.background_blue { background-color:#006699; }

.background_green { background-color:#3DA710; }

.headline { position:static; width:100%; height:17px; font: 1.5em Garamond, Sans-Serif; color:#FFFFFF; border:thin #CCCCCC solid; font-weight:bold; letter-spacing:.15em; }

.opacity { filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacit:0.90; opacity: 0.90; }

.opacity_75 { filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacit:0.75; opacity: 0.75; }

.opacity_100 { filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacit:1.0; opacity: 1.0; }

.static_content { position:relative; padding:5px; height:100%; }


/* Mini Content Containers */
#content_sm { position: relative; top:0px; left:-10px; float: left; min-height: 200px; width: 270px; background:transparent; }

#content-wrapper_sm { position: relative; margin: 0 auto; width: 270px; }  

.main_sm { position: relative; top: 0px; left: 0px; overflow: hidden; width: 270px; background: url(../images/layout/content/mini_full.png) no-repeat top left;  }

#content-overlap_sm { position: relative;left: 0px; width: 270px; height: 170px; background: url(../images/layout/content/mini_bottom.png) no-repeat bottom left; }

#content-container_sm { position:relative; left:0px; padding:20px 10px 10px 20px; margin:0 auto; width:250px; height:130px; }

.content_sm { position:relative; float:left; padding-top:0px; padding-left:0px; line-height:25px; text-align:center; }

.img-right { position:relative; float:right;}






/* FOOTER */
#pageFooterWrapper { width: 100% !important; text-shadow: #000 -1px 1px 1px;}

#pageFooter { width: 900px; margin: 0 auto;  padding-top: 100px;}

.columnWrapperFooter { width: 940px; float: left; margin-bottom: 40px; } /* wraps each horizontal sets of columns in the footer */

.leftWrapperFooter { float: left; width: 700px; line-height:22px; }

.rightWrapperFooter { float: right; 220px; color:#FFFFFF; padding-top:10px; }

.colOneFooter { float: left; width: 120px; margin-left:40px; margin-right: 10px; }

.colTwoFooter { float: left; width: 120px; margin-right: 10px; }

.colThreeFooter { float: left; width: 120px; margin-right: 10px; }

.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clears floats */

.links a { color:#FFFFFF; size:11px; }

.columnWrapperFooter a:link { color:#FFFFFF; }

.columnWrapperFooter a:visited { color:#DB5902; }

.columnWrapperFooter a:hover { color:#00809C; }


	
  
/* GENERAL TEXT/IMAGE FORMATTING */
img { border:0 ; }
	
p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.2em;}

ul{ margin: 1em 0 1em -.5em; padding: 0; padding-left: 2em; }

h2{  }

h3{ font-size:30px;}

hr { width:80%; height:1px; color:#383838; background-color:#383838; !important; text-shadow: #000 -1px 1px 1px border:1px; }

h5{ font-size:1.4em; color:#FFFFFF; margin-bottom:-5px;}

h4{ font-size:1.4em; margin-bottom:-5px;}

a {text-decoration:none;}

/* IMAGES */
	
.imgleft {float:left; padding:10px;}

.imgright {float:right; padding:20px;}

.imgBorder{ border:1px #666666; margin:10px;}

/* TEXT CLASSES */
	
li { list-style-image:url(../images/layout/nav/arrow.png); font-size:1.1em;}

.lgheading { font-family: Vrinda, Garamond, Calibri; font-size:32px; color:#222222; font-weight: bolder; vertical-align:bottom;}

.heading { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight: bold; color:#383838; font-style:italic; text-transform:uppercase; }

.xsmtxt { font-family:inherit; font-size:8px; }

.smtxt { font-family:inherit; font-size:10px; }

.mdtxt { font-family:inherit; font-size:12px; }

.lgtxt { font-family:inherit; font-size:14px; }

.txtright { text-align:right; padding-right:10px; }

.txtleft { text-align:left; }

.txtcenter { text-align:center; }

.txttop { position: fixed; top:opx; }

.shadow {  !important; text-shadow: #FFFFFF -1px 1px 1px }

.white { color:#FFFFFF; }

.dark_raster {background: url(../images/layout/raster.png) repeat top left #222222;}


/*----JQuery Image Rotater Slider -----*/
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:400px;	width: 850px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.window-2 {
	height:480px;	width: 640px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(http://www.kegels.com/new/images/layout/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}


/*--Register Styles--*/

#register_head {  width: 100%; height:70px; background: url(http://kegels.com/new/images/layout/base.gif) repeat-x; }

#register_header { width: 800px; height:65px; margin: 0 auto; }

#register_nav { width: 760px; margin: 0 auto; height:30px; background-color:transparent; padding-left:5px; padding: 10px 5px 5px 5px; }

.register_nav { text-align:right; font: bold 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #eff3f6; color:#646464; }

.register_nav a { text-align:right; font: bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #eff3f6; color:#646464; }

.register_nav a:hover { text-align:right; font: bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #646464; color:#FFF; }

#article { display: block;  position: relative;  width: 760px; background: #dce4ea; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; padding: 1.0em; color: rgba(0,0,0, .8); text-shadow: 0 1px 0 #fff; line-height: 1.5;  margin: 0em auto; letter-spacing: 1.2pt; }
		
#article:before, #article:after { z-index: -1;  position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%;  max-width:300px;  background: rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg);  -o-transform: rotate(-3deg); }

#article:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); right: 10px; left: auto; }

.register_dash { margin:0 auto; border:dashed 3px #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 95%; height: 90%; padding-left:5px; position:relative; }





