/* MAIN ATTRIBUTES */
* { margin: 0 }

body {
	background: #212121 url(../images/graphics/buzz-bg.jpg) repeat-x;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
}

a {
	text-decoration: none;
	color: #FF0033;
}
a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
p {
	margin: 10px 0;
}
img {
	padding: 0;
	margin: 0;
}
a img {
	border: none;
}
/* CONTENT AREAS */
#wrap {
	width: 762px;
	display: block;
	margin: 0 auto;
}
#top {
	margin-top: 20px;
	height: 160px;
	width: 762px;
	background: url(../images/graphics/top-bg2.gif) 0px 0px no-repeat;
}
#logo {
	margin: 20px 0 0 32px;
	float: left;
	display: inline;
}
#number {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	float: right;
	margin-top: 36px;
	margin-bottom: 0;
	margin-left: 0;
}
#number a:hover {
	color:#FF0000;
	text-decoration: none;
} 

#number a:visited {
	color:#FF0000;
	text-decoration: none;
} 


#bottom {
	width: 758px;
	border-left: 1px solid #FFFFFF;	
	border-right: 1px solid #FFFFFF;
	padding: 20px 0;
	float: left;
}
#concept {
	width: 720px;
	height: 255px;
	margin: 10px;
	background: url(../images/graphics/concept-bg.gif) top right no-repeat;
	padding: 10px;
	position: relative;
}
#home1 {
	width: 359px; height: 305px; float: left; margin: 10px 0 0 10px; background: #000; padding: 10px; }

#homePics {
	margin: 20px 0 0 8px;
	height: 125px;
	width: 760px;
	float: left;
}
#homePics img {
	margin: 0 7px 10px 7px;
	
}
#directoryPics { margin: 0 0 10px 150px;
	height: 280px;
	width: 260px;
	float: left;
	display: inline; }
#directoryPics img { margin: 10px; }

#whatsHot, #homePush { float: left; width: 166px; height: 220px; }
#whatsHot { margin: 0 10px 15px 20px; }


#homeNews, #quickLinks { float: left; height: 200px; background: #444 url(../images/graphics/newsBG.jpg) bottom no-repeat; width: 455px; margin: 20px 0 0 0;}
#homeNews { margin-right: 10px; }
#homeNews p { width: 445px; height: 31px; border-bottom: 1px solid #ccc; background: #F7F7F7; float: left; display: block; margin: 0; color: #000; font-size: 11px; font-weight: bold; padding: 5px;  }
#quickLinks { width: 275px; background: #444 url(../images/graphics/quickLinksBG.jpg) bottom no-repeat;}
#quickLinks a { width: 265px; height: 14px; border-bottom: 1px solid #ccc; background: #F7F7F7; float: left; display: block; margin: 0; color: #000; font-size: 11px; font-weight: bold; padding: 5px;  }
#homeNews a:hover, #homeOffers a:hover { color: #000; }
#homeNews p:hover, #homeOffers p:hover { background: #fff; }
#quickLinks a:hover { color: #FF0033; background: #FFF; }


#homeBottom { float: left; width: 750px; margin-top: 20px; padding-left: 10px; }

