@font-face {



    font-family: 'SEGOE UI';



    src: url('/fonts/segoe_ui/segoeui.ttf');



}





/*----------------------------- Header Mobile ---------------------------*/



#header_mobile{



   width: 100%;



   height: 50px;



   background-color: #AE2694;



   color: silver;



   display: none;



   font-size: 10pt; 



}



#header_mobile_left{



  float: left;



  width: auto;



  margin-right: 1%;



  display: table-cell;



  vertical-align: middle;



  height: 50px;



}



#header_mobile_right{



  float: right;



  width: auto;



  display: table-cell;



  vertical-align: middle;



}



.left_nav_1{



    float: left; 



    cursor: pointer;



    color: #FFF;



    margin-left: 10px;



    font-size: 14pt;



    font-weight: bolder;



    display: table-cell;



    vertical-align: middle;



    height: 100%;



}



.left_nav_1 div {



    display: table-cell;



    height: 100%;



    vertical-align: middle;



}



.left_nav_1 img {



    display: block;



}



#right_nav_1{



    float: right;



    margin: 0px;



    cursor: pointer;



}



#right_nav_2{



    float: right;



    margin: 0px;



    cursor: pointer;



}



#right_nav_3{



    float: right;



    margin: 0px;



    cursor: pointer;



}



#right_nav_4{



    float: right;



    margin: 0px;



    cursor: pointer;



}



.button_menu{



    -moz-border-radius: 0px;



    -webkit-border-radius: 0px;



    background-color: #3A3A40;



    color: white;



    padding: 5px;



    cursor: pointer;



    border: 1px solid #98989F;



    min-width: 20%;



    text-align: center;



    float: right;



}



.button_menu:hover{



    background-color: #131329;



}







#resume{



    font-size: xx-small;



    color: #F6F6F6;



    top: 0;



    z-index: 0;



    width:100%;



    height: 0;



    display: block;



}



#resume h1, #resume h2, #resume h3, #resume p{



    padding: 0;



    margin: 0;



    font-size: xx-small;







    width: auto;



    padding: 0;



    margin: 0;



    background-color: transparent;



    color: #F6F6F6;



    font-weight: normal;



    display: inline;



    background-image: none;







    -moz-border-radius: 0px;



    -webkit-border-radius: 0px;



    border-radius: 0px;



    -moz-box-shadow: 0px transparent;



    -webkit-box-shadow: 0px transparent;



    box-shadow: 0px transparent;



}



#resume a{



    color: white;



}



#loading_body{



    position: fixed; top: 0; margin: 0 auto;



    width: 100%; text-align: center; z-index: 100;



    display: none;



}







#desktop_version{



    display: inline;



    display: none;



  }



}



#mobile_version{



    display: none;



}







/* ============================= END =========================*/







div.field{



    position: relative;



    display: table;



    min-height: 30px;



    max-width: 450px;



    width: 100%;



    margin-top: 5px;



}



div.field label{



    display: inline-block;



    min-width:100px;



    vertical-align: top;



    text-align: left;



    float: left;



    background-color: transparent;



    border: 0px solid silver;



    border-bottom: 0px;



    padding: 0px;



    margin-bottom: 0px;



    -moz-border-radius: 0;



    -webkit-border-radiust: 0;



    border-radius: 0;



    



}



div.field label:after{



    content: ":";



    float: right;



    margin-right: 20px;



}



div.field br{



    display: none;



}



div.field label.required{



    font-weight: bold;



}



div.field label.error{



    position: absolute;



    right: 0;



    display: block;



    float: left;



    margin: 0;



    -moz-border-radius: 5px !important;



    -webkit-border-radiust: 5px !important;



    border-radius: 5px !important;



    font-weight:bold;



    color: red;



    padding: 3px;



    width: auto;



    text-align: center;



    border: 1px solid #FE1902;



    background-color: white;



}



div.field label.error:after{



    content: "";



    float: none;



}



div.field #error{



    display: none ;



    margin: 0;



    padding: 0px;



    font-weight:bold;



    color: red;



    width: auto;



    text-align: center;



    background-color: white;



    vertical-align: middle;



    border: 0px !important;



}







div.field input.ui-state-highlight, select.ui-state-highlight, textarea.ui-state-highlight {



    height: auto;



    width: auto;



    padding: 2px;



    border: 1px solid red;



    background-color: red !important;



    margin: 0;



}



