/* -----------------------------------------------------------------------
	DSR Media
	November 14, 2009
----------------------------------------------------------------------- */
/*BluePrint Reset*/
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, 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;}
body {line-height:1.5;}
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;}

/*Default Classes*/
.dn{display:none;} .vn{visibility:hidden;} .fmute{font-size:0.8em;}

/*Typography*/
html body{color:#bebebe;font:100 70%/1.6 Helvetica,Arial,sans-serif;}
h1{font-weight:900;font-size:2.4em;}
h2{font-weight:900;font-size:2em;}
h3{font-weight:900;font-size:1.8em;}
h4{font-weight:900;font-size:1.6em;}
h5{font-weight:900;font-size:1.4em;}
h6{font-weight:900;font-size:1.2em;}
h1,h2,h3,h4,h5,h6,p{float:none;  line-height:1em;}
.fsmall{font-size:0.9em;}.fmute{font-size:0.9em;color:#aaa; width:auto;float:none;} .floud{font-weight:900;color:#222;} .fitalic{font-style:italic;} .fajustify{text-align:justify;} .faleft{text-align:left;} .faright{text-align:right;} .facenter{text-align: center;} .fbb{border-bottom:1px solid #ddd;margin:0 20px 5px;}
a{outline:none;}

html body{ background:#171719; text-align:center;}
div.cwrap{width:100%; padding:0; text-align: left; margin:20px 0; float:left;}
div.mwrap{float:left; width:100%; }

div#header{float:left; width:100%; }
div#header h1{float:left; margin: 0 30px 0 50px; display: inline;}
div#header h1 a{float:left; width:207px; height:72px; background:url(/danielrazon/img/dsrlogo.gif) no-repeat; text-indent:-9999px;}
div#header h2{margin:0 0 5px; font-weight:100;}
div#header p{float:left; width:235px; line-height: 1.4em; font-size:1.1em;}
div#header ul{float:left; width:100%; margin:28px 0 0; padding:0; list-style:none; font-size:1.2em; border-bottom:2px #565656 solid;}
div#header ul li{float:left; margin:0 0 0 10px; padding:0; display:inline;}
div#header ul li:first-child{margin:0 0 0 50px;}
div#header ul li a{float:left; color:#809ebb; text-decoration:none; padding:2px 7px 5px;}
div#header ul li:hover a{color:#435f79;}
div#header ul li a.current{background:#565656; color:#fff; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}

div#content{float:left; width:100%; padding:15px 0; min-height: 300px; border-bottom:2px #565656 solid; margin:0 0 15px;}
div#content a:hover{text-decoration:underline;}
div#content h3{font-family:Georgia,serif; letter-spacing:0.1em; font-weight:100; font-style:italic; font-size:1.6em; color:#646260; margin:15px 0 10px;}


div#content ul.list{float:left; list-style:none; padding:0; margin:10px 0 0 0; width:800px;}
div#content ul.list li{float:left; width:800px; border-bottom:1px solid #202020; padding:0 0 15px; margin:15px 0 10px;}
div#content ul.list li:last-child{border-bottom:0;}
div#content ul.list ol{float:left; margin:0; padding:0; width:150px; }
div#content ul.list li h5{ margin: 0px 0 10px -15px;}
div#content ul.list ol li{float:none; width:150px; border:none; padding:0; margin:0; list-style:none;}
div#content ul.list li div.ainfo{float:left; width:400px;background:#0b2139; margin:-20px 0 0; border:3px solid #183650;}
div#content ul.list li div.ainfo h6{background:#183650; color:#5e81a1; padding:5px 10px; margin:0;}
div#content ul.list li div.ainfo p{float:left; width:380px; padding:7px 10px; margin:0; font-size:1em;}
div#content ul.list li img{float:left; margin:0 15px 0 0; display:inline;}
div#content ul.list li img.albumcover,div#content ul.special li img{float:left; margin:0 20px 10px 0;  display:inline;}
div#content ul.list li h4{margin:7px 0 0;padding:0; width:400px; font-size:1.3em; font-weight:100;}
* html div#content ul.list li h4{margin:7px 0 10px;padding:0; float:left; width:400px; font-size:1.3em; font-weight:100;}
* html div#content ul.list li p{margin:0;padding:0; float:left; width:400px; font-size:1.1em; font-weight:100;}
div#content ul.list li p{margin:10px 0 0;padding:0; float:left; width:400px; font-size:1.1em; font-weight:100;}
div#content a{text-decoration:none;color:#809ebb; }

div#content p{margin:10px 0 0; font-size:1.2em; line-height:1.5em; width:550px;}
div#content p.photo-desc{float:left; width:200px; margin:0;}
/*div#content img.photo-main{float:left; margin:0 15px 0 0;}*/
div#content div.photoholder{float:left; width:780px;}
/*
div#content div.slider{float:left; width:780px; padding:15px; border-bottom:1px #262626 solid; border-top:1px #262626 solid; margin:20px 0;}
div#content div.slider a{float:left;}
div#content div.slider a.back{float:left; background:url(/danielrazon/img/pback.gif) no-repeat; text-indent:-9999px; height:65px; width:21px; margin:0 20px 0 0; cursor:pointer;}
div#content div.slider a.back:hover{background:url(/danielrazon/img/pback.gif) no-repeat 0 -65px;}
div#content div.slider a.next{float:right; background:url(/danielrazon/img/pnext.gif) no-repeat; text-indent:-9999px; height:65px; width:21px; margin:-65px 20px 0 0; ; cursor:pointer;}
div#content div.slider a.next:hover{background:url(/danielrazon/img/pnext.gif) no-repeat 0 -65px;}
* html body div#content div.slider ul li{float:left; margin:0 10px 0 0; width:105px;}
div#content div.slider ul{float:left; list-style:none; padding:0; margin:0; width:702px;}
div#content div.slider ul li{float:left; margin:0 12px 0 0 ; width:105px;}
div#content div.slider ul li p{float:left; padding:0 4px 4px; width:90px;line-height:1.2em; font-size:1.1em;}
*/

div.slide a{outline:none;}
div.slide ul li a:active, div.slide ul li a.current{background:#183650;}
div.slide ul li.last{margin:0;}
div#content ul.special{float:left; margin:10px 0 0 15px; padding:0; list-style:none; display:inline; width:515px;}

div#content ul.special li {float:left; width:500px; margin:0 0 15px; padding:0 0 10px; border-bottom:1px solid #202020;}
div#content ul.special li:last-child {border:0;}
div#content ul.special li h5{margin:0 0 10px;}
div#content ul.special li p{width:500px; line-height:1.25em;}
div#content ul.special a, div#content div.specialframe  a{float:left; background:#5e99e5; color:#222; padding:4px 6px; margin:5px 0 0;}
* html div#content ul.special{width:500px;}
* html div#content ul.special li h5{float:left; width:500px;}
* html div#content ul.special li h5 img{float:left;}
* html div#content ul.special li p{float:left; width:250px; margin:-2px 0 0;}

div#content div.specialframe{float:left; width:220px; padding:15px; border:1px solid #4d6c8b;}
div#content div.specialframe p{float:left; width:220px; font-size:1em;}
div#content div.specialframe h5{font-size:1.2em; margin:0 0 10px;}
div.albumcs{float:left; width:220px; text-align:left; margin:0 20px 15px 0;  display:inline;}
* html div.albumcs{float:left; width:220px; text-align:center; margin:0 0px 15px 0;}
div.albumcs .player_box {padding-left:18px;}

div.quicklinks{float:left; width:930px;}
div.quicklinks h4{font-family:Georgia, serif; font-weight:100; font-size:1.2em; padding:0 0 7px;}
div.quicklinks ul{float:left; margin:0; padding:0; list-style:none;}
div.quicklinks a{color:#809ebb; text-decoration:none; font-size:1em;}
p.footer{padding:0 50px 30px; font-size:1.1em;}

div.innerpadding{padding:0 0 0 50px;}




/* by nato */
div#content div.photoholder .photo_box {
    width: 480px;
    float:left;
    margin:0 15px 0 0;
    background-color: #222;
}

.carousel {
    float:left; width:740px; padding:15px; border-bottom:1px #262626 solid; border-top:1px #262626 solid; margin:20px 0;
}
.carousel .wrapper {
    width: 656px;
}
.carousel ul a:hover {
}
.carousel ul a img {
    height: 65px;
    border: 1px solid #4e4e4e;
}
.carousel ul a img:hover {
    border: 1px solid #eae0c1;
}
.carousel .wrapper ul {
    padding: 0;
    margin: 0;
    width: 9999px !important;
}
.carousel ul li {
    margin:0 12px 0 0;
    width: auto !important;
}
.carousel ul li a img {
    display: block;
}

.carousel .wrapper, .carousel .back, .carousel .forward {
    float: left;
}
.carousel .forward {
    background:url(/danielrazon/img/pnext.gif) no-repeat; text-indent:-9999px; height:65px; width:21px; margin:0 0 0 20px; cursor:pointer;
}
.carousel .back {
    background:url(/danielrazon/img/pback.gif) no-repeat; text-indent:-9999px; height:65px; width:21px; margin:0 20px 0 0; cursor:pointer;
}
.carousel .forward:hover, .jcarousel-prev-disabled {
    background:url(/danielrazon/img/pnext.gif) no-repeat 0 -65px;
}
.carousel .back:hover, .jcarousel-next-disabled {
    background:url(/danielrazon/img/pback.gif) no-repeat 0 -65px;
}