/*
 	  _ _      _                              
   __| (_) ___| | ___ __ ___   __ _ _ __  ___ 
  / _` | |/ __| |/ / '_ ` _ \ / _` | '_ \/ __|
 | (_| | | (__|   <| | | | | | (_| | | | \__ \
  \__,_|_|\___|_|\_\_| |_| |_|\__,_|_| |_|___/design.com

*/

* { margin:0; padding:0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; list-style: none; }
body { margin:0; background: #FFF; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#000; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }
a { text-decoration:underline; }
a:focus, a:hover { text-decoration: none; }
.clear { clear:both; }
.over { overflow:hidden; height: 0; }

a.bthover img { opacity: .80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
a.bthover:hover img { opacity: 100; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.main { position:relative; margin:0 auto; width: 988px; }
.inner { position: relative; margin: 0 auto; width: 988px; }

.menu { background: url(images/menu-bg1.jpg) repeat-x; height: 36px; position: relative; }
.menu p { position: absolute; top: 0; left: 0; padding: 10px 0 0 0; }
.menu p a { font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; padding: 0 16px 0 18px; }
.menu p a:hover { text-decoration: underline; }
.menu .login { position: absolute; top: 9px; left: 400px; }
.menu .login ul li { float: left; }
.menu .login ul li label { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #009cec; padding: 0 5px 0 5px; }
.menu .login ul li input { border: 1px solid #a5acb2; width:120px; }
.menu .login .bt { position: absolute; top: 1px; left: 370px; }
.menu .login .bt a { padding: 3px 8px; background: #0391d9; text-decoration: none; color: #FFF; font-weight: bold; border: 1px solid #001f2f; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.menu .p1 { position: absolute; top: 10px; right: 0; }
.menu .p1 a { font-size: 11px; color: #009cec; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.header { background: url(images/header1-bg1.jpg) repeat-x; height: 95px; }
.header .logo { position: absolute; top: 0; left: 0; }
.header .text1 { position: absolute; top: 8px; left: 240px; }
.header .text1 p { position: absolute; top: 41px; font-size: 15px; line-height: 15px; color: #FFF; letter-spacing: -0.05em; text-align: center; width: 335px; font-weight: bold; text-transform: uppercase; }
.header .text2 { position: absolute; top: 15px; left: 595px; font-size: 11px; line-height: 12px; color: #242424; }
.header .text2 p { height: 55px; }
.header .text2 span { display: block; text-align: right; font-weight: bold; }
.header .text2 span strong { color: #f53692; }

.content { width: 988px; }
.content .title1 { background: url(images/title1-bg1.jpg) repeat-x; height: 32px; position: relative; }
.content .title1 p { text-align: center; margin: 0 auto; padding: 4px 0 0 0; color: #FFF; font-size: 22px; line-height: 22px; }
.content .thumbs1 { width: 988px; }
.content .thumbs1 ul { padding: 10px 0 0 14px; }
.content .thumbs1 ul li { float: left; position: relative; margin: 3px 5px; }
.content .thumbs1 ul li img { border: 1px solid #272727; }
.content .thumbs1 ul li a span { display: none; position: absolute; top: 1px; left: 1px; }
.content .thumbs1 ul li a span img { border: 0; }
.content .thumbs1 ul li a:hover span { position: absolute; top: 1px; left: 1px; display: block; }
.content .title2 { background: url(images/title2-bg1.jpg) repeat-x; height: 45px; position: relative; font-weight: bold; }
.content .title2 a { color: #FFF; text-decoration: none; }
.content .title2 a span { color: #333; }
.content .title2 p { text-align: center; margin: 5px auto; padding: 13px 0; color: #FFF; font-size: 22px; line-height: 22px; }
.content .subtitle { text-align: center; margin: 0 auto; padding: 10px 0; color: #424242; font-size: 20px; line-height: 20px; font-weight: bold; }
.content .subtitle strong { color: #0290DA; }
.content .thumbs2 {}
.content .thumbs2 ul { width: 960px; text-align: center; margin: 0 auto; }
.content .thumbs2 ul li { float: left; margin: 5px; }
.content .thumbs2 ul li img { border: 1px solid #fff; }
.content .thumbs2 ul li a:hover img { border: 1px solid #048dd3; }
.content .thumbs2 ul li p { margin: 5px auto; text-align: left; font-weight: bold; }
.content .thumbs2 ul li p strong { color: #ff3091; }
.content .text { margin: 20px auto; }
.content .text2 { margin: 20px 0; position: relative; }
.content .text3 { margin: 10px 0; position: relative; color: #424242; font-size: 20px; line-height: 20px; font-weight: bold; text-align: center; }
.content .players { float: left; width: 592px; }
.content .players ul { padding: 0 0 0 9px; }
.content .players ul li { float: left; margin: 6px 4px; }
.content .players ul li img { border: 1px solid #fff; }
.content .players ul li a:hover img { border: 1px solid #048dd3; } 
.content .players ul li p img { border: none; }
.content .players ul li p a:hover img { border: none; } 
.content .players ul li a.submitted { width: 212px; display: block; float: left; font-size: 14px; line-height: 14px; color: #3f3f3f; text-decoration: none; font-weight: bold; }
.content .players ul li a.submitted strong { color: #ff0078; }
.content .samples { float: right; width: 390px; }
.content .samples ul { width: 390px; padding: 5px 0 0 0; }
.content .samples ul li { float: left; margin: 1px 2px; }
.content .samples ul li img { border: 1px solid #fff; }
.content .samples ul li a:hover img { border: 1px solid #048dd3;}
.content .latest { width: 988px; }
.content .latest .title { background: url(images/latest-title-bg.jpg) repeat-x; width: 960px; height: 31px; text-align: center; margin: 5px auto; }
.content .latest .title p { text-align: left; }
.content .latest ul li { width: 954px; border-bottom: 1px solid #d6d6d6; text-align: center; margin: 6px auto; padding: 2px 0; }
.content .latest ul li img { float: left; }
.content .latest ul li p { float: left; font-size: 14px; line-height: 18px; color: #000; padding: 2px 0 0 3px; font-family: Arial, Helvetica, sans-serif; text-align: left; width: 906px; }
.content .latest ul li p span { color: #ff0072; }
.content .title4 { background: url(images/main-title4-bg.jpg) repeat-x; width: 954px; height: 37px; margin: 10px auto; text-align: center; }
.content .title4 a { color: #FFF; text-decoration: none; }
.content .title4 a span { color: #333; }
.content .title4 p { text-align: center; margin: 5px auto; padding: 13px 0; color: #FFF; font-size: 22px; line-height: 22px; font-weight: bold; padding: 8px 0; }


.footer {  }
.footer .menu { text-align: center; width: 216px; margin: 0 auto; background: none; height: 15px; padding: 30px 0; }

/* -------------------------------------------------------------------------- */
/* HOME
/* -------------------------------------------------------------------------- */