div.field input{



    float: left;



    max-width: 200px;



    min-width: 50px !important;



    padding: 5px;  



}







div.field select{



    float: left;



    height: auto;



    width: 210px;



    padding: 4px;



    margin: 0px;



}







div.field textarea{



    float: left;



    padding:5px;



    max-width:300px;



    width: 100%;



    min-width:100px;



    height: 100px;



}







.field_with_errors {



  padding: 2px;



  background-color: red;



  display: inline;



}







/* ====================================================================== */



body { 



	/*background: #fff7f7 url(/layout/grape/images/bg-body.jpg) repeat-x; */



	color: #474747;



	font-family: 'SEGOE UI'; 



	font-size: 14px; 



	line-height: 25px; 



	margin: 0;



	min-width: 960px;



	padding: 0;



}







a, img {



	outline: none;



	border: none;



}







p a, span a {



	color: #474747;



	text-decoration: underline;



}







#header ul:after, #content ul:after,



#content div div:after, #footer div div:after {



	clear: both;



	content: " ";



	display: block;



	font-size: 0;



	height: 0;



	visibility: hidden;



}







#header {



	position: relative;



    background-color: #FFF7F7;



    height: 80px;



}







#header ul {



	list-style: none;



	margin: 0 auto;



	/*width: 760px;*/



}







#header ul li {



	float: right;



	height: 30px;



	padding: 0 5px;



    position: relative;



    text-transform: lowercase;



}







#header ul li span{



	



}







#header ul li a {



	color: #474747;



	display: block;



    text-decoration: none;



}







#header ul li a span {



	display: block;



	cursor: pointer;



	height: 30px;



    line-height: 30px;



    padding: 0 15px;



}







#header ul li a:hover {



	color: #AD0B87;



}







#header ul li.active a {



	background: url(../images/menu-right-hover.gif) no-repeat top right;



}







#header ul li.active a span {



	background: url(../images/menu-left-hover.gif) no-repeat top left;



	color: #facdec;



}







#header ul li:hover, #header ul li.active:hover {



    /*background-color: #AE2694;*/



    /*color: white;*/



    border-top: 3px solid #AE2694;



    background-color: #FFE3FD;



    margin-top: -3px;



}







#header ul li.active:hover a {



    /*border-top: 0;*/



    background-image: none;



    color: #AD0B87;



}







#header ul li.active:hover a span {



    /*border-top: 0;*/



    background-image: none;



    color: #AD0B87;



}







#header ul li:hover span {



    /*color: white;*/



}







#header li ul{



    display: none;



    position: absolute;



    left: 0;



    padding: 0;



}



#header ul li:hover ul{ 



    display: block;



}



#header ul li:hover ul li ul{ display: none;}







#header li ul li{



    display: block;



    text-align: left;



    float: none;



    cursor: pointer;



    width: auto;



    z-index: 10;



    padding: 0 !important;



    width: 200px;



    margin: 0;   



    background-color: #FFE3FD;



}







#header ul li.active ul li a {



    background: none;



}







#header ul li ul li:hover {



    border-top: 0;



    margin-top: 0;



}







#header ul li ul li:hover span {



    border-left: 3px solid #AE2694;



    padding-right: 0;



}







#header ul li ul li span{



    border-bottom: 1px solid #AE2694;



    display: block;



    margin: 0;



    font-size: 10pt;



    font-weight: normal;



    color: #AE2694;



    margin-top: 1px;



}







#header ul li ul li.first span{



    margin-top: 0;



}







#header span#background { 



	background: url(../images/green-bar.gif) repeat-x;



	display: block;



	height: 383px;



	left: 0;



	position: relative;



	top: 328px;



	width: 50%;



	z-index: -1;



}







#header div#home {



	background: url(../images/pattern.gif) repeat;



	height: 670px;



	margin: -300px auto 0;



	position: relative;



	width: 960px



}







#header div#home div.section, #header div div.section {



	background: none;



	height: 245px;



	background: none;



	margin: 0 0 0 280px;



	width: 630px;



}







#header div#home div.section img, #header div div.section img {



	float: left;



	margin-top: 50px;



}







#header div#home div.section div, #header div div.section div {



	background: url(../images/bg-join-us.gif) no-repeat;



	color: #FBFFEF;



    float: right;



    font-size: 16px;



	font-weight: bold;



    height: 85px;



    line-height: 38px;



    margin: 65px 0 0 0;



    padding-top: 5px;



    text-align: center;



    text-transform: uppercase;



    width: 218px;



}







