/* Base style removal, global fixes and browser/platform fixes */

:link, :visited { text-decoration: none }
ul,ol { list-style: none }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,dl,dt,dd,input { margin: 0; padding: 0 }
a img, :link img, :visited img { border: none }
address { font-style: normal }
a, a:link, a:visited, a:hover, a:active { outline: 0; }


/*	Custom styles begin */


body {
	font-family: Arial,sans-serif;
	background: url(/images/114/body-bg.png) repeat-x #fff;
}
br {line-height: 10px;}

.wrapper {background: url(/images/114/wrapper-bg.png) top center no-repeat;min-height: 309px;}
.inner-wrapper {background: url(/images/114/content-bg-wrap.png) top center no-repeat;min-height: 600px;}
.clear {clear: both;}
.graphic {text-indent: -99999px;display: block;}
.primary {float: left;width: 620px;margin: 0 0 0 30px;}
.secondary {width: 250px;float: right;display: inline;margin: 0 30px 0 0;}

/* Header
---------------------------------- */

div#header {width: 960px;margin: 0 auto;}
div#header .logo {float: left;width: 231px;height: 106px;margin: 21px 0 0 11px;}
div#header .logo a {width: 231px;height: 106px;background: url(/images/114/vision-mma-logo.png) no-repeat;text-indent: -9999px;display: block;}
div#header p {float: right;display: inline;width: 600px;text-align: right;color: #6e6d6d;font-size: 12px;line-height:18px;text-transform: uppercase;margin: 10px 10px 0 0;font-weight: bold;}
div#header p b {color: #333;}
div#header p span {font-weight: normal;}
div#header img {clear: right;float: left;margin: 40px 0 0 0;}
div#header form {float: right;display: inline;width: 210px;height: 29px;margin: 63px 10px 15px 0;}
div#header form input[type=text] {width: 170px;height: 29px;line-height: 29px;background: url(/images/114/search-bg.png) no-repeat;border: 0;color: #666;font-size: 13px;padding: 0 30px 0 10px;}
div#header form .search {margin:0;}

div#header a {color: #6e6d6d;}
div#header a:hover {color: #000;}

/* Navigation
---------------------------------- */

ul.dropdown { position: relative;width: 960px;height: 40px;z-index: 100;clear: both;background: url(/images/114/navbar-bg.png) no-repeat;margin: 0 auto; }
ul.dropdown li { font-weight: bold; float: left; zoom: 1;  }

