/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Action Boxing and Fitness
Version:	1.1
Last change:	05/05/08 
Assigned to:	Chris Buttery | Buttery Web Design
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Container / #container
3. Header / #header
4. Navigation / #navbar
5. Content / #content
6. Sidebar / #sidebar
7. Footer / #footer
8. Contact 
9. Links 
10. Headings
11. Gallery

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Body]
*/
body {
		background-color: #222222;  
		color:#333;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 13px;
		height:100%;
		line-height: 1.6em;
		margin:0px;
		padding:0px;
}
p{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
} 
ul, li {
		border: 0;
		margin: 0;
		padding: 0;
}

/*------------------------------------------------------------------
[2. Container]
*/
#container {
		background-color: #ffffff;
		border-left: #555555 solid 2px;
		border-right: #555555 solid 2px;
		margin: 0 auto; 
		padding: 0px;
		width: 900px;
}

/*------------------------------------------------------------------
[3. Header]
*/
#header {
		background: #ff1200 url(../img/bannerBG.jpg) repeat-x;
		height:109px;
		margin: 0;
		padding: 0;
		width: 900px;
}
.logo {
		left: 0;
		position: relative;
		top: 20px;
		width: 330px;
		margin-left: 20px;
}
.phrase {
		float: right;
		position: relative;
		right: 15px;
		top: 50px;
}

/*------------------------------------------------------------------
[4. Navigation]
*/
#navbar {
		background: #292929 url(../img/navBG.jpg) repeat-x;	
		height: 20px;
		margin: 0;
		padding: 5px 0;
		text-align: right;	
		width: 900px;
}
.navbar li {
		display: inline;
		padding-right: 12px;
}
#dropmenu1 a, #dropmenu1 a:visited, #dropmenu2 a, #dropmenu2 a:visited{
		color: #fff;
		padding: 3px 0 3px 2px;
		text-decoration:none;
		font-weight: normal;
}
#dropmenu1 a:hover, #dropmenu2 a:hover{
		color: #ffffff;	
		text-decoration:none;
		font-weight: normal;
}
.dropmenudiv{
		background-color: #666;	
		line-height:1.5em;	
		margin: 7px 0 0 0;	
		position:absolute;	
		text-align: left;
		visibility: hidden;	
		width: 115px;	
		font-weight: normal;
		clear: both;	
				
}
.dropmenudiv a, .dropmenudiv a.visited{
		display: block;	
		font-weight: normal;	
		padding: 5px 0px;		
		text-decoration: none;
		text-indent: 2px;	
		width: auto;
		overflow: hidden;	
		height: 20px;			
}
* html .dropmenudiv a { 		
		width: 100%;
}
.dropmenudiv a:hover { 
		background-color: #ff1200;
}

/*------------------------------------------------------------------
[5. Content]
*/
#content {
		float: left;
		margin: 0 0 200px 0;		
		padding: 0 0 30px 20px;	
		width: 520px;	
}
.smalltext {
		font-size: 10px;
		line-height: 15px;
		text-align: right;
}
#divider {
		background: #888888;
		height:1px;
		width:100%;
}
#smaller {
		color: #cccccc;
		font-size: 98%;
		text-align: right;
}
table {
		border-collapse:collapse;
		border: 1px solid black;
		margin: 5px 20px 0 0;
		text-align:center;
}
td,th {
		border: 1px solid black;
		font-weight:bold;
		padding: 5px 10px;
		width: 80px;
}
th {
		background-color: #4d4d4d;
		color: #fff;
		letter-spacing: 1px;
}
caption {
		color: #333;	
		font-weight: bold;	
		margin: 10px 0 0 0;
		padding: 8px 0 0 0;
		text-align:left;
}
.cellcolor {
		background-color: #ff5546;
}
#spacer {
		height: 400px;		
		width: 100%;
}

/*------------------------------------------------------------------
[6. Sidebar]
*/
#sidebar {
		float: right;
		line-height: 1.6em;
		padding: 0;
		margin: 30px 10px 20px 0;
		text-align: left;
		width: 320px;
		background: #cdc8c4;
}
#sidebar p {
		font-size: 12px;
		text-align: left;	
}
#sidebar img {
		float: left;
		margin: 15px 15px 0 15px;	
		overflow: hidden;	
}
#sidebar .last {
		margin: 15px;		
}
.headline {
		background-color: #fff;
		border: #666 solid 1px;
		margin: 15px;
		padding: 0;
		width: 290px;
		float: left;
}
.headlineBox {
		margin: 0 0 0 10px;
		padding: 5px 0 5px 0;
}
.headlineBox p {
		color: #333;
		margin: 0;
		padding: 0 0 5px 0;
}
.headline h2 {
		background: #292929 url(../img/bg.jpg) repeat-x;
		color:#fff;
		display:block;
		font-size: 18px;
		height: 28px;
		margin:0;
		padding: 2px 0 0 10px;
		text-decoration:none;
}

