@charset "UTF-8";
/* CSS Document */

html,body {
	
	background:url(images/bk.png);
	height:100%;
	margin:0;
	text-align:center;
	}
	
#navbar2 {
	text-align:center;
	height: 8px;
	width: 100%;
	border-top: solid #000 0px;
	border-bottom: solid #000 0px;
	background-color: #760E2B;
	background-image:url(redstripe.png);
}

#container {min-height: 100%;
	font-family:Arial, Helvetica, sans-serif;
}

	

A:link {text-decoration: none; color:#8c082f;}
A:visited {text-decoration: none; color:#8c082f;}
A:active {text-decoration: none; color:#797979;}
A:hover {text-decoration: none; color: #797979;}



/*------------------------- for each specific page--------------------*/
#home{  /* <<<<<<<<<< index.html >>>>>>>>*/
	margin-left:auto;
	margin-right:auto;
	width:980px;
	height:860px;
	background-image:url(images/bodyboxbk.png);
	background-repeat:no-repeat;

}	

#booth{  /* <<<<<<<<<< booth.html >>>>>>>>*/
	margin-left:auto;
	margin-right:auto;
	width:980px;
	height:1850px;
	background-image:url(images/bodyboxbk.png);
	background-repeat:no-repeat;
}
	
#events{  /* <<<<<<<<<< events.html >>>>>>>>*/
	margin-left:auto;
	margin-right:auto;
	width:980px;
	height:1370px;
	background-image:url(images/bodyboxbk.png);
	background-repeat:no-repeat;
}

#packages{  /* <<<<<<<<<< packages.html >>>>>>>>*/
	margin-left:auto;
	margin-right:auto;
	width:980px;
	height:1450px;
	background-image:url(images/bodyboxbk.png);
	background-repeat:no-repeat;
}	

#blog{  /* <<<<<<<<<< blog.html >>>>>>>>*/
	margin-left:auto;
	margin-right:auto;
	width:980px;
	height:3100px;
	background-image:url(images/bodyboxbk.png);
	background-repeat:no-repeat;
}	

#about{  /* <<<<<<<<<< about.html >>>>>>>>*/
	margin-left:auto;
	margin-right:auto;
	width:980px;
	height:1160px;
	background-image:url(images/bodyboxbk.png);
	background-repeat:no-repeat;
}	
	
#contact{  /* <<<<<<<<<< contact.php >>>>>>>>*/
	margin-left:auto;
	margin-right:auto;
	width:980px;
	height:1050px;
	background-image:url(images/bodyboxbk.png);
	background-repeat:no-repeat;
}	


/*------------------------- for each specific page------------------*/


#quote{
	position: relative;
	top:-6px;
	width: 200px;
	left:730px;

}
	
#logo{
	width:298px;
	height:83px;
	left:30px;
	top:-8px;
	position:relative;
}

#left_text{
	width:310px;
	height:500px;
	top:139px;
	position:absolute;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#6e6f70;
	font-weight: bold;
	padding:0px;
	
	
}



#footerbar{
	position: relative;
	width:100%;
	min-width:980px;
	background-image:url(images/botred.png);
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font:bold;
	text-align:center;
	margin-top: -139px; /* negative value of footer height ------ change to 140 to get rid of scroll bar*/
	height: 139px; 		/*footer height*/
	clear:both;
	border-top:#000 solid 1px;
	
	

}

#follow{
	margin-left:auto;
	margin-right: auto;
	top: 10;
	padding: 15px;
	opacity:1;
	
	
}

#footer {
	top:45px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font:bold;
    height: 20px;
}


#menup{
	Width:600px;
	Height: 20px;
	top: -30px;
	left: 335px;
	position:relative;
}

ul.semiopaquemenu{ /* main menu UL */


	font: bold 14px Helvetica ;
	color:#797979;
	width: 100%;
	margin: 0;
	text-align: left; /* set value to "left", "center", or "right" to align menu accordingly */
}

ul.semiopaquemenu li{
	
	display: inline;
}

ul.semiopaquemenu li a{
	
	color:#797979;
	padding: 5px 8px 16px 8px; /* padding of the 4 sides of each menu link */
	margin-right: 0px; /* spacing between each menu link */
	text-decoration: none;
}

