/* CSS RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */


body {
	text-align:center;
	color:#000;
}
a {
	border:none;
	text-decoration:none;
	color:#9b3535; 
}
a:hover {
	text-decoration: underline;
		color: #CC0000
}

h4 {font-size:12px; font-weight:bold; padding:5px 0 5px 0}
#wrap {
	width:900px;
	text-align:left;
	margin:0 auto;
background:url(images/bg.jpg); 
}

.fl{ float:left; }
.fr{ float:right}
.clearfix{ clear:both}


/* header */
#header { position:relative;height:111px;  background:url(images/hd.jpg);  }

#logo {position:absolute; top:65px; left:80px}
#logo h1 {
	font-size:34px;
	font-family:Papyrus; Verdana, Arial, Helvetica, sans-serif;
	color: #9B3535
}
#logo h2 {
	font-size:26px;
  text-align:center;
	color: #9B3535
}

#logo div {
	padding-left:100px
}
#nav { position:absolute; top:35px; left:400px; background:url(images/nav.jpg); width:451px;height:30px; line-height:30px; padding:0 0 0 20px  }
#nav li {float:left;  font-weight:700; width:100px; padding:0 5px }
#nav a {text-decoration:none; display:block; text-align:center; color:#fff}
#nav a:hover {background: #AA4479; color:#000000}
/* content */

.img { display: block;
    margin-left: auto;
    margin-right: auto; }

.img2 { margin:0px 0  0 70px }
.main {width:480px; background:url(images/box.jpg); color:#000;}
#text {margin:0px 0  0 70px }
#text p {margin:0 auto; width:460px; }
#text h2 {font-size:22px; padding:20px 0 20px 0}
#text h3 {font-size:18px; padding:20px 0 20px 0}
#text h4 {font-size:12px; font-weight:bold; padding:5px 0 5px 0}
#text img {margin:10px 0  0 0}
#col {margin:30px 0  10px 65px ;width:300px; background:url(images/col.jpg); width: 419px; height:161px ; }

#col div {width: 170px; margin: 20px 0 0  10px; display:inline}
#col .first  {margin: 20px 30px 0 20px;}
#col li{line-height:20px; list-style:inside disc;color:#9b3535;}
#col a { color:#9b3535; text-decoration:underline;}
.side { width:380px;display: inline; }
.side h2 {font-size:22px}
.side h3 {font-size:16px; }
.side li {line-height:20px;  margin-bottom:10px; border-bottom: 1px solid #CFCFCF; width:280px;}
.side ul {margin:20px  0 30px 20px}
#top {margin-top:20px}
/* footer */
#footer { background:url(images/ft.jpg); height:100px; position:relative}
#ftinner{ position:absolute; bottom:20px; width:680px; margin-left:80px; color:#E98383}
#ftinner a {color:#FFFFFF}
.ftlink {width:500px;}

#headertext { margin:0px 0  0 70px }
#headertext h3 {font-size:20px; color: #9B3535; text-align:center; margin-left:80px; width:600px;}
#headertext h4 {font-size:16px; color: #9B3535; text-align:center; margin-left:80px; width:600px;}

div.container {width:98%; margin:1%;}
#container h3 {font-size:20px; color: #9B3535; text-align:center;  margin-left:auto; margin-right:auto; width:600px;}

table#table1 {
	border-style:double;
	border-spacing:2px; 
	border-width:thick; border-color:#942d2e; text-align:center; margin-left:auto; margin-right:auto; width:70%; }

table#table1 td {border-color:#942d2e; border-spacing:2px; padding:2px; }

.overlay{
    background:transparent url(images/overlay.png) repeat top left;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}

.box{
    position:fixed;
    top:-200px;
    left:50%;
    right:10%;
    background-color:#fff;
    color: #000000; /*#7F7F7F; */
    padding:20px;
    border:2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:101;
}

        a.back{
            width:256px;
            height:73px;
            position:fixed;
            bottom:15px;
            right:15px;
            background:#fff url(codrops_back.png) no-repeat top left;
            z-index:1;
            cursor:pointer;
        }
        a.activator{
            width:153px;
            height:150px;
            position:absolute;
            top:0px;
            left:0px;
            z-index:1;
            cursor:pointer;
        }

a.boxclose{
    float:right;
    width:26px;
    height:26px;
    background:transparent url(cancel.png) repeat top left;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
}

.box h1{
    border-bottom: 1px dashed #7F7F7F;
    margin:-20px -20px 0px -20px;
    padding:10px;
    background-color:#AC4546; /* #FFEFEF; */
    color: #FFFFFF; /*#EF7777; */
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}