/*------------------------------------------------------------------
[7. Footer]
*/
#footer {
		background: #292929 url(../img/bg.jpg) repeat-x;
		clear: both;
		color: #999;
		height: 25px;
		padding: 5px 0 0 0;		
}
#copyright {
		float: left;
		margin: 0 0 0 0;	
		padding: 0 0 5px 10px;
		width: 300px;
}
#butteryweb {
		float: right;
		margin: 0 10px 0 0;
		padding: 0;
		text-align:right;
		width: 200px;
}
#butteryweb a:link, #butteryweb a:visited{
		font-weight: normal;
		color: #999;
}
#butteryweb a:hover {
		font-weight: normal;
		color: #ff1200;
}

/*------------------------------------------------------------------
[8. Contact]
*/
input {
		background: #dddcdc;
		border: 1px solid #292929;
		color: #333;
		margin-top:0;
		padding: 2px;	
}
textarea {
		background: #dddcdc;
		border: 1px solid #292929;
		color: #333;
		margin: 0;
		padding: 0;	
}
.formbutton{
		background-color: #ff1200;
		border: none;
		color:#fff;
		cursor:pointer;
		height: 24px;
		padding: 0px;
}
.formbutton:hover{
		background-color: #292929;
		border: none;	
		color:#fff;
		cursor:pointer;
		height: 24px;
		padding: 0px;	
}
#formMessage{
		margin-left: 20px;
		padding: 0px;
		position: absolute; 
		top: 200px;
		width: 500px;
}

/*------------------------------------------------------------------
[9. Links]
*/
p a, .navigation a, .navbar li a, .navbar li a:visited {
		background-color:transparent;
		color: #fff;
		font: bold 12px arial;
		text-decoration: none;
		padding:  0 5px;
}
p a:hover, small a:hover, .navigation a:hover, .navbar li a:hover, a:hover, .smaller a:hover {
		/*background-color:#3f464a;*/
		color:#ff1200;
}
.links a, a.top:link, a.email:link, a.top:visited, a.email:visited, a:link, a:visited {
		background-color:transparent;
		color: #292929;
		font: bold 12px arial;
		padding: 3px;
		text-decoration: none;
}
.links a:hover, a.top:hover, a.email:hover{
		/*background-color:#3f464a;*/
		color:#ff1200;
}
img a {	border:0px;}

/*------------------------------------------------------------------
[10. Headings]
*/
h1 {
		color:#ff1200;
		font-size: 28px;
		font-weight: normal;
		letter-spacing:-1px;
		line-height: 1.0em;
		margin:0;
		padding: 30px 0 5px 0;
		text-decoration:none;
}
h2 {
		color:#ff1200;
		font-size: 22px;
		font-weight: normal;
		margin:0;
		padding: 15px 0 0 0;
		text-decoration:none;
}
.bold {		
		color: #333;	
		font-weight: bold;	
}	
.boldred {
		color: #ff1200;
		font-weight: bold;	
}
.name {
		color: #ff1200;
		font-weight: bold;
}
.about {
		color:#424242;
		font-size: 1.3em;
}
.about:hover {color:#ccc;}
.times {
		text-align: left;
}
.subheading {
		font-weight: bold;
		text-align: center;
}
.date {
		border-bottom:dotted 1px #4D4D4D;
		color:#4d4d4d;
		font-size:90%;
		font-style:italic;
		line-height:1.4em;
		padding-top:10px;
		padding-right: 20px;
		text-align: right;
}
.testimonial {
		border-bottom: 2px dotted #ccc;
		margin: 5px 0 5px 0;
		padding: 15px 0 0 0;
}
.benefits, .links {
		line-height: 1.8em;
		list-style: square;
		margin: 5px 0 0 15px;
}
.timetable {
		line-height: 1.8em;	
		list-style-type: none;	
		text-align: left;
}
.points {
		line-height: 1.6em;
}
#document {
		background-color: #666666;
		border: 1px solid #ccc;
		padding: 5px;
		text-align: center;	
}
#border {
		border:4px solid #3F464A;		
		margin: 0px 0px 0px 10px;		
		padding: 0px;
}

/*------------------------------------------------------------------
[11. Gallery]
*/
#gallery {
		margin: 0 0 200px 0;
		padding: 10px;	
		width: 880px;
		text-align: center;
}
#mainImage {
		margin: 30px 0 20px 140px;
		width: 600px;
}
.thumbs {
		margin: 10px 0 0 145px;
		text-align: left;
		width: 600px;
}
#gallery h1, #gallery p {
		text-align: left;
		margin-left: 15px;
}


/*------------------------------------------------------------------
Prevent Bug
*/
#video {
height: 258px;
width: 290px;
margin: 15px;
padding: 0;
float: none;
}