ul.semiopaquemenu li a:hover, ul.semiopaquemenu li a.selected{
	color: #8c082f;
	
}


/*
ul.semiopaquemenu li a:hover, ul.semiopaquemenu li a.selected{
	color: white;
	background-color:#8c082f;
	-moz-box-shadow: 0 0 5px #595959; /* CSS3 box shadows */
/*	-webkit-box-shadow: 0 0 5px #595959;
	box-shadow: 0 0 5px #595959;
	padding-top: 5px; /* large padding to get menu item to protrude upwards */
/*	padding-bottom: 5px; /* large padding to get menu item to protrude downwards */
/*}





/*-----------------------footer---------------------*/


/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/*----------------------- index ---------------------*/
#bodyhome{
	width:630px;
	height:500px;
	left:350px;
	top:-22px;
	position:relative;
	text-align:left;
}

#homesideH{
	text-align:center;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#797979;
	width:300px;
	height:100px;
	top:150px;
	position:absolute;

}

#homesidePic{
	width:350px;
	height:399px;
	top:263px;
	position:absolute;
	background-image:url(images/side-booth.jpg);
}

#homesideH2{
	text-align:center;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:300px;
	height:100px;
	top:590px;
	position:absolute;

}
/*-----------------------about---------------------*/

#bodyabout{
	width:560px;
	height:800px;
	left:380px;
	top:0px;
	position:relative;
	text-align:left;
}

#about_sidepic{
	width: 350px;
	height: 425px;
	background-image: url(images/about_skyline.jpg);
	background-repeat: no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	top: 155px;
}

div.text1{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#797979;
}

div.text2{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#8c082f;
	font-weight: bold;	
}

div.text3{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#797979;
}

#ai_john{
	width: 125px;
	height: 166px;
	background-image: url(images/about_john.jpg);
	background-repeat: no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;	
}

#ai_etan{
	width: 125px;
	height: 166px;
	background-image: url(images/about_etan.jpg);
	background-repeat: no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#ai_anthony{
	width: 125px;
	height: 166px;
	background-image: url(images/about_anthony.jpg);
	background-repeat: no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#ai_howard{
	width: 125px;
	height: 166px;
	background-image: url(images/about_howard.jpg);
	background-repeat: no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;


}

/*-----------------------event photos---------------------*/

#bodyevents{
	width:560px;
	height:1000px;
	left:380px;
	top:-10px;
	position:relative;
	text-align:left;
}

div.e1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#797979;
	font-weight:bold;
	text-align: left;
}


div.e2{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#8c082f;
	font-weight:bold;
}	

div.e3{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#797979;
}
	

div.e4{
	font:sans-serif;
	font-size:20px;
	color:#8c082f;
	font-weight:bold;
	text-align: left;
}

/*----------------------- booth ---------------------*/

#bodybooth{
	width:560px;
	height:1400px;
	left:380px;
	top:-10px;
	position:relative;
	text-align:right;
}

#boothsidePic{
	width:350px;
	height:399px;
	top:243px;
	position:absolute;
	background-image:url(images/side-booth.jpg);
}

#boothsideH2{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	width:350px;
	height:100px;
	top:590px;
	position:absolute;
}

#boothsidepic2{
	width:350px;
	height:340px;
	top:744px;
	position:absolute;
	background-image:url(images/booth_sidelower.jpg);
}

#b1{
	width: 140px;
	height: 130px;
	background-image: url(images/b1.jpg);
	background-repeat: no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	text-align: center;
}

#b2{
	width: 140px;
	height: 130px;
	background-image: url(images/b2.jpg);
	background-repeat: no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	text-align: center;
}

#b3{
	width: 140px;
	height: 130px;
	background-image: url(images/b3.jpg);
	background-repeat: no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	text-align: center;
}

#b4{
	width: 140px;
	height: 130px;
	background-image: url(images/b4.jpg);
	background-repeat: no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	text-align: center;
}

#b5{
	width: 140px;
	height: 130px;
	background-image: url(images/b5.jpg);
	background-repeat: no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	text-align: center;
}

#b6{
	width: 140px;
	height: 130px;
	background-image: url(images/b6.jpg);
	background-repeat: no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	text-align: center;
}

