/* CSS File for 'Unique Kickboxing' - website made by Robert Prior of R and P Design, www.randpdesign.co.uk */

body { 
	font-family: Helvetica, Arial, sans-serif; 
	margin: 0;
	padding: 0;
	background: url(../images/background.jpg) repeat scroll 0 0;

}

#background {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: url(../images/background.jpg) repeat scroll 0 0;
height:100%;
width:100%;
position: relative;

}
.container {
	width: 974px;
	margin: 0 auto;
}

.shop {
	border-bottom: 1px dashed gray;	
	padding-bottom: 15px;
	padding-top: 20px;
}

.shop img {
	float: left;
	border: 1px solid #151515;
	margin-right: 10px;
	margin-bottom: 5px;
}

.lightbox_staff {
	height: 120px;
	width: 120px;
	display: block;
	margin-top: 5px;
	margin-bottom: 1px;
	opacity: 0.85;
	padding: 2px;
	border: 1px solid #151515;
}

.lightbox_gym {
	border: 1px solid #151515;
    display: block;
    float: left;
    height: 75px;
    margin-bottom: 1px;
    margin-right: 12px;
    margin-top: 12px;
    opacity: 0.85;
    padding: 2px;
    width: 75px;
   }

.lightbox_staff:hover, .lightbox_gym:hover {
	opacity: 1;
	display: block;
	border: 1px solid #7a1414;
}

#logo {
	width: 300px;
	height:  62px;
	float: left;	
	background-image: url(../images/logo.png);
	margin-left: 33px;
	margin-top: 10px;
	position: absolute;
}

#header {
	width: 974px;
	height: 513px;
	background-image: url(../images/header.jpg);
}

#slider {
	width: 974px;
	height: 321px;
	position: absolute;
	margin-top: 119px;
	margin-left: 29px;
}

#map_canvas {
	width: 278px;
	height: 240px;
	border: 1px solid #151515;
	overflow: hidden;
}

#banner_text {
	height: 42px;
    margin-left: 15px;
    margin-top: 482px;
    position: absolute;
    text-align: center;
    width: 900px;
}


#content {
	min-height: 225px;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 9px;
	background: url(../images/body_repeat.jpg) repeat-y;
}

#content_second {
	min-height: 225px;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 9px;
	background: url(../images/body_repeat_second.jpg) repeat-y;
}

#second_content{
	width: 591px;
	height: auto;
	float: left;
	padding: 15px;
	border-right: 1px solid #9c9fa1;
}

#left_content {
	width: 280px;
	height: auto;
	float: left;
	margin-left: 12px;
	padding: 15px;
}

#middle_content{
	width: 280px;
	height: auto;
	float: left;
	padding: 15px;
}

#right_content{
	width: 280px;
	height: auto;
	float: left;
	padding: 15px;
}


#footer {
	margin: 0 auto;
	width: 974px;
	height: 92px;
	background: url(../images/footer.jpg) no-repeat;
}

/* @group Headings */

p {
	font: normal 14px "Helvetica";
	line-height: 1.4;
	color: #262626;
}

h1 {
	text-indent: -9999px;
	font: 20px bold "Helvetica";
}

h2 {
	color: #151515;
	font: bold 22px "Helvetica";
	text-shadow: white 1px 1px 0;
}

h3 {
	color: #7a1414;
	font: bold 16px "Helvetica";
	text-shadow: #ddd 1px 1px 0;
}

h4 {
	color: #151515;
	font: bold 14px "Helvetica";
	line-height: 1.3;
	padding-bottom: 8px;

}

h5 {
	color: white;
	font: 20px "Helvetica";
}

h6 {
	color: white;
	font: 22px "Helvetica";
	text-shadow: #363636 1px 1px 0;
}

.list {
	font: normal 14px "Helvetica";
	line-height: 1.3;
	color: #262626;
	list-style-type: square;
	padding-left: 20px;
}

.dates {
	font: normal 14px "Helvetica";
	line-height: 1.3;
	color: #262626;
	padding-bottom: 8px;
}

.border {
	padding-top: 16px;
	border-bottom: 1px dashed gray;
	width: auto;
}


.gold {
	line-height: 1.3;
	color: #745113;
	font-size: 12px;
	padding-bottom: 10px;

}

.trainers {
	color: #7a1414;
	font: bold 14px "Helvetica";
	text-shadow: #ddd 1px 1px 0;
}

.bold {
	font-weight: bold;
}

.small {
	font-size: 10px;
	color: #151515;

}

.bold_white {
	font-weight: bold;
	color: white;
}


.link a {
	text-decoration: underline;
	color: #745113;
}

.link a:hover {
	color: #65450f;
}

.copyright {
	font: normal 11px "Helvetica";
	color: #494949;
	line-height: 1.8;
	padding-left: 35px;
}

.copyright2 {
	font: normal 11px "Helvetica";
	color: #494949;
	line-height: 1.8;
	float: right;
	padding-right: 33px;
}

#right_content ul li {
	font: normal 14px "Helvetica";
	line-height: 1.3;
	color: #262626;
	list-style-type: square;
	margin-left: 15px;
	list-style-position: outside;
}

#right_content li {
	padding-bottom: 5px;
}

/* @end */

/* @group Top Navigation */  

ul.topnav {
	list-style: none;
	padding: 0 20px;	
	margin-left: 288px;
	margin-top: 25px;
	width: 650px;
	font-size: 12px;
	position: absolute;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	color: gray;
}