#header div#home div.section div a,



#header div div.section div a {



	color: #cfe8a4;



	display: block;



	font-size: 18px;



	font-weight: bold;



	text-decoration: none;



}







#header div#home div#featured {



	background: url(../images/green-bar-right-curve-alt.jpg) no-repeat;



	height: 383px;



	margin: 0;



}







#header div#home div#featured img {



	float: left;



	position: relative;



	margin: -205px 15px 0;



}







#header div#home div#featured h1 {



	color: #af0083;



	font-size: 38px;



	font-weight: bold;



	line-height: 50px;



	margin: 0;



	padding-top: 45px;



	text-shadow: 2px 2px #dfdaa0;



}







#header div#home div#featured ul {



	left: 275px;



    list-style: none outside none;



    margin: 30px 0 0;



    padding: 0;



    position: absolute;



    width: auto;



}







#header div#home div#featured ul li {



	height: 220px;



	float: left;



	margin-right: 15px;



	padding: 0;



	position: relative;



}







#header div#home div#featured ul li a {



	border: 1px solid #9db061;



	height: 222px;



}







#header div#home div#featured ul li img {



	background: #B0D963;



	border: 1px solid #e1ff83;



	margin: 0;



	padding: 10px;



}







#header div#home div#featured ul li div {



	background: url(../images/button.gif) no-repeat;



	height: 55px;



    margin: 0;



    position: absolute;



    right: -7px;



    top: 150px;



    width: 130px;



}







#header div#home div#featured ul li div a {



	color: #f8ffff;



	background: none;



	border: none;



	display: block;



	font-size: 20px;



	line-height: 50px;



	text-align: center;



	text-transform: uppercase;



}







#header div#home div#featured ul li div a:hover,



#header div#home div#featured ul li a:hover {



	background: none;



}







#header div {



	background-size: 100%;



	/*height: 350px;*/



  /*margin: 0 auto 0;*/



  /*position: relative;*/



  /*width: 100%;*/



}







.header_content {



	margin: 0 auto 0;



	width: 960px;



    background-color: #FFF7F7;



    height: 80px;



    position: relative;



}







.header_logo {



	width: 300px;



	height: 80px;



	float: left;



}







.header_logo img {



    /*width: 100%;*/



	max-width: 300px;



	max-height: 80px;



	float: left;



}







.header_menu {



	width: 760px;



	text-align: center;



	margin: 0 auto 0;



    position: absolute;



    right: 0;



    bottom: 0;



    margin-bottom: 15px;



}







.header_image {



	margin: 0 auto 0;



	/*background: url(../images/bg-header2.jpg);*/



	width: 100%;



	max-height: 350px;



	/*border-bottom: 3px solid #AE2694;*/



	/*box-shadow: 0px 5px 5px #FFC8C8;*/



	/*box-shadow: 0 5px 20px -5px #AE2694;*/



    /*background: #fff7f7 url(../images/bg-body.jpg) repeat-x;*/



}







#header div div.section {



	height: auto;



	margin: 0 0 0 55px;



	width: auto;



}







#header div div.section div {



    margin: 65px 70px 0 0;



}







#content {



	margin: 30px auto 0;



	margin-bottom: 5px;



	width: 960px;



	/*padding-bottom: 100px;*/



}







#content h2 {



    margin: 0 !important;



}







#content ul {



	/*list-style: none;*/



	margin: 0 0 20px;



	padding: 10px 20px;



	width: 920px;



}







#content ul.first {



	background: none;



	margin-top: 0;



}







#content ul li {



	float: left;



	margin-left: 30px;



	width: 445px;



}







#content ul li.first {



	margin-left: 0;



}







#content ul li h3 {



	font-size: 20px;



	font-weight: normal;



	margin: 0;



	padding-bottom: 10px;



}







#content ul li h3 a {



	color: #343434;



	display: block;



	text-decoration: none;



}







#content ul li h3 a span {



	color: #a80676;



	font-weight: bold;



}







#content ul li p {



	margin: 0;



    padding-top: 0;      



    text-align: justify;



}







#content div, #content div#about, #content div div#blog {



	/*margin: 0 auto;*/



	/*width: 925px;*/



}







#content div#about {



	overflow: hidden;



}







#content div#about div.details {



	overflow: hidden;



    padding-top: 20px;



}







