/* paulyoungdesign.com */

* { 
 margin:0; padding:0;
}

body {
 background: #000;
 font-family: "Verdana", "sans-serif";
 font-size: 10px;
 color: #fff;
}

a:link, a:visited {
 color: #81d3e3;
 text-decoration: none;
}

a:hover, a:active {
 color: #81d3e3;
}

img { border: none; }

#container {
 width: 750px;
 margin: 25px auto 0 auto;
 border-bottom: 25px solid #000;
 /*border-top: 50px solid #252525;*/ 
}

#header {
 width: 750px; height: 50px;
 overflow: hidden;
 background: #252525;
 position: relative;
}

#header a#logo {
float: left;
 width: 0px; height: 0px;
 padding-right: 100px; padding-top: 50px;
 background: #252525 url("/images/115.gif") top left no-repeat;
 overflow: hidden;
}

#cntdwn { position: absolute; top: 18px; right: 10px; }

#main-container {
 
 border-bottom: 25px solid #252525;
 background: #252525 url("/images/bg.gif") no-repeat;
 padding: 25px 25px 25px 25px;
 position: relative;
}

#box {
 /*border: 1px dashed #f00;*/
}

.mbh2, .mbp, .mbp p {
 display: none;
}


#main a.mb {
/*
 float: left;
 clear: both;
*/
 display: block;
 position: relative;
 width: 0px;
 height: 0px;
 padding-right: 680px;
 background-position: center center;
 background-repeat: no-repeat;
 padding-top: 180px;
 overflow: hidden;
 border: 10px solid #fff;
 margin-bottom: 10px;
}

#main a.mb img {
 border: none;
 position: absolute;
 top: 0; left:0;
}

/* png
#trailer {
 position: relative;
 float: left;
 clear: both;
 width: 100%; height: 35px;
 overflow: hidden;
 margin: 0 0 10px 0;
 
 background: #1a1a1a;
}

#trailer a {
 display: block;
 position: relative;
 width: auto; height: 35px;
 line-height: 35px;
 margin: 0 auto; padding: 0px;
 background: none;
 overflow: hidden;
 border: none;
 color: #ffffff;
 text-align: center;
}
*/

#trailer {
 position: relative;
 float: left;
 clear: both;
 width: 100%; height: 35px;
 overflow: hidden;
 margin: 0 0 10px 0;
}

#main #trailer a {
 display: block;
 position: relative;
 background: url("/images/116.gif") no-repeat;
 overflow: hidden;
 padding-right: 700px; padding-top: 35px;
 width: 0px; height: 0px;
 margin: 0 auto;
 border: none;
}


#links {
 
 position: relative;
 width: 715px;
 height: 70px;
 clear: both;
 margin-left: -15px;

/* background: url("/images/nav-bg.gif") repeat-x; */
}

#links ul {
 list-style: none;
 display: inline;
 position: relative;
 float: left;
}

#links li {
 float: left;
 width: 118px;
 height: 60px;
 position: relative;
 /*background: #fff;*/
 padding: 5px;
 text-align: center;
 margin: 0px 0 0 15px;
 
 vertical-align: middle;
 
 /*overflow:hidden;*/

}

#links li a:link, #links li a:visited {
 width: 118px; height: 17px;
 padding: 53px 5px 0 5px;
 margin: -5px 0 0 -5px;
 position: absolute;
 top:0; left:0;
 background: url("/images/link.png") 5px 5px no-repeat;
 text-decoration: none;
 color: #000;
}

#links li a:hover, #links li a:active {
 /*background: none;*/
 }

#content {
 background: #1a1a1a;
 border-bottom: 5px solid #252525;
}



#mystory {
 height: 325px;
 padding: 0 0 50px 0;
 width: 100%;
 background: url("/images/mystory_text.gif") 345px 50px no-repeat;
}

#mystory img {
 border: 10px solid #0d0d0d;
 width: 300px; height: 252px;
 margin: 50px 0 0 25px;
 float: left; clear: none;
}

#mystory h2{
 float: left; clear: none;
 margin: 65px 0 0 20px;
 
 font-size: 23px;
 font-weight: normal;
 letter-spacing: -2px;

 background: #080808;
 padding: 5px 18px 11px 12px;
}