ul.topnav li.current, ul.topnav li.current a{
	color: #7a1414;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 65px;
	float: left;
	background: url(subnav_btn_normal.gif)no-repeat;
	
}
ul.topnav li span.subhover {background: url(subnav_btn_active.gif) no-repeat; 
cursor: pointer;
} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 61px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
	border-top: none;
	z-index: 9999;
	filter:progid:DXImageTransform.Microsoft.DropShadow(Color=#333, OffX=1, OffY=3);
    -webkit-box-shadow: 1px 2px 3px #111;
    -moz-box-shadow: 1px 2px 3px #111;
}

ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}

html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
	color: #fff;
}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center; 
}

#header img {
	margin: 0 1px 10px
}

/* @end */

/* @group Bottom Navigation */ 

ul#bottom_nav {  
    font-size: 11px;
    line-height: 2;
   	float: left;
   	padding-left: 35px;
   	padding-top: 25px;
}  

ul#bottom_nav li.current, ul#bottom_nav li.current a {
	text-decoration: underline;
	color: #7a1414;
}

ul#bottom_nav li {  
    float: left; 
    padding-right: 10px;   
}  

ul#bottom_nav li a {  
    color: #f4f4f4;  
    text-decoration: none;   
}  

ul#bottom_nav a:hover {
	color: gray;
}  

/* @end */

/* @group R and P Design Link */

#randp {
	height: 25px;
	overflow: hidden;
	width: 79px;
	float: right;
	text-indent: -9999px;
	z-index: 50px;
	display: block;
	position: relative;
	padding-right: 35px;
	margin-top: -50px;
}

#randp a {
  display:block;
  color: gray;
}

#randp a:hover {
  display:block;
  color: maroon;
}

.rollover a {
height: 30px;
width: 79px;
background: url(../images/site_link.png) 0 -25px no-repeat;
}

.rollover a:hover { 
background-position: 0 0px;
}

/* @end */

/* @group Contact Form */

.clearfloat {
	clear:both;
	height:0px;
}


form	{
	margin:0;
	padding:0;
}

fieldset	{
	}
	
legend	{
	color:#262626;
	font: normal 16px Helvetica, Geneva;
	color: #333;
	line-height: 2.0;
	margin-left: 140px;
	padding: 10px;
}

label	{
	float:left;
}

fieldset div	{
	padding:0;
	display:block;
	margin-bottom: 20px;
}
fieldset div input,fieldset div textarea	{
	width:270px;
	border-top:1px solid #555;
	border-left:1px solid #555;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-top: 10px;
	padding:4px;
	font: normal 14px Helvetica, Geneva;
}

fieldset div select	{
	padding:1px;
}

div.fm-multi div	{
	margin:5px 0;
}

div.fm-multi input	{
	width:1em;
}

div.fm-multi label	{
	display:block;
	width:auto;
	text-align:left;
}

#fm-submit	{
	clear:both;
	text-align:center;
}

#fm-submit input	{
	border:0px solid #333;
	padding:8px;
	color: white;
	font: normal 14px Helvetica, Geneva;
	background-color: #444;
	float: right;
	cursor: pointer;
}

#fm-submit input:hover {
	background-color: #363636;
}

input:focus,textarea:focus	{
	background: #eaeaea;
	color: #151515;
}

fieldset div.fm-req	{
	font-weight:bold;
}

#containernull	{
	margin:0 auto;
	width:270px;
	text-align:left;
}

p#fm-intro	{
	margin:0;
}

/* @end */

/* @group slideshow */

			

/* Easy Slider */

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider li { 
/* define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here*/ 
	width:915px;
	height:321px;
	overflow:hidden; 
}	

		
/* numeric controls */	

ol#controls{
	margin:1em 0;
	padding:0;
	height:28px;	
	float: right;
	margin-top: 36px;
	margin-right: 14px;
	font-size: 12px;
}

ol#controls li{
	margin:0 5px 0 0; 
	padding:0;
	float: left;
	list-style:none;
	height:28px;
	line-height:28px;
}

ol#controls li a{
	float: left;
	height:28px;
	line-height:28px;
	border:1px solid black;
	background: #444;
	color:silver;
	padding:0 10px;
	text-decoration:none;
}
	
ol#controls li.current a{
	background:#7a1414;
	color:#fff;
}

ol#controls li a:hover {
	background: #363636;
	color:#fff;}

ol#controls li a:focus {
	outline:none;
}
	
/* // Easy Slider */

/* @end */

/* @group timetable */

table.time {
	text-align: center;
	font: normal 14px "Helvetica";
	line-height: 1.4;
	color: #262626;
	width: 590px;
	background-color: #444;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 10px;
}

table.time td {
	background-color: #9c9fa1;
	color: #000;
	padding: 10px;
	text-align: left;
	border: 1px solid #151515;
}

table.time td.alt {
	background-color: #8c8f90 !important;
}

table.time td.hed {
	background-color: #444;
	padding: 10px 8px 8px 8px;
	text-align: center;
	border-bottom: 2px #151515 gray;
}

/* @end */

/* @group fighters stats */

table.stats {
	font: normal 12px "Helvetica";
	color: #262626;
	width: 402px;
	background-color: #444;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-left: 50px;
}

table.stats td {
	background-color: #9c9fa1;
	color: #000;
	padding: 6px;
	text-align: left;
	border: 1px solid #151515;
}

table.stats td.hed {
	background-color:  #7a1414;
	padding: 6px 2px 4px 2px;
	text-align: center;
	border-bottom: 2px #151515 gray;
}

/* @end */