#content div h2, #content div#about h2 {



	color: #ae2694;



	font-size: 20px;



	margin: 0 0 20px; 



	text-transform: uppercase;



}







#content div p, #content div#about p {



	margin: 0;



	text-align: justify;



}







#content div ul {



	background: none;



	/*list-style: none;*/



	margin: 0;



	padding: 0;



}







#content div ul li {



	float: none;



    margin: 0;



    padding: 0;



    width: 920px;



}







#content div ul li a {



	border: 1px solid #9db061;



	float: left;



	height: 209px;



	margin-right: 20px;



	width: auto;



}







#content div ul li div a {



	border: none;



	float: none;



    height: auto;



    margin: 0;



}







#content div ul li div span a {



	display: inline;



}







#content div ul li img {



	background: #AE2694;



	border: 1px solid #E1FF83;



	float: none;



    margin: 0;



    padding: 10px;



    max-width: 400px;



}







#content div ul li div {



	float: left;



	margin: 0;



	width: 590px;



}







#content div ul li div h3 {



	font-size: 16px;



	font-weight: bold;



	width: 450px;



}







#content div ul li div h3 a {



	color: #AE2694;



	display: block;



}







#content div ul li div ul {



	list-style: disc inside none;



	float: left;



	margin: 0 40px 0 0;



    padding: 0;



    width: 250px;



}







#content div ul li div ul li {



    height: auto;



    margin: 0;



    padding: 0;



    width: auto;



}







#content div ul li div span {



	background: none;



	border: none;



	float: left;



	height: auto;



    margin-right: 10px;



    padding-top: 0;



    text-align: justify;



    width: 390px;



}







#content div ul li div ul.section {



	float: left;



    list-style: disc inside none;



    margin: 0 0 0 5px;



    padding: 0;



    width: 185px;



}







#content div ul li div ul.section li {



	float: none;



}







#content div div.section {



	margin-top: 30px;



}







#content div div.section div {



	float: left;



    height: 300px;



    margin-left: 45px;



    margin-top: 0;



    width: 440px;



}







#content div div.section div.first {



	margin-left: 0;



}







#content div div.section div span, #content div#about span {



	border: none;



	color: #AE2694;



    font-size: 16px;



    font-weight: bold;



    height: auto;



    width: auto;



}







#content div#about span {



	display: block;



    padding-bottom: 15px;



    padding-top: 30px;



}







#content div#about span.first {



	padding-top: 0;



}







#content div div.section div p {



	padding-top: 10px;



}







#content div div.section div dl {



	padding-top: 5px;



}







#content div div.section div dl dt {



	color: #AE2694;



	font-weight: bold;



}







#content div div.section div dl dd {



	margin: 0;



}







#content div a {



	/*border: 1px solid #9db061;*/



	/*display: block;*/



    /*height: 352px;*/



    /*width: 922px;*/



    text-decoration: none;



    color: #08c;



}







#content div p a {



	border: medium none;



    color: #474747;



    display: inline;



    height: auto;



    text-decoration: underline;



    width: auto;



}







/*#content div a img {



	background: #B0D963;



	border: 1px solid #E1FF83;



    float: none;



    margin: 0;



    padding: 10px;



}*/







#content div ul.section {



	margin-bottom: 45px;



    margin-top: 70px;



    width: 925px;



}







#content div ul.section li {



	float: left;



    height: auto;



    margin: 0 0 0 5px;



    width: auto;



}







#content div ul.section li.first {



	margin-left: 0;



}







#content div ul.section li a {



	height: 209px;



  margin-right: 0;



}







#content div ul.section li img {



	padding: 10px;



}







#content div ul li h3 {



	font-size: 16px;



    font-weight: bold;



    margin: 0;



    padding-bottom: 10px;



}







#content div ul li h3 a {



	border: medium none;



    color: #AE2694;



    display: inline;



    float: none;



}







#content div div {



	/*margin-top: 10px;*/



    /*width: auto;*/



}







#content div div ul {



	float: left;



    list-style: disc inside none;



    margin: 0 0 30px 85px;



    padding: 0;



    width: 250px;



}







#content div div ul.first {



	margin-left: 0;



}







#content div div ul li {



	float: none;



    height: auto;



    margin: 0;



    width: auto;



}







#content div img {



	/*float: right;



    margin-top: 45px;



    padding-left: 35px;*/



}







#content div div#contact {



	margin-top: 40px;



}







#content div div#contact p {



	padding: 10px 0;



}







#content div div div.aside {



	float: left;



	width: 585px;



}