#mystory h3 {
 float: left; clear: none;
 font-size: 10px;
 font-weight: bold;
 text-transform: uppercase;
 margin: 47px 0 0 45px;
 width: 300px;
 overflow: hidden;
}

#mystory p {
 float: left; clear: none;
 width: 300px; height: 110px;
 margin: 10px 0 0 55px;

 margin: 0 0 0 55px;
 
 overflow: hidden;
}

/*
#mystory a.mb {
 display: block;
 position: relative;
 width: auto; height: auto;
 background: none;
 overflow: hidden;
 border: none;

 color: #81d3e3;
 float: right; clear: none;
 margin: 1px 34px 0 0;
 padding: 0;
 font-weight: bold;
}
*/

#mystory a:link,
#mystory a:visited {
 color: #81d3e3;
 float: right; clear: none;
 margin: 1px 34px 0 0;
 font-weight: bold;
}

#mystory a:hover,
#mystory a:active {
 text-decoration: underline;
}

.blue {
 color: #81d3e3;
}


#page, #media {
position: relative;

 padding: 49px 0;
 background: url("/images/pagebg-top.gif") 0px 39px no-repeat;
}

.h2div { margin: 0 0 0 16px; }

#page h2, #media h2{
 float: left; clear: none;
 
 font-size: 23px;
 font-weight: normal;
 letter-spacing: -2px;
 background: #080808;
 padding: 5px 18px 11px 12px;

 margin: 0 0 0 0;
}

#page h3, #media h3 {
 clear: both;
 font-size: 10px;
 font-weight: bold;
 text-transform: uppercase;
 margin: 0 15px 0 25px;
 border-left: 10px solid #0d0d0d;
 padding: 20px 0 10px 30px;
 width: auto;
 overflow: hidden;
 background: #000;
}

#page p img {
 /*
 float: left;
 margin: 2px 10px 4px 0;
 */

 float: right;
 clear: both;
 margin: 2px 0 4px 10px;
 
}

.page-image {
 width:1px;
 height:1px;
 clear:both;
}

#page p, #media p {
 clear: both;
 margin: 0 15px 0 25px;
 padding: 0 30px 0 30px;
 border-left: 10px solid #0d0d0d;
 /*border-bottom: 20px solid #0d0d0d;*/
 background: #000;
 overflow:hidden;
}

#page p a:link, #page p a:visited {
 font-weight: bold;
 float: left; clear: both;
 text-decoration: none;
 margin: 10px 0 0 0;
}

#page p a:hover, #page p a:active {
 text-decoration: underline;
}

.page-bottom {
 background: #000 url("/images/pagebg-bottom.gif") bottom right no-repeat;
 width: 700px; height: 20px;
 float: left;
 
 clear: both;
 margin: 30px -30px 0 -30px;
 
 float: left;

}




.videos {
 padding: 0 0 0 25px;
}

ul.media {
 list-style: none;
 display: inline;
 position: relative;

 clear: both;
 float: left;
 margin: 0 0 0 0;
 padding: 0 0 0 5px;
 width: 695px;
 background: #000; border-left: 10px solid #0d0d0d;
 
}

ul.media li {
 float: left;
 width: 150px;
 height: 149px;
 position: relative;
 /*background: #fff;*/
 padding: 5px;
 text-align: center;
 margin: 10px 0 0 10px;
 background: #fcfcfc;
 vertical-align: middle;
 
 overflow:hidden;

}

ul.media li a:link, ul.media li a:visited {
 width: 150px; height: 50px;
 padding: 128px 5px 5px 5px;
 margin: 0;

 position: absolute;
 top:0; left:0;
 background: url("images/video.png") 5px 5px no-repeat;
 text-decoration: none;
 color: #000;
}

ul.media li a:hover, ul.media li a:active {
 /*background: none;*/
 }
 

.images {
 margin: 0 0 0 25px;
 padding: 0 0 0 10px;
 background: #000; border-left: 10px solid #0d0d0d;
 width: 690px;
}

.images a img {
 margin: 7px 0 0 6px;
 border: 5px solid #fcfcfc;
}







#footer {
 height: 50px;
 background: #111;
 color: #404040;
 padding: 5px;
}

#footer p {
 float: right;
}

#footer a {
 color: #404040;
}