html, body, h1, h2, h3, h4, h5, h6, p, dd, dl, dt, blockquote, form, div, ul 
{margin : 0;padding : 0;}
body {background: url(../graphics/rock129.jpg) repeat;font : 100% Arial, Tahoma, Verdana, serif;color : #666666;text-align:left;}
a:link {text-decoration: none; color : #1463AE;}
a:visited {text-decoration: none; color:#1463AE;}
a:active {text-decoration: none;}
a:hover {text-decoration: underline;}
a.h1{color: #ffffff;}
a.h1:visited {text-decoration: none; color:white;}
h1 {font : 1.5em Arial, serif;color : #ffffff;}
h2{font: 1.3em Arial, serif;font-weight: bold;color : #1463AE;padding: 0px 0px 0px 0px;margin: 0px 0px 10px 0px;border-bottom: #AAAAAA dotted 0px; width: 92%;}
img {border: 0px solid #6B9FB5;}
img.contact {border: 1px solid #cccccc;}
img.logo{margin-left:3%;}
.alignLfoot{margin: 0px 0px 10px 20px;}
p {font-size: 0.75em;margin: 15px 10px 0px 0px;padding: 0px 0px 0px 0px;line-height: 1.25em;color : #333333;}
p.poster {font-size: 0.75em;margin: 15px 10px 100px 0px;padding: 0px 0px 0px 0px;line-height: 1.25em;color : #333333;}
p.small {font-size: 0.70em;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;line-height: 1.25em;color : #333333;width: 600px;}
p.shop {font : 100% Arial, Tahoma, Verdana, serif !important;font-size: 1.2em !important;margin: 0px 10px 10px 0px;padding: 0px 0px 0px 0px;line-height: 1.25em;color : #333333;}
p.italic{ font-style:italic;}
p.slide-padding {margin-top: 5px;}
p.baa { margin-bottom: 20px;}
#container {position:relative;margin : 0px auto; width : 950px;}
#header {width : 950px;height : 200px;border-bottom: 0px solid #01ae4b;background: #ffffff;}
#header h1 {
width : 950px;
height : 200px;
position : absolute;
left : 0px;
top : 35px;}
#header h1 span {
background : url(../graphics/capoeira-canal-banner-950.png) no-repeat; 
position : absolute;
left : 0;
top : 0;
width : 950px;
height : 200px;}
#navigation { /*New id for main navigation*/
height: 35px;
padding-left: 0px;
margin: 0;
background: #ffffff;
width: 950px;
border-bottom: 0px solid #1463AE;}
#logo { /*New id for main navigation*/
padding-left: 0px;
margin:0% 0% 0% 0%;
background: #ffffff;
width: 950px;
border-bottom: 0px solid #1463AE;}
#content_wrapper{
float:left;
	width:100%;
	overflow: hidden;
	background: #fff;}
		.footbox{
	float:left;
	width:700px;
	overflow: hidden;
	margin: 20px 0px 0px 0px;}
#footer_wrapper{
	float:left;
	width:100%;
	overflow: hidden;
	padding: 0px 0 20px 0px;
		background-color: #FFF;}
#footer{
padding:10px 0 20px 0px;
    margin: 0% 0 0 3%;
background-color: #ffffff;
border-top: 0px solid #01ae4b;
	width: 97%;}
#col1{
margin:5% 0% 0% 3%;
padding-bottom: 0px;
	float:left;
	width:59%;
	position:relative;
	left:0%;
	overflow:hidden;
	 background: #FFF; }
	 #col1-home{
margin:5% 0% 10% 3%;
padding-bottom: 0px;
	float:left;
	width:59%;
	position:relative;
	left:0%;
	overflow:hidden;
	 background: #FFF; }
	 	 .slide-down{
margin:5px 0px;
padding-bottom: 0px;
	float:left;
	width:100%;
	position:relative;
	left:0%;
	overflow:hidden;
	 background: #FFF; }
	 #item3{
margin:5% 0% 0% 3%;
padding-bottom: 0px;
	float:left;
	width:51.7%;
	position:relative;
	left:0%;
	overflow:hidden;
	 background: #FFF; }

#col2 {
	margin:5% 0% 0% 0%;
	padding-bottom: 0px;
	float:left;
	width:322px;
		position:relative;
	left:0%;
	overflow:hidden;
	background:  #ffffff;
	border-left: 0px solid #F0F0F0;}
	.tables{position:relative;
	clear:both;
	width:59%;
	margin:0% 0% 0% 3%;
	float:left;
	overflow:hidden;
	 background: #FFF; 
	}
	#video-slide {
	float:left;
	height:217px;
}	

	#video {
	float:left;
}
	.tablenew td {
 border-bottom: 1px solid;
  border-color:#cccccc;
background: #fff;
text-align: left;
color: #333333;
padding: 2px 0px;
vertical-align:top;}
	.tablenew td {
 border-bottom: 1px solid;
  border-color:#cccccc;
background: #fff;
text-align: left;
color: #333333;
padding: 2px 0px;
vertical-align:top;}
.tablenew {
width:550px; 
font-size: 0.70em;
margin-top: 10px;
text-align: left;
table-layout:fixed;
vertical-align:bottom;}
/******************FORM**************************/
#sendemail input.text, #sendemail textarea {
padding: 2px;
border: 1px solid #cccccc;}
#sendemail textarea {
width: 378px;}
#sendemail input.text {
width: 181px;
margin-right: 10px;}
#sendemail input.subject {
width: 378px;}
#sendemail p img, #sendemail p label {
display: block;}
#sendemail input.submit {
float:right;
margin:0px 170px 0px 0px;}
h3.mailError { /*Styles for error message if form cannot be sent*/
font-weight: bold;
color: red;}
/******************APPLICATIONS******************/
.app {
margin : 20px;
color : #000;
background : #fff;
font-family : tahoma, verdana, arial, sans serif;
font-size : 12px;
line-height : 15px;
width : 350px;}
#apptable1 {
border : 1px solid #999;}
#apptable2 {
border : 1px solid #999;}
#apptable3 {
border : 1px solid #999;}
.x {
border : 1px solid #000;
height : 16px;}
/******************APPLICATIONS END******************/
i{font-size: 0.9em;
color: #333333;}
i.foot{font-size: 1em;
color: #01AE4B;}
.menu5 li a:active li active {font-weight: bold; color:#01AE4B;}
.menu5 #active a {font-weight: bold; color:#01AE4B;}
.menu5 {
text-align:left; position:relative; font: 0.75em Arial, Verdana, serif; height:1em; margin:0em 0em 0em 38.5em; padding:0; list-style-type:none; z-index: 1000;
font-weight: bold; text-decoration: none; color: #1463AE;}
.menu5 ul {
padding:0em 1em; margin:0; list-style-type:none; /* for Firefox */
}
.menu5 li {
float:left; position:relative;
}
.menu5 li a, .menu5 li a:visited {
display:block; text-decoration:none; color:#000; float:left; padding:0em 1em; height:3em; line-height:3em; color:#1463AE; 
}
* html .menu5 li a, .menu5 li a:visited {
 /* hack for IE5.5 */
}
.menu5 li ul {
visibility:hidden; position:absolute; top:0em; left:0; height:0; overflow:hidden;
}
.menu5 table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a,
.menu5 li a:hover {
text-decoration:underline; border:0;
}
.menu5 li:hover ul,
.menu5 li a:hover ul {
visibility:visible; height:auto; background:transparent url(../graphics/opaque.png);  border:0px solid #ddd; left:0; top:2.5em; overflow:visible; 
}
.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {
display:block; font: 0.90em Arial, Verdana, serif; font-weight: bold; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em 0em 0.5em 0.0em; width:9em;
}
* html .menu5 li a:hover ul li a {
 /* hack for IE5.5 */
}
.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0em; height:0; overflow:hidden;
}
.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {
text-decoration:underline;
}
.menu5 li:hover ul li:hover ul,
.menu5 li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff;
} 
.menu5 li:hover ul li:hover ul.left,
.menu5 li a:hover ul li a:hover ul.left {
left:-9.3em;
}
.menu5 li:hover ul li:hover ul li a,
.menu5 li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu5 li:hover ul li:hover ul li:hover a,
.menu5 li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}
.menu5 li a.capital, .menu5 li a.capital:visited{
text-transform:capitalize}
.td-150{width: 150px;}
.td-200{width: 200px;}
	.td-50{width: 50px;}
	.td-60{width: 60px;}
	.td-30{width: 30px;}	
		.td-100{width: 100px;}	
	 .nonscript{width:320px; height:212px;}
/****************** SHOP ******************/
	 #uniform{ 
padding-left: 0px;
margin: 1% 3% 0 3%;
background: #ffffff;
width: 900px;
border-bottom: 0px solid #1463AE;}
		#shop-shoes1{
 position:relative;	
 width:450px;
 float:left;
 margin: 0% 3% 0 3%;
 background:  #fff;}
 		#shop-shoes2{
 position:relative;	
 width:425px;
 float:left;
 margin: 0% 0% 0 0%;
 background:  #fff;}
	.td-shop {
 border-bottom: 0px solid !important; 
  border-color:#cccccc;
text-align: left;
color: #333333;
vertical-align:top;}
		.tableshop2 td {
background: #fff;
text-align: left;
color: #333333;
padding: 0px 0px;
vertical-align:top;}
.tableshop2 {
padding: 10px 0px 5px 0px;
font-size: 0.70em;
text-align: left;
vertical-align:bottom;
 border-bottom: 1px solid #cccccc;}
.tableshop1 td {
background: #fff;
text-align: left;
color: #333333;
vertical-align:top;}
.tableshop1 {
font-size: 0.70em;
margin-top: 20px;
text-align: left;
table-layout:fixed;
vertical-align:bottom;}
	.tableshop td {
background: #fff;
text-align: left;
color: #333333;
vertical-align:top;}
.tableshop {
font-size: 0.70em;
text-align: left;
table-layout:fixed;
vertical-align:bottom;
padding: 10px 0px 5px 0px;
 border-bottom: 1px solid #cccccc;}
.shop-tables{position:relative;
	clear:both;
	width:600px;
	margin:0% 0% 0% 3%;
	float:left;
	overflow:hidden;
	 background: #FFF; 
	}
	h3{
font: 1.1em Arial, serif;
font-weight: bold;
color : #333333;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
z-index:1000;}
	h3.email{
font: 0.9em Arial, serif;
font-weight: bold;
color : #333333;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}
.msg_head{margin:0px;padding:0px;}
p.msg_body{margin:0px;padding:0px;}
/****************** Slide Up Down ******************/
span.red {color:red; font-size:14px;}
a:focus {
	outline: none;
}
#panel {
	display: none;
	width: 550px;}
.slide {
font-size: 10pt;
line-height: 0.7em;
float:left;
color:red;
	margin-top: 5px;
	padding: 0;}
.btn-slide {
font-size: 10pt;
line-height: 0.7em;
	
	padding: 0px 0px 0 0;
	
	text-decoration: none;
	color:red;
}
a.btn-slide {
font-size: 10pt;
line-height: 0.7em;
	
	padding: 0px 0px 0 0;

	text-decoration: none;
	color:red;
}
a.btn-slide {
font-size: 10pt;
line-height: 1.25em;
padding: 0px 0px 0 0;
text-decoration: none;
color:red;
cursor: pointer;
}