#b7{
	width: 140px;
	height: 130px;
	background-image: url(images/b7.jpg);
	background-repeat: no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	text-align: center;
}

#b8{
	width: 140px;
	height: 130px;
	background-image: url(images/b8.jpg);
	background-repeat: no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	text-align: center;
}

#b9{
	width: 140px;
	height: 130px;
	background-image: url(images/b9.jpg);
	background-repeat: no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	text-align: center;
}

/*----------------------- contact ---------------------*/

#bodycontact{
	width:560px;
	height:800px;
	left:380px;
	top:-10px;
	position:relative;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}

#contact-form {  
     
    width:540px;  
    padding:10px;  
    border: 0px solid #8c082f;   
    -moz-border-radius:15px;  
    -webkit-border-radius:15px;  
    border-radius:15px;  
    position:relative;  
}  
  
#contact-form h1 {  
    font-size:42px;
	color:#606060;
	
	
}  
  
#contact-form h2 {  
    
    font-style:italic;  
    font-weight:normal;  
	color:#8c082f;
	
}  
  
#contact-form input,  
#contact-form select,  
#contact-form textarea,  
#contact-form label {  
    font-size:13px;  
	color:#606060;
    
	 
}  
  
#contact-form input,  
#contact-form select,  
#contact-form textarea {  
    width:460px;  
    border: 1px solid #8c082f;  
    margin-bottom:4px;  
    padding:4px;  
}  
  
#contact-form input:focus,  
#contact-form select:focus,  
#contact-form textarea:focus {  
    border: 1px solid #8c082f;  
    background-color: #F3F3F3;  
}  
  
#contact-form textarea {  
    height:150px;  
    resize: none;  
}  
  
#contact-form label {  
    display:block;  
}  
  
#contact-form .required {  
    font-weight:bold;  
    color:#F00;  
}  
  
#contact-form #submit-button {  
    width: 100px;  
    color:#FFF;  
    border: 1px solid #8c082f;  
    display:block;  
    float:rightright;  
    margin-bottom:0px;  
    margin-right:6px;  
    background-color:#8c082f;  
    -moz-border-radius:7px;  
    -webkit-border-radius:7px; 
}  
  
#contact-form #submit-button:hover {  
    color:black;
	background-color:#ccc;
}  
  
#contact-form #submit-button:active {  
    position:relative;  
    top:1px;  
}  
  
#contact-form #loading {  
    width:32px;  
    height:32px;  
    background-image:url(images/loading.gif);  
    display:block;  
    position:absolute;  
    rightright:130px;  
    bottombottom:16px;  
    display:none;  
}  
  
#errors {  
    border:solid 1px #E58E8E;  
    padding:10px;  
    margin:25px 0px;  
    display:block;  
    width:437px;  
    -webkit-border-radius:8px;  
    -moz-border-radius:8px;  
    border-radius:8px;  
    background:#FFE6E6 url(images/cancel_48.png) no-repeat 405px center;  
    display:none;  
}  
  
#errors li {  
    padding:2px;  
    list-style:none;  
}  
  
#errors li:before {  
    content: ' - ';  
}  
  
#errors #info {  
    font-weight:bold;  
	color:#797979;
	font-size:14px;
}  
  
#errors #info:before {  
    content: '';  
}  
  
#success {  
    border:solid 1px #83D186;  
    padding:25px 10px;  
    margin:25px 0px;  
    display:block;  
    width:437px;  
    -webkit-border-radius:8px;  
    -moz-border-radius:8px;  
    border-radius:8px;  
    background:#D3EDD3 url(images/accepted_48.png) no-repeat 405px center;  
    font-weight:bold;  
    display:none;  
	color:#797979;
}  
  
#errors.visible,#m-errors.visible,#msuccess.visible, #success.visible {  
    display:block;  
}  
  
#req-field-desc {
	font-size:12px; 
    font-style:italic;
	color:#797979;  
}  
  
/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */  
input:required, textarea:required {  
    -moz-box-shadow:none;  
    -webkit-box-shadow:none;  
    -o-box-shadow:none;  
    box-shadow:none;  
}  
  
/* Normalize placeholder styles */  
  