#content div div div.aside h1 {



	font-size: 16px;



    font-weight: bold;



    margin: 0;



    padding-bottom: 10px;



}







#content div div div.aside h1 a {



	border: medium none;



    color: #AE2694;



    display: block;



    height: auto;



    text-decoration: none;



    width: auto;



}







#content div div div.aside p {



	padding: 5px 0 15px;



}







#content div div div.sidebar {



	float: right;



    padding-top: 40px;



    width: 310px;



}







#content div div div.sidebar ul {



	float: none;



	list-style: none;



	margin: 0;



	padding: 0;



	width: auto;



}







#content div div div.sidebar ul li {



	display: block;



    float: none;



    height: auto;



    min-height: 125px;



    width: auto;



}







#content div div div.sidebar ul li div {



	background: url(/layout/grape/images/bg-date.gif) no-repeat;



	color: #E1FFF3;



    float: left;



    font-size: 15px;



    font-weight: bold;



    height: 60px;



    line-height: 30px;



    margin-right: 15px;



	margin-top: 8px;



    text-align: center;



    text-transform: uppercase;



    width: 80px;



}







#content div div div.sidebar ul li span {



	color: #C8FFB6;



    display: block;



    float: none;



    margin: 0;



    text-align: center;



    width: auto;



}







#content div div div.sidebar ul li p {



	float: left;



	padding-bottom: 10px;



    width: 215px;



}







#content div div div.sidebar ul li p a {



	color: #474747;



	border: none;



	float: none;



    height: auto;



    margin: 0;



}







#footer {



	background: #AE2694;



	border-top: 1px solid #bfcb9b;



}







#footer div {



	margin: 0 auto;



	padding: 40px 0 15px;



	position: relative;



	width: 960px;



}



 



#footer div div {



	overflow: hidden;



    padding: 0;



    width: auto;



}







#footer div div#connect {



	float: left;



    width: 300px;



}







#footer div div#connect span {



	color: #FFF;



	float: left;



    font-size: 18px;



	margin-right: 23px;



    padding-right: 10px;



	text-transform: uppercase;



}







#footer div div#connect img {



	margin-right: 10px;



}

#footer a{

    color: #FFF;

    text-decoration: none;

}

#footer .fa{

    font-size: 20pt;

    margin-right: 15px;

}







#footer div div.section {



	float: right;



	font-size: 12px;



	padding-bottom: 0;



	width: 600px;



}







#footer div div.section ul {



	clear: both;



	list-style: none;



	margin: 0;



	padding: 0;



	position: absolute;



	right: 0;



	overflow: hidden;



}







#footer div div.section ul li {



	border-left: 1px solid #98a780;



	float: left;



	padding: 0 7px;



}







#footer div div.section ul li.first {



	border-left: 0;



}







#footer div div.section ul li a {



	color: #FFF;



    display: block;



    height: 13px;



    line-height: 11px;



    text-decoration: none;



}







#footer div div.section ul li.selected a, 



#footer div div.section ul li a:hover {



	color: #627146;



}







#footer div div.section p {



	color: #FFF;



	padding-top: 5px;



	text-align: right;



	margin-top: 20px;



	font-size: 10px;



}







.gallery {



	float: left;



	margin-right: 5px;



	margin-top: 0;



	margin-bottom: 5px;



}







.gallery_header {



}







.gallery_header a {



	text-decoration: none;



	font-size: 16px;



	color: #AE2694;



	font-weight: bold;



}







.gallery_placer {



	/*max-height: 220px;*/



	border: 5px solid #AE2694;



	background: #FFF7F7;



	height: 145px;



	width: 145px;



	text-align: center;



    /*display: table-cell;*/



    vertical-align: middle;



    position: relative;



    overflow: hidden;



    text-overflow: ellipsis;



}







.gallery_placer img {



	width: 145px;



	float: none;



	/*position: absolute;*/



	top: 0;



    left: 0;	



    display: block;



}



/*------------------------ BANNER -------------------------*/



.banner {

    width: 960px;

    height: 350px;

    background-color: #FFF7F7;

    position: relative;

    border-radius: 10px;

    text-align: center;

    margin-bottom: 5px;

    margin: 0 auto 0;

    border: 15px solid #FFF;

    box-shadow: 0 5px 20px -5px #AE2694;

}



