html { background: url(../images/bg.jpg) top center no-repeat #5e5e5e;}
.box{ background:transparent;}
.buttons-line { height: 1em;}
#header-wrapper { background:url(../images/top.jpg) top center no-repeat #fff;}

.grid_3 img{-webkit-border-radius: 10px;
border-radius: 10px;
padding:0;}

#bbtn { width:300px; height: 200px; background:url(../images/bbtn.jpg) top center no-repeat #b2b2b2;
-webkit-border-radius: 5px;
border-radius: 5px;}
#bbtn p{ font-size: 13px !important; text-align:left !important; padding:15px 70px 0px 15px !important; line-height: 20px !important;}


#nav a {
    background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ 
    color: #fff !important;
    display: block;
    font-size: 16px;
    list-style: none outside none;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
	text-align:center;
	-webkit-border-radius: 5px;
border-radius: 5px;
}
#nav a:hover {
    color:#F00 !important;
}



#bday { background:url(../images/bday.jpg) top center no-repeat; height: 120px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#bday p{ font-size:20px; font-family: 'GillSans-LightItalic', 'Gill Sans', 'Trebuchet MS', sans-serif; width: 630px; margin:25px 0 0 15px; font-style: italic; line-height: 22px; color: #333;}

#bday a:link { color:#A30327; text-decoration:none;}
#bday a:visited { color:#A30327; text-decoration:none;}
#bday a:hover { color:#F90; text-decoration:none;}
#bday a:active { color:#A30327; text-decoration:none;}

#cont a:link { color:#A30327; text-decoration:none;}
#cont a:visited { color:#A30327; text-decoration:none;}
#cont a:hover { color:#F90; text-decoration:none;}
#cont a:active { color:#A30327; text-decoration:none;}

#wrap { background:#fff; width: 1000px; height: auto; margin: 0 auto; padding:0; border:5px solid #ccc;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#head .grid_9{ background:url(../images/head.jpg) top center no-repeat; width:700px; height:300px; overflow:hidden; 
-webkit-border-radius: 10px;
border-radius: 10px;
}
#head2 .grid_9{ background:url(../images/head2.jpg) top center no-repeat; width:700px; height:300px; overflow:hidden; 
-webkit-border-radius: 10px;
border-radius: 10px;
}
#head2 .grid_9 p{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-top: 150px; padding-left: 15px; font-size: 20px;}



#headL .grid_9{ background:url(../images/headL.jpg) top center no-repeat; width:700px; height:300px; overflow:hidden; 
-webkit-border-radius: 10px;
border-radius: 10px;
}
#headA .grid_9{ background:url(../images/headA.jpg) top center no-repeat; width:700px; height:300px; overflow:hidden; 
-webkit-border-radius: 10px;
border-radius: 10px;
}
#headJ .grid_9{ background:url(../images/headJ.jpg) top center no-repeat; width:700px; height:300px; overflow:hidden; 
-webkit-border-radius: 10px;
border-radius: 10px;
}
#headF .grid_9{ background:url(../images/headF.jpg) top center no-repeat; width:700px; height:300px; overflow:hidden; 
-webkit-border-radius: 10px;
border-radius: 10px;
}


#head2 .grid_9 a:link { color:#FC0; text-decoration:none;}
#head2 .grid_9 a:visited { color:#FC0; text-decoration:none;}
#head2 .grid_9 a:hover { color:#F90; text-decoration:none;}
#head2 .grid_9 a:active { color:#FC0; text-decoration:none;}

#form { background: url(../images/form.jpg) top center no-repeat #fff; height:300px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 0px 5px 1px #333;
box-shadow: inset 0px 0px 5px 1px #333;  
}
#form p{background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ text-align:center; padding:5px 0 5px 0; margin:0; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:20px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#form iframe{ border-width:0; padding-top:0;}
#cont iframe{ border-width:0; padding-top:0;}
#cont { background: #fff; overflow:hidden; min-height: 500px;

}
#cont p{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; font-size:14px; line-height:25px; text-align:justify;}
#cont h1{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; font-size:24px; border-bottom: 1px dashed #333; font-weight:normal; letter-spacing:-1px; text-transform:capitalize; margin:0 0 0 0; padding:8px 0 8px 0;}
#cont h2{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; font-size:24px; border-bottom: 1px dashed #333; font-weight:normal; letter-spacing:-1px; text-transform:capitalize; margin:0 0 0 0; padding:8px 0 8px 0;}


#but .grid_3 { background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
 height:40px;
 -webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom:-18px !important;}
#but .grid_3 p{ color:#fff; font-family: 'GillSans-LightItalic', 'Gill Sans', 'Trebuchet MS', sans-serif; text-align: center; padding:7px 0 0 0; margin:0; text-transform:capitalize; font-weight:bold; font-size:18px;}

#but .grid_3 a:link { color:#fff; text-decoration:none;}
#but .grid_3 a:visited { color:#fff; text-decoration:none;}
#but .grid_3 a:hover { color:#f00; text-decoration:none;}
#but .grid_3 a:active { color:#fff; text-decoration:none;}

.view {
   width: 300px;
   height: 180px;
   margin: 0px;
   padding:0;
   float: left;
   border: 0px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   /*-webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;*/
   /*box-shadow: 1px 1px 2px #e6e6e6;*/
   cursor: default;
   /*background: #fff url(../images/bg.jpg) no-repeat center center;*/
}
.view .mask,.view .content {
   width: 300px;
   height: 180px;
   position: absolute;
   overflow: hidden;
   top:0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   font-family: Arial, Helvetica, sans-serif;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: #000;
   margin: 0 0 0 0;
}
.view p {
   font-family: Arial, Helvetica, sans-serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 3px 3px 3px;
   text-align: center;
}
.view a.info {
   font-family: Arial, Helvetica, sans-serif;
   display: inline-block;
   text-decoration: none;
   padding: 2px 2px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: #475562 ;/*rgba(84, 30, 55, 0.7)*/
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
				


/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

/*body {
  min-width: 960px;
}*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 20px;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}