html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: middle; background: transparent; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/*-----------------[BASIC STYLES]-----------------*/
body {font-family: 'Raleway', Arial, sans-serif; font-size: 14px; color: #666; background:#000 url('images/bg.png') repeat; line-height: 1.6; font-weight: 400; }
.header{background:#fff;width:1100px;margin:0 auto;border-radius:0px 0px 37px 37px;position: fixed;left: 50%;margin-left: -550px;border-bottom: 1px solid #000;opacity:0.7;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;   -webkit-transition: opacity .25s ease-in-out;z-index:1}
.header:hover{opacity:1}
.header .name{margin-left:20px;margin-top:2px;float:left}
.menu{list-style:none;float:right;margin-right:50px;opacity:0.9;z-index:1}
.menu li{display: inline-block;font-size:20px;margin-right:40px}
.namemiddle{position:absolute;width:900px;height:271px;left:50%;margin-left:-450px;top:55px;z-index:0}
.topbackground{background:url('images/middle4_small.png') 50% 0px scroll repeat-x;min-height:900px;width:100%;min-width:100%;}
.middle{width:1100px;height:350px;margin:0 auto;}
.content{width:1060px;padding:20px;background:url(images/bg3.jpg) 0 0px;margin:0 auto;border-radius:37px 37px 0px 0px;min-height:500px;margin-top:-480px;text-align:justify}
.footer{width:1028px;padding:18px 36px 0px 36px;margin:0 auto;border-radius:0px 0px 37px 37px;min-height:104px;background:darkred url('images/sprite.png') right 64px no-repeat;border: #969696 solid 1px;-webkit-box-shadow: inset 0px 18px 30px -7px rgba(105, 0, 0, 0.75);-moz-box-shadow:    inset 0px 18px 30px -7px rgba(105, 0, 0, 0.75);box-shadow:         inset 0px 18px 30px -7px rgba(105, 0, 0, 0.75);color:#fff;margin-bottom: 20px;text-align:center;vertical-align:middle}
.footerlinks{width:100%;margin-top:10px;margin-bottom:18px}
.footerlinks a{color:#fff}
.footeralign{float:right;width:104px;height:104px;}
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color:#960 }
.gallery li {vertical-align: top;display:inline-block;width:33%;margin-bottom:10px;text-align:center;}
.gallery li img {vertical-align: top;}
.gallery a:hover{cursor:pointer}
.pictureframe{width:286px;height:260px;background:url(images/picture_frame_small.png) 0 0 no-repeat;position:relative;margin:0 auto;}
.pictureframe img{margin-top:56px}
.buynow{color: #8DB7E4!important;text-decoration:underline!important}
.buynow:hover{color: #1F4F82!important;}
.home{background:url(images/sprite.png) -166px -77px;}
.home:hover{background:url(images/sprite.png) -138px -77px;}
h1, h2, h3, h4, h5, h6 { color: #333; padding: 0px; line-height: 1em; font-weight: normal;margin:0px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 30px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
strong { font-weight: bold; }
input[type=submit],textarea{border:1px solid #960;font:14px 'Raleway', Arial, Helvetica, Verdana, sans-serif;color:#000;-webkit-box-shadow:0 0 4px #aaa;-moz-box-shadow:0 0 4px #aaa;box-shadow:0 0 4px #aaa;-webkit-transition:background .3s linear;padding:8px}
input[type=text],input[type=email]{border:1px solid #960;font:14px 'Raleway', Arial, Helvetica, Verdana, sans-serif;color:#000;-webkit-box-shadow:0 0 4px #aaa;-moz-box-shadow:0 0 4px #aaa;box-shadow:0 0 4px #aaa;-webkit-transition:background .3s linear;padding:8px}
input.submit,{color:#eee;text-transform:uppercase;margin-top:10px;border:1px solid #960;background-color:#960;border:none;font-size:16px;-webkit-transition:0 .3s linear;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:7px 14px}
input.submit:hover,{-webkit-box-shadow:0 0 20px #555;-moz-box-shadow:0 0 20px #aaa;box-shadow:0 0 20px #555;cursor:pointer}
input[type=text]:focus,input[type=email]:focus,textarea:focus{background:#960;border:1px solid #666;font:12px/150% "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;color:#FFF}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.delpuch-container {position:relative;float:left;width:104px; /* 200 - (2 * 48) */height:104px;background:url("player/circle.skin/bgr.png") 0 0 no-repeat;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.delpuch-container :focus {border:none;outline:0;}
.cp-buffer-1,.cp-buffer-2,.cp-progress-1,.cp-progress-2 {position:absolute;top:0;left:0;width:104px;height:104px;clip:rect(0px,52px,104px,0px);
-moz-border-radius:52px;-webkit-border-radius:52px;border-radius:52px;}
.cp-buffer-1,.cp-buffer-2 {background:url("player/circle.skin/buffer.png") 0 0 no-repeat;}
.delpuch-container .cp-fallback {background:url("player/circle.skin/progress_sprite.jpg") no-repeat;background-position:0 104px; }
.cp-progress-1,.cp-progress-2 {background:url("player/circle.skin/progress.png") 0 0 no-repeat;}
.cp-buffer-holder,.cp-progress-holder,.cp-circle-control {position:absolute;width:104px;height:104px;} 
.cp-circle-control {cursor:pointer;}
.cp-buffer-holder,.cp-progress-holder {clip:rect(0px,104px,104px,52px);display:none;}
.cp-buffer-holder.cp-gt50,.cp-progress-holder.cp-gt50,.cp-progress-1.cp-fallback{clip:rect(auto, auto, auto, auto);}
.cp-controls {margin:0;padding:26px;}
.cp-controls li{list-style-type:none;display:block;
/*IE Fix*/position:absolute;}
.cp-controls li a{position:relative;display:block;width:50px;height:50px;text-indent:-9999px;z-index:1;cursor:pointer;}
.cp-controls .cp-play {background:url("player/circle.skin/controls.jpg") 0 0 no-repeat;}
.cp-controls .cp-play:hover {background:url("player/circle.skin/controls.jpg") -50px 0 no-repeat;}
.cp-controls .cp-pause {background:url("player/circle.skin/controls.jpg") 0 -50px no-repeat;}
.cp-controls .cp-pause:hover {background:url("player/circle.skin/controls.jpg") -50px -50px no-repeat;}
.delpuch-player {width:0;height:0;}
/*---------------[RESPONSIVE LAYOUTS]-------------*/
@media only screen and ( min-width: 950px ) and ( max-width: 1100px ) {
.header{width:100% !important;position:fixed !important;top:0px !important;left:0px !important;margin-left:0px !important}
.middle{width:100%;!important}
.namemiddle{top:35px!important}
.content{width:97% !important;padding:12px !important;}
.footer{width:94% !important;padding:18px 25px 5px 25px !important;}
}
/*-------------------[480px]------------------*/
@media only screen and ( max-width: 950px ) {
.header{width:950px !important;position:fixed !important;top:0px !important;left:0px !important;margin-left:0px !important}
.middle{width:950px;!important}
.content{width:924px !important;padding:12px !important;}
.footer{width:900px !important;padding:18px 25px 5px 25px !important;}
}