.banner_slide_show_top {

    /*padding: 1%;*/

    width: 960px;

    height: 360px;

    background-color: #212121;

    margin-bottom: 5px;

    height: inherit;

    margin-top: 0 !important;

}



.banner_slide_show_top img{

    width: 960px;

    height: 360px;

}



.clearfix {



    float: none;



    clear: both;



}



.pagination {



    position: absolute;



    bottom: 0;



    text-align: center;



    background-color: black;



    padding: 8px;



    margin-left: 10px;



    z-index: 5;



}



.pagination a {



    width: 15px;



    height: 15px;



    margin: 0 5px 0 0;



    display: inline-block;



}



.pagination a.selected {



    background-position: -25px -300px;



    cursor: pointer;



}



.caroufredsel_wrapper {



    width: inherit !important;



}











#div_frame {



    



}























































/* ================================== CONTACT US */



#contact-us {



    padding-bottom: 10px;



    margin-bottom: 10px;



    border-bottom: 1px solid #CCC;



}



#contact-web {



    float: right;



    padding-right: 10px;



    margin: 0px;



    width: 45%;



}



#form-contact {



	display: inline;



    margin: 0px;



    float: left;



    width: 50%;



    padding-left: 10px;



    border-radius: 5px;



    border: 1px solid #CCC;



    font-family: calibri;



    font-size: 14px;



    padding-bottom: 20px;



}



#form-contact div.field textarea, #form-contact div.field input {



    max-width: 100% !important;



    width: 70%;



}



#msg-form {



    border-bottom: 1px solid #EAEAEA;



    padding: 10px;



    margin-left: -10px;



    font-family: calibri;



    font-size: 14px;



    text-align: center;



}



#contact-table {



    border: 0px solid #FFF;



    width: 100%;



}



#contact-table td {



    border-bottom: 1px solid #CCC !important;



    padding: 8px 5px;



}











#form-contact input, #form-contact textarea {



    border: 1px solid #BBB;



    background-color: transparent;



    font-family: 'SEGOE UI';



    font-size: 14px;



    line-height: 14px;



}







.text_center {



    text-align: center;



}







.text_right {



    text-align: right;



}







.text_left {



    text-align: left;



}







.td_no {



    width: 20px;



}







.box_form{



    text-align: left;



    border: 1px solid #CCC;



    border-radius: 2px;



    padding: 10px;



}







.right {



    float: right;



    margin-left: 5px;



}







.left {



    float: left;



    margin-right: 5px;



}







.clear {



    clear: both;



}







.border_left {



    border-left: 1px solid #ccc !important;



}







.border_right {



    border-right: 1px solid #ccc !important;



}







.border_bottom {



    border-bottom: 1px solid #ccc !important;



}







.border_top {



    border-top: 1px solid #ccc !important;



}







#contact-us-header {



	float: none;



	padding-top: 20px;



	padding-bottom: 20px;



	font-size: 40px;



	margin-bottom: 15px;



}







div.actions input {



	display: inline-block !important;



	color: #fff;



	height: 28px !important;



	text-decoration: none;



	padding: 0 14px !important;



	background: #AE2694 !important;



	border-radius: 0px !important;



	border: none !important;



	cursor: pointer;



}







div.actions input:hover {



	background-color: #000;



}







h1 {



	color: #af0083;



	font-size: 42px;



	font-weight: bold;



	line-height: 50px;



	margin: 0;



	padding-top: 15px;



	padding-bottom: 15px;



	text-shadow: 2px 2px #dfdaa0;



}







.more {



  padding: 5px 15px;



  background-color: purple; 



  margin-top: 10px;



}







.more:hover {



  background-color: #AE2694;



  font-weight: bold;



}







.more a {



  color: white;



  text-decoration: none;



}







#line-top {



    display: block; 



    position: absolute; 



    top:0; height: 130px; 



    background-color: #fff7f7; 



    width: 100%;



}



#line-after {



    display: block; 



    position: absolute; 



    top:0; 



    height: 280px; 



    margin-top: 130px;



    background-color: #AE2694;



    width: 100%;



    box-shadow: 0 5px 20px 5px #C507A9;



}



.gallery_nama {



    margin-bottom: 15px;



}



.opaque{



    background-color: #000;



    filter: alpha(opacity=80);



    -moz-opacity: 0.5;



    -khtml-opacity: 0.5;



    opacity: 0.5; /*Chrome*/



    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";



    color: #fff;



    z-index:1000;



    width: 100%;







}



.opaque a{



    color: #fff;



}