@charset "utf-8";
/* CSS Stylesheet for MLM Video Downloads website */

body { background: #676767 url(../images/bg.jpg) repeat-x top fixed; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; margin: 0; padding: 0;}
h1,h2,h3,p,a,img,form { margin: 0; padding: 0; border: 0; text-decoration: none;}
a { color: #00aeef;}
a:hover { text-decoration: underline;}

/*///////////////////////////////////////////////////////////////////////////////
Page framework divs
///////////////////////////////////////////////////////////////////////////////*/
#container { background: #e1e1e1; width: 700px; margin: 30px auto; padding: 20px 20px 0 20px;}
#header { border-bottom: 1px dotted #b4b4b4; margin: 0 0 10px 0; padding: 0 0 18px 0;}
#info { font-size: 11px; border-bottom: 2px solid #222; height: 33px; margin: 0; padding: 0 0 22px 0;}
#navigation { height: 31px; border-top: 1px solid #222; border-bottom: 1px solid #222; margin: 0 0 18px 0; padding: 9px 0;}
#navigation ul { list-style-type: none; margin: 0; padding: 0;}
#navigation ul li { display: inline;}
#navigation ul li a { border-left: 1px solid #000; display: block; float: left; padding: 8px 12px; margin: 0; color: #000; width: 110px; height: 15px; text-transform: uppercase;}
#navigation ul li a:hover { background: #d2d2d2; text-decoration: none;}
#banner { background: url(../images/banner.jpg) no-repeat; width: 700px; height: 263px;}
#content { width: 100%;}
#footer { border-top: 1px solid #000; height: 129px; margin: 15px 0 0 0;}
#footer-left, #footer-right { float: left; border-right: 1px dotted #b4b4b4; margin: 20px 0 0 0; padding: 0 8px 0 8px; width: 341px; height: 109px;}
#footer-left p, #footer-right p { font-size: 11px; line-height: normal;}
#footer-left { padding-left: 0;}
#footer-right { float: right; border: none; padding-right: 0;}
#footer h2 { margin: 0; padding: 0 0 7px 0;}

/*///////////////////////////////////////////////////////////////////////////////
Content styles
///////////////////////////////////////////////////////////////////////////////*/
.clear { clear: both; float: none;}
h1 { font-size: 24px; padding: 10px 0;}
h2 { font-weight: normal; margin: 0 0 8px 0;}
p { line-height: 18px;}
hr, hr.slim { border: 0; background: #222; color: #222; height: 2px; width: 100%; text-align: left;}
hr.slim { height: 1px;}
table.videos { width: 100%; margin: 0 0 15px 0; line-height: normal;}
table.videos tr td { padding: 7px; border-bottom: 1px dotted #b4b4b4;}
table.videos tr.title td { background: #d2d2d2; border-bottom: 1px solid #444; font-weight: bolder;}
table.videos tr td b { display: block; font-size: 11px; color: #777;}
ul.photos { list-style-type: none; margin: 0; padding: 0; width: 700px;}
ul.photos li { display: inline;}
ul.photos li a { display: block; float: left; font-size: 11px; color: #000; width: 340px; height: 222px; margin: 0 20px 40px 0; padding: 0 0 16px 0; border-bottom: 1px solid #313030;}
ul.photos li a:hover { background: #d2d2d2; border-bottom-width: 4px; margin-bottom: 36px; text-decoration: none;}
ul.photos li a.last { margin-right: 0;}
ul.photos li img { padding: 0 0 17px 0;}
ul.photos li b { display: block; margin: 0 0 17px; text-align: right;}
ul.photos li b span { float: left; text-transform: uppercase; text-align: left;}
.info { background: #fff url(../images/info-bar.png) repeat-y left; border: 1px dotted #b4b4b4; margin: 15px 0}
.info p { background: url(../images/icon-info.png) no-repeat 3px 3px; padding: 5px 5px 5px 28px; font-size: 11px; line-height: normal;}