/* CSS Document */

body {
 background: #3c5712 url('../images/main-bg2.jpg') no-repeat;
 background-position:top;
 margin: 0px;
 padding: 0px;
 font-family: arial;
 font-size: 12px;
 font-style:normal;
 }
 
h1, h2, h3 ,h4 ,h5, p, ul, li, form { margin: 0px; padding: 0px; }

a:link { color:#006600; text-decoration: none; }
a:visited { color:#006600; text-decoration: none; }
a:hover { color:#006600; text-decoration: underline; }
 
#page-container { 
 background:url('../images/body-bg.png') repeat-y;
 width: 824px;
 padding: 0px 22px 0px 22px;
 margin:auto;
 }
 
#header-wrap { height: 140px; }

#header-logo {
 float:left;
 background:url('../images/nextstepevent_logo.jpg') no-repeat;
 width: 276px;
 height: 135px; }
 
#header-logo a { display: block; text-indent:-999px; height: 135px; width: 264px; }


#header-search { 
 padding: 8px 0 0 35px;
 margin-left: 510px;
 width: 270px;
 height: 44px;
 background: url('../images/search_bg.jpg') no-repeat;
 }
 
.search-input { float:left; margin-right:4px; }
.search-textbox { border: #999999; width:170px; height: 17px; }
.search-btn { background:#006600; border:#00CC00 1px solid; color:#FFFFFF; padding: 1px; } 

/* Navigation properties*/
#navigation { 
 clear:left;
 background: url('../images/navigation-bg.jpg');
 height: 43px;
 width: 825px;
 margin-bottom:2px;
 }
 
ul#navigation-list { margin: 0; padding: 0; list-style: none; }
ul#navigation-list li { float:left; display:block; }

.navHome { background:url(../images/btn-home.jpg); width: 68px; height: 43px; }
.navHome a { display: block; text-indent:-999px; width: 68px; height: 43px; }

.navAbout { background:url(../images/btn-about.jpg); width: 136px; height: 43px; }
.navAbout a { display: block; text-indent:-999px; width: 136px; height: 43px; }

.navService { background:url(../images/btn-services.jpg); width: 86px; height: 43px; }
.navService a { display: block; text-indent:-999px; width: 86px; height: 43px; }

.navEvent{ background: url(../images/btn-event.jpg); width: 156px; height: 43px; }
.navEvent a { display: block; text-indent:-999px; width: 156px; height: 43px; }

.navPress { background: url(../images/btn-press.jpg); width: 67px; height: 43px; }
.navPress a { display: block; text-indent:-999px; width: 67px; height: 43px; }

.navMedia { background: url(../images/btn-media.jpg); width: 124px; height: 43px; }
.navMedia a { display: block; text-indent:-999px; width: 124px; height: 43px; }

.navClient{ background: url(../images/btn-client.jpg); width: 77px; height: 43px; }
.navClient a { display: block; text-indent:-999px; width: 77px; height: 43px; }

.navContact{ background: url(../images/btn-contact.jpg); width: 111px; height: 43px; }
.navContact a { display: block; text-indent:-999px; width: 111px; height: 43px; }

/*FLASH MEDIA Properties*/
#flashmedia { /*background:url(../images/flash.jpg) no-repeat;*/  height: 229px; width: 825px; clear:both; margin-bottom: 10px; padding-bottom: 10px; }
#flashabout{ background:url(../images/flash2.jpg) no-repeat; height: 129px; width: 825px; clear:both; margin-bottom: 10px; padding-bottom: 10px; }
#flashservices{ background:url(../images/flash3.jpg) no-repeat; height: 129px; width: 825px; clear:both; margin-bottom: 10px; padding-bottom: 10px; }
#flashevents{ background:url(../images/flash4.jpg) no-repeat; height: 129px; width: 825px; clear:both; margin-bottom: 10px; padding-bottom: 10px; }
#flashmedia2{ background:url(../images/flash5.jpg) no-repeat; height: 129px; width: 825px; clear:both; margin-bottom: 10px; padding-bottom: 10px; }
#flashgallery{ background:url(../images/flash6.jpg) no-repeat; height: 129px; width: 825px; clear:both; margin-bottom: 10px; padding-bottom: 10px; }
#flashclients{ background:url(../images/flash7.jpg) no-repeat; height: 129px; width: 825px; clear:both; margin-bottom: 10px; padding-bottom: 10px; }
#flashcontact{ background:url(../images/flash8.jpg) no-repeat; height: 129px; width: 825px; clear:both; margin-bottom: 10px; padding-bottom: 10px; }


/* LEFT SIDE PROPERTIES*/
#left-wrap { float:left; width: 245px; /*margin-bottom: 15px;*/}
#random-photos { margin: 0 0 5px 0; padding: 0px; width: 232px;  }
#insideleft-wrap { margin: 0 0 5px 0; padding: 0px; width: 232px;  }
.modTop {background:url(../images/mod_top.jpg); width: 232px; height: 8px; }
.modBg {background:url(../images/mod_bg.jpg) repeat-y; width: 232px;  }
.modBottom {background:url(../images/mod_bottom.jpg); width: 232px; height: 8px; }

.modHead { background-color: #77a87c; color:#FFFFFF; font-size: 14px; font-weight: bold; width: 215px; margin:auto; padding: 3px;  }
.modHead2 { background-color: #77a87c; color:#FFFFFF; font-size: 12px; font-weight: bold; width: 215px; margin:auto; padding: 3px;  }
.modPhoto { margin: auto; padding: 10px 3px 5px 3px; width: 200px; text-align: center; }
.modtext { margin: auto; padding: 10px 3px 5px 3px; width: 200px; font-size: 10px;  }
.modPartner { border:#999999 1px solid; }

/* RIGHT SIDE PROPERTIES*/

#right-wrap { margin-left: 247px; width: 570px; /*margin-bottom: 35px; */ padding-bottom: 35px; }
#right-wrap h3 { font-size: 18px; color:#003300; }
#upcomingevent { border: 1px solid #999999; padding: 15px; width: 540px; }
#upcomingevent .upcoming-head { color:#003300; }
.title { font-size: 14px; color:#003300; font-weight:bold; }
#sub-wrap { width: 570px; margin-top: 5px; padding-top: 5px; }
#facade-left { width: 278px; float:left; margin-right: 12px;  display: block; }
#facade-right { width: 278px; float:left; display: block; }
.gap { margin-bottom: 5px; border-bottom: #333333 0.01em dashed thin; padding-bottom: 35px;}
.gap2 { margin-top: 10px; padding-top: 10px;}



#footer-wrap {
 background: url(../images/footer-bg.jpg);
 width: 824px; height: 48px;
 padding: 20px 22px 0px 22px;
 margin:auto;
 color:#FFFFFF
 }
 
 #footer-wrap a { color: #FFFFFF; text-decoration: underline; }
  #footer-wrap a:hover { color: #FFFFFF; text-decoration: none; }
  
  #dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}
.maincontent {
padding:5px;

}