.whatsHotLink { position: relative; top: 217px; display: block; margin-top: -18px; padding: 0 22px 0 5px; width: 155px; font-weight: bold; }
a.whatsHotLink { color: #fff; }
a:hover.whatsHotLink { color: #FF0033; }
#conlinkStag, #conlinkHen, #conlinkCorp { left:25px; position:absolute; }

#conlinkStag  { top: 62px; }
#conlinkHen  { top: 122px; }
#conlinkCorp  { top: 182px; }
a.arrow {
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 22px 0 0;
	height: 13px;
	background: url(../images/graphics/arrow-pink1.gif) right no-repeat;
	margin: 4px 0;
}
a:hover.arrow {
	color: #FF0033;
}

#col1, #col2, #col3, #col4 { float: left; position: relative; padding: 10px 0 0 10px; }
#col1 { width: 160px; }
#col2 { width: 380px; }
#col3 { width: 180px; }
#col4 { width: 570px; }
#col2 ul, #col4 ul { margin: 5px 0 5px 45px; }
.container { padding: 3px 10px 10px 10px; }
#sideNav, #sideFriend { width: 160px; background: #000000 url(../images/graphics/nav-bottom.gif) bottom no-repeat; padding-bottom: 7px; }
.sideNav1 { width: 160px; background: #333333 url(../images/graphics/nav-bottom1.gif) bottom no-repeat; padding-bottom: 7px; float: left; }
#rightSide1, #sideTest, #sideGallery, #distance { width: 180px; background: #000000 url(../images/graphics/side-bottom.gif) bottom no-repeat; padding-bottom: 7px; margin-bottom: 10px; float: left; }
#rightSide11, .sideTest1, #distance1 { width: 180px; background: #333333 url(../images/graphics/side-bottom1.gif) bottom no-repeat; padding-bottom: 7px; margin-bottom: 10px; float: left; }
#sideFriend { margin-top: 10px; float: left; }
#col2-top, #col2-bottom { width: 380px; background: #000000 url(../images/graphics/col2-bottom.gif) bottom no-repeat; padding-bottom: 7px; margin-bottom: 10px; float: left; }
#col2-top1, #col2-bottom1 { width: 380px; background: #333333 url(../images/graphics/col2-bottom1.gif) bottom no-repeat; padding-bottom: 7px; margin-bottom: 10px; float: left; }
.col4box { width: 570px; background: #000000 url(../images/graphics/col4-bottom.gif) bottom no-repeat; padding-bottom: 7px; margin-bottom: 10px; float: left; }
.col41box { width: 570px; background: #333333 url(../images/graphics/col41-bottom.gif) bottom no-repeat; padding-bottom: 7px; margin-bottom: 10px; float: left; }
#sideNav h1, #distance h1, #distance p, #distance strong, #sideNav a, .sideNav1 h1, .sideNav1 a, #rightSide1 h1, #rightSide1 a, #rightSide11 h1, #rightSide11 a, #sideTest h1, #sideTest h3, #sideTest a, #sideTest p, #sideTest strong, #sideFriend h1, #sideFriend a, #sideFriend p, #sideFriend form, #sideGallery h1, #sideGallery p, .sideTest1 h1, .sideTest1 h3, .sideTest1 a, .sideTest1 p, .sideTest1 strong, .sideNav1 form, .sideNav1 p, #distance1 p, #distance1 h1, #distance1 strong { margin: 0 7px 7px 7px; }
#sideTest h3 { color: #0033FF; }
#distance strong { color: #FF0033; }
.event-link { margin: 20px 0 0 0; padding: 0; width: 160px; float: left; }
.clientlogo { float: left; margin: 10px 0 0 36px; }
.priceExtra {float: right; width: 236px; font-weight: bold; margin: 0 0 10px 10px; background: #333; padding: 2px 9px 5px 9px; min-height: 220px; color: #FFF;} 
.priceExtra strong { float: left; width: 243px; background: #FFF; color: #333; height: 16px; padding: 2px 2px 2px 5px; margin: 0 0 5px -7px;}

#homeOffers { float: left; height: 190px; width: 342px; background: #444 url(../images/graphics/offersBG.jpg) bottom no-repeat; margin-left: 20px; padding: 5px 0 5px 0; }
#homeOffers p { width: 332px; height: 30px; border-bottom: 1px solid #ccc; background: #F7F7F7; float: left; display: block; margin: 0; color: #000; font-size: 11px; font-weight: bold; padding: 5px;  }
#homeOffers span { float: right; margin-top: -10px;}
#homeOffers h2 { padding-left: 5px; margin-top: -3px; }
.activity-box { width: 340px;  height: 200px; background: url(../images/graphics/activity-bg.gif) bottom no-repeat; float: left; padding: 10px; margin: 10px 0 0 10px; }
.activity-box .mainimg { margin-top: 10px; }
#sideNav_ul, #topActiv, #under70 { list-style: none; }
#sideNav li, .sideNav1 li, #topActiv li, #under70 li { padding: 6px 0 6px 7px; background: url(../images/graphics/li_nav.jpg) bottom no-repeat; }
#sideNav_ul a { font-weight: bold; color: #FFFFFF; }
#sideNav_ul a:hover { color: #FF0033; text-decoration: none; }
#topActiv a, #under70 a { font-weight: bold; color: #FFFFFF; }
#topActiv a:hover, #under70 a:hover { color: #FF0033; text-decoration: none; }
#topActiv { margin-bottom: 10px; }
#topActiv a, #topActiv li { margin-left: 0; padding-left: 0; width: 165px;}
#topActiv li { margin-left: 7px;}
.break-pad { margin: 5px 0 4px 7px; }
.container .break-pad { margin: 5px 0; }
#imageStrip, #imageStrip1 { float: right; width: 120px; padding: 10px 0 0 0; margin-left:5px;}
#experience { float: left; background: #000000 url(../images/graphics/exp-bg.gif) bottom right no-repeat; width: 380px; height: 80px; margin-top: 10px; padding: 10px; font-weight: bold; }
#experience1 { float: left; background: #333333 url(../images/graphics/exp-bg1.gif) bottom right no-repeat; width: 380px; height: 80px; margin-top: 10px; padding: 10px; }
#experienceImg { float: left; width: 140px; }
#experienceImg img { float: left; margin: 0 0 3px 0; }
#mainImage li, #mainImage ul, #smallImg li, #smallImg ul { list-style: none; }
area, map, img { border: none;}
.sent {
	color: #CCFF00;
}
#homeconcept { float: left; width: 379px; height: 200px; margin-left: 10px; }
#footer {
	clear: both;
	font-size: 11px;
	color: #999999;
	border-top: 1px solid #000000;
	border-left: 1px solid #FFFFFF;	
	border-right: 1px solid #FFFFFF;
	background: #000000;
	padding: 10px;
	float: left;
	width: 738px;
}
#footer .vcard{
	float: right;
}
#bottomNav { color: #FFFFFF; font-size: 12px; font-weight: bold; }
#copyright { float: left; }
#bottomNav a {
	color: #888D92;
}
#bottomNav a:hover {
	color: #F0F2F1;
}
#web-design a {
	color: #666666;
}
#web-design a:hover {
	color: #999999;
}

.left {
	float: left;
}
.right {
	float: right;
}
.imgleft {
	float: left;
	margin: 12px 10px 10px 0;
}
.imgright {
	float: right;
	margin: 3px 7px 7px 7px;
}
.red {
	color: #FF0000;
}
.blue { color: #0033FF; }
.green { color: #00CC00; }

#callbackBut, .moreNews {
	float: right;
	margin-top: 5px;
}
label{font-weight:bold; cursor: pointer;}
.contact-us label, #contactForm label {float: left; display: block; width: 160px; clear: left;}
.required{color:#006C88; font-weight: bold;}
#error-container{
	background-color: #990000;
	border:1px solid #000;
	color: #fff;
	padding: 5px;
}
#error-container h3{
	font-size: 16px;
}
input:focus, textarea:focus{background-color:#FFFFCC;}

/* ----- Overlay CSS ----- */
.overlayWrap
{
	background: url(../images/graphics/pan_checks.gif) repeat;
	margin: 0 0 15px 0;
	position: relative;
	width: 108px;
	height: 113px;
}

.overlayFrame
{
	background: url(../images/graphics/overlayFrame.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 108px;
	height: 113px;
}
.overlayWrap1
{
	background: url(../images/graphics/pan_checks.gif) repeat;
	margin: 0 0 15px 0;
	position: relative;
	width: 108px;
	height: 113px;
}

.overlayFrame1
{
	background: url(../images/graphics/overlayFrame1.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 108px;
	height: 113px;
}
.overlayWrap2
{
	background: url(../images/graphics/pan_checks.gif) repeat;
	margin: 15px 0;
	position: relative;
	width: 360px;
	height: 140px;
}

.overlayFrame2
{
	background: url(../images/graphics/overlayFrame2.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 360px;
	height: 140px;
}
.overlayWrap4
{
	background: url(../images/graphics/pan_checks.gif) repeat;
	margin: 15px 0;
	position: relative;
	width: 360px;
	height: 140px;
}

.overlayFrame4
{
	background: url(../images/graphics/overlayFrame4.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 360px;
	height: 140px;
}
.overlayWrap3
{
	background: url(../images/graphics/pan_checks.gif) repeat;
	margin: 0 0 15px 15px;
	position: relative;
	width: 129px;
	height: 134px;
	float: right;
}

.overlayFrame3
{
	background: url(../images/graphics/overlayFrame3.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 129px;
	height: 134px;
}
.overlayWrap5
{
	background: url(../images/graphics/pan_checks.gif) repeat;
	margin: 0 0 15px 15px;
	position: relative;
	width: 129px;
	height: 134px;
	float: right;
}

.overlayFrame5
{
	background: url(../images/graphics/overlayFrame5.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 129px;
	height: 134px;
}
.popup { padding: 20px; background: url(../images/graphics/popupBG.jpg) no-repeat;}
.popup1 { padding: 20px; background: #474747 url(../images/graphics/popupbg1.jpg) no-repeat fixed; }
.imgGal { margin: 5px 10px 5px 0; float: left; border: none; }
.price-but { margin: 10px 10px 0 10px; }
.price-but1 { padding: 20px 10px 0 10px; float: left; }
#prices ul { margin: 10px 0 10px 25px; }
.priceBox { width: 530px; background: #FFFFFF url(../images/graphics/priceBoxBG.gif) bottom no-repeat; padding: 0 10px 10px 10px; margin: 10px 0; float: left; color: #000; }
.priceBoxPrice { color: #FF0033; font-weight: bold; padding: 2px 5px 1px 0; clear: both; }
#pricesMain { float: left; width: 570px; margin: 10px 0 0 10px; color: #000000; }


#flashBanner { float: left; height: 96px; width: 342px; background: #333; margin: 10px 0 0 20px; padding: 0 0 0 0;}

/* videos */

.vid{
  padding: 25px 0;
  clear: both;
  min-height: 250px;
}

div.vid-obj{
  float: right;
  width: 270px;
  margin-top: 10px;
  padding-bottom: 10px;
}

.centered{
  text-align: center;
}



.vid p{
  margin-right: 280px;
}

.centered p{
  margin: 10px 0 0 0;
}


h1.float_left {
	float: left;
	width: 450px;
	margin:0px;
	padding:0px;
}

p.float_left {
	float: left;
	height: 35px;
	width: 100px;
	margin:0px;
	padding:0px;
	
}

p.float_left a {
	font-size:1.3em;
	font-weight:bold;
}