ul.dropdown a:active { color: #fff; }
ul.dropdown li a { display: block; color: #a9a9a9;text-shadow: 0 1px 1px #333; }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover {position: relative; }

ul.dropdown > li {border-right: 1px solid #363636;}
ul.dropdown > li > a {height: 40px;line-height: 40px;font-size: 14px;line-height: 40px;font-weight: bold;padding: 0 20px;text-transform: uppercase;border-right: 1px solid #181818;}
ul.dropdown > li.active a, ul.dropdown > li:hover a {background: url(/images/114/navbar-bg-active.png) top center no-repeat;color: #fff;}
ul.dropdown > li:first-child.active a, ul.dropdown > li:first-child:hover a {background: url(/images/114/navbar-bg-active.png) top left no-repeat;}


/* L2 */
ul.dropdown ul.subnav {width: 240px; visibility: hidden; position: absolute; top: 100%; left: 0;padding: 0;background: none;
	/* fallback/image non-cover color */
   background-color: #0d0d0d; 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(#2d2d2d, #0d0d0d);

   /* Safari 4+, Chrome 1+ */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0d0d0d), to(#2d2d2d));

   /* Safari 5.1+, Chrome 10+ */
   background-image: -webkit-linear-gradient(#2d2d2d, #0d0d0d); 

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(#2d2d2d, #0d0d0d);
}

ul.dropdown ul.subnav li { font-weight: normal; color: #fff; float: none;font-size: 12px;font-weight: bold;background: none; }
ul.dropdown ul.subnav li a {padding: 8px 20px;display: block;background: none;}
ul.dropdown ul.subnav li:hover {background: #000;}

									  
	/* IE 6 & 7 Needs Inline Block */
	ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; } 

/* L3 */
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }



/* Home Page Panels
---------------------------------- */

/* Rotating Panels */
div.feature {width: 960px;margin: 0 auto 10px auto;}
div.panels {width: 640px;height: 280px;float:left;margin: 0;overflow: hidden;position: relative;z-index: 3;padding: 10px;background: #333;}
div.panel-group {width: 640px;height: 280px;overflow: hidden;color: #555;font-size: 16px;line-height: 25px;}
div.panel-content {overflow: hidden; margin: 0; padding: 0; border: none;width: 640px;height: 280px;}

div#p1 {background: url(/images/114/pic2.jpg);}
div#p2 {background: url(/images/114/pic1.jpg);}
div#p3 {background: url(/images/114/pic3.jpg);}
div#p4 {background: url(/images/114/pic4.jpg);}

/* Rotating Panels Nav */
div#switch {position: absolute;z-index: 50;}
div#switch ul.panels-nav {height:23px;float: left;list-style: none;background: #000;border:1px solid #666;padding: 0 5px;position:relative;margin: 252px 0 0 567px;}
div#switch ul.panels-nav li {float: left;margin: 0 5px 0 0;}
div#switch ul.panels-nav li a {line-height: 23px;font-size: 16px;font-weight: bold;text-align: center;color: #fff;}
div#switch ul.panels-nav li a:hover, div#switch ul.panels-nav li.active a {color: #9c0a0e;}

/* YouTube Box */
div.feature2 {background: #333;width: 270px;float: right;display: inline;height: 290px;padding: 10px 10px 0 10px;}
div.feature2 iframe {margin: 0 0 10px 0;}
div.feature2 a {width: 268px;height:35px;color: #fff;border: 1px solid #790000;display: block;text-align: center;text-transform: uppercase;font-weight: bold;line-height: 35px;text-shadow: 0 1px 1px #5d0001;
	/* fallback/image non-cover color */
   background-color: #7a0000; 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(#9c0a0e, #7a0000);

   /* Safari 4+, Chrome 1+ */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7a0000), to(#9c0a0e));

   /* Safari 5.1+, Chrome 10+ */
   background-image: -webkit-linear-gradient(#9c0a0e, #7a0000); 

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(#9c0a0e, #7a0000);
}

div.feature2 a:hover {
	/* fallback/image non-cover color */
   background-color: #9c0a0e; 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(#7a0000, #9c0a0e);

   /* Safari 4+, Chrome 1+ */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9c0a0e), to(#7a0000));

   /* Safari 5.1+, Chrome 10+ */
   background-image: -webkit-linear-gradient(#7a0000, #9c0a0e); 

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(#7a0000, #9c0a0e);
}


/* Main Content
---------------------------------- */

div#content {width: 960px;margin: 0 auto;padding: 20px 0;font-size: 13px;line-height: 18px;color: #555;}
div#content h1 {margin: 10px 0;color: #9b0a0e;font-size: 28px;line-height: 32px;text-transform: uppercase;}
div#content h2 {margin: 20px 0 10px 0;color: #9b0a0e;font-size: 20px;line-height: 24px;text-transform: uppercase;}
div#content h3 {margin: 20px 0 10px 0;color: #333;font-size: 16px;line-height: 20px;text-transform: uppercase;}
div#content h4,div#content h5 {margin: 10px 0 10px 0;color: #9b0a0e;font-size: 13;line-height: 18px;text-transform: uppercase;}
div#content h4.twitter {background: url(/images/114/1308704220_icontexto-inside-twitter.png) top right no-repeat;height: 32px;line-height: 32px;}
div#content h5 {margin-left: 20px;}
div#content p {margin: 0 0 10px 0;}

div#content a {color: #9b0a0e;text-decoration: underline;}
div#content a:hover {color: #000;}

div#content ul {margin: 12px 0 10px 30px;list-style: disc;}
div#content ul li {margin: 0 0 5px 0;}

div#content ul.tweet_list {list-style: none;margin: 0 0 12px 0;}
div#content ul.tweet_list span.tweet_time {display: none;}

div#content ul.sidenav {list-style: none;margin: 0 0 20px 0;}
div#content ul.sidenav li {padding: 0 0 0 20px;margin: 0 0 10px 0;font-weight: bold;}
div#content ul.sidenav li a {color: #888;text-decoration: none;display: block;}
div#content ul.sidenav li:hover a, div#content ul.sidenav li.active a {color: #333;}
div#content ul.sidenav li:hover,div#content ul.sidenav li.active {background: url(/images/114/sidenav-active.png) 10px 6px no-repeat;}

div#content ol {margin: 12px 0 10px 30px;list-style: decimal;}
div#content ol li {margin: 0 0 5px 0;}

div.secondary .sidebar {width: 230px;margin-left: 20px;}
div.secondary span.subheader {font-weight: bold;color: #333;}


/* Footer
---------------------------------- */

div#footer {width: 960px;margin: 0 auto;background: #f6f6f6;padding: 20px 0;color: #919090;font-size: 11px;line-height:17px;text-transform: uppercase;}

div#footer a {color: #919090;}
div#footer a:hover {color: #333;}

div#footer h6 {font-size: 16px;line-height: 20px;text-transform: uppercase;color: #333;margin: 0 0 2px 0;}
div#footer .primary p {margin: 0 0 12px 0;font-weight: bold;}
div#footer .primary p b {color: #333;}
div#footer .primary p span {font-weight: normal;}
div#footer .primary p.copy {font-weight: normal;font-size: 10px;}

div#footer .primary ul {font-weight: bold;}
div#footer .primary ul li {float: left;margin: 0 5px 5px 0;padding: 0 0 0 5px;border-left: 1px solid #919090;line-height: 11px;}
div#footer .primary ul li:first-child {padding: 0;border: 0;}

div#footer .secondary {width: 230px;}
div#footer .secondary p {margin-bottom: 12px;}
div#footer .secondary p.doncor {background: url(/images/114/doncor-icon.png) no-repeat;line-height: 14px;padding: 0 0 0 24px;}

div.poweredFooted {width:960px;margin: 0 auto;background: #f6f6f6;color: #919090;font-size: 11px;line-height:17px;text-transform: uppercase;padding:0 0 20px 0;}
div.poweredFooted a {color: #919090;}
div.poweredFooted a:hover {color: #333;}