/* chrome, safari */  
::-webkit-input-placeholder {  
    color:#CCC;  
    font-style:italic;  
}  
  
/* mozilla */  
input:-moz-placeholder, textarea:-moz-placeholder {  
    color:#CCC;  
    font-style:italic;  
}  
  
/* ie (faux placeholder) */  
input.placeholder-text, textarea.placeholder-text  {  
    color:#CCC;  
    font-style:italic;  
}  

	
	
/*-----------------packages--------------*/

#bodypackages{
	width:560px;
	height:1000px;
	left:380px;
	top:-10px;
	position:relative;
	text-align:left;
}

#pack{
	width: 350px;
	height: 425px;
	background-image: url(images/side_pack.jpg);
	background-repeat: no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position:absolute;
	top:150px;
}
	
/*-----------------packages mini contact form--------------*/


#minic-form {  
     
    width:325px;  
    padding:10px;  
    border: 0px solid #8c082f;   
    -moz-border-radius:15px;  
    -webkit-border-radius:10px;  
    border-radius:10px;  
    position:absolute;
	top: 565px;
	text-align:left;  
}  
  
#minic-form h1 {  
    font-size:42px;
	color:#606060;
	
	
}  
  
#minic-form h2 {  
    
    font-style:italic;  
    font-weight:normal;  
	color:#8c082f;
	
}  
  
#minic-form input,  
#minic-form select,  
#minic-form textarea,  
#minic-form label {  
    font-size:13px;  
	color:#606060;
    
	 
}  
  
#minic-form input,  
#minic-form select,  
#minic-form textarea {  
    width:300px;  
    border: 1px solid #8c082f;  
    margin-bottom:4px;  
    padding:4px;  
}  
  
#minic-form input:focus,  
#minic-form select:focus,  
#minic-form textarea:focus {  
    border: 1px solid #8c082f;  
    background-color: #F3F3F3;  
}  
  
#minic-form textarea {  
    height:150px;  
    resize: none;  
}  
  
#minic-form label {  
    display:block;  
}  
  
#minic-form .required {  
    font-weight:bold;  
    color:#F00;  
}  
  
#minic-form #submit-button {  
    width: 100px;  
    color:#FFF;  
    border: 1px solid #8c082f;  
    display:block;  
    float:rightright;  
    margin-bottom:0px;  
    margin-right:6px;  
    background-color:#8c082f;  
    -moz-border-radius:7px;  
    -webkit-border-radius:7px; 
}  
  
#minic-form #submit-button:hover {  
    color:black;
	background-color:#ccc;
}  
  
#minic-form #submit-button:active {  
    position:relative;  
    top:1px;  
}  
  
#minic-form #loading {  
    width:32px;  
    height:32px;  
    background-image:url(images/loading.gif);  
    display:block;  
    position:absolute;  
    rightright:130px;  
    bottombottom:16px;  
    display:none;  
} 

  
#m-errors {  
    border:solid 1px #E58E8E;  
    padding:10px;  
    margin:25px 0px;  
    display:block;  
    width:280px;  
    -webkit-border-radius:8px;  
    -moz-border-radius:8px;  
    border-radius:8px;  
    background:#FFE6E6 url(images/cancel_48.png) no-repeat 245px center;  
    display:none;  
}  

#m-errors li {  
    padding:2px;  
    list-style:none;  
}  
  
#m-errors li:before {  
    content: ' - ';  
}  
  
#m-errors #info {  
    font-weight:bold;  
	color:#797979;
	font-size:14px;
}  
  
#m-errors #info:before {  
    content: '';  
}  
  
#msuccess {  
    border:solid 1px #83D186;  
    padding:25px 10px;  
    margin:25px 0px;  
    display:block;  
    width:280px;  
    -webkit-border-radius:8px;  
    -moz-border-radius:8px;  
    border-radius:8px;  
    background:#D3EDD3 url(images/accepted_48.png) no-repeat 245px center;  
    font-weight:bold;  
    display:none;  
	color:#797979;
} 

/*--------------- blog ------------------*/


#bodyblog{
	width:880px;
	height:2900px;
	left:30px;
	top:50px;
	position:relative;
	text-align:left;
}

div.textb{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#797979;
}

div.textbd{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#797979;
	font-style:italic;
}