body {

	background-color: #fff;
	font-size: .9em;
	font-family: "Palatino Linotype", "Palatino", "Times New Roman", serif;
	color: #7a7a7a;
	line-height: 1.3em;

}

#page {

	width: 995px;
	margin: 16px auto;

}

h1.futura {

	font-size: 24pt;

}

h2.futura {

	font-size: 20pt;

}

h3.futura {

	font-size: 14pt;

}

h2 {

	margin-bottom: .5em;

}

p {

	margin-bottom: 1em;
	text-shadow: 0px 1px 1px #ddd;

}

.main {

	height: 129px;
	background-image: url('../images/top_bg.jpg');
	background-repeat: no-repeat;	

}

#mainfooter {

	height: 43px;
	background-image: url('../images/footer.jpg');
	background-repeat: no-repeat;
	clear: both;

}

#mainfooter p {

	margin-left: 478px;
	margin-top: 8px;
	padding-top: 8px;
	_margin-top: 0px;
	#margin-top: 0px;
	
}

.logo img {
	
	display: block;

}

/***********************************************************

	Top Nav Styles

***********************************************************/

.top_nav {

	float: right;
	margin-right: 19px;
	position: relative;
	z-index: 100;

}

ul#menu li { 
	  display: inline; 
	  position: relative; 
	  margin-right: -5px;
}

ul#menu li.last { 

	margin-right: 0px;

}

ul#menu div { 
	  display: none; 
	} 

ul#menu li.mega div { 
	  width: 224px; 
	  position: absolute; 
	  left: 0em; 
	  top: -10px;
	  _top: 0px;
	  #top: 0px;
} 

ul#menu li.mega #production_tab, ul#menu li.mega #transit_tab, ul#menu li.mega #marketing_tab, ul#menu li.mega #contact_tab {
	
	left: -9px;
	top: -8px;

}

ul#menu li.mega #web_tab {
	
	left: -10px;
	top: -8px;

}

ul#menu li.mega #event_management_tab {
	
	left: -9px;
	top: -8px;

}

ul#menu li.mega #about_us_tab {
	
	left: -149px;
	top: -8px;

}

ul#menu li.mega #about_us_tab .tab {
	
	left: 138px;
	width: 100px;

}

ul#menu li.mega #contact_tab {

	left: -160px;

}

ul#menu li.mega #contact_tab .tab {
	
	left: 152px;
	width: 100px;

}

ul#menu li.mega .top_nav_content {

	background-image: url('../images/top_nav/tab_bg.png');
	background-repeat: repeat-y;
	color: #67532f;
	font-size: .8em;
	padding-left: 14px;
	padding-right: 8px;
	width: 210px;
	top: 23px;
	line-height: 1.3em;

}

ul#menu li.mega .top_nav_content ul {

	margin-bottom: 0px;
	width: 200px;
	margin-top: .4em;

}

ul#menu li.mega .top_nav_content h1 {

	color: #67532f;
	font-size: 1.2em;
	margin-bottom: .2em;
	margin-top: .4em;
	
}

ul#menu li.mega .top_nav_content ul h1 {

	margin-top: 0em;
	
}

ul#menu li.mega .top_nav_content a {

	color: #67532f;

}

ul#menu li.mega .top_nav_content p {

	margin-bottom: 0px;

}

ul#menu li.mega .tab_cap {

 	margin-left: -14px;
 	display: block;
 	margin-bottom: -7px;

}

ul#menu li.hovering div { 
	  display: block; 
} 

/***********************************************************

	Home Page Styles

***********************************************************/

.home {

	height: 460px;
	background-image: url('../images/home/bg.jpg');
	backgroun-repeat: no-repeat;

}

.left_col {

	width: 456px;
	padding: 20px;
	float: left;

}

.right_col {

	width: 450px;
	padding: 20px;
	float: right;
	
}

.project_block {

	padding-bottom: 5px;
	margin-bottom: 1em;
	clear: left;
	border-bottom: 1px solid #b4b4b4;

}


.project_block img {

	padding: 6px;
	background-color: #b4b4b4;
	margin: 0 10px 5px 0px;
	float: left;

}

.home #footer {

	margin-left: 475px;
	margin-top: -5px;
	_margin-top: 20px;
	#margin-top: 20px;
	background-image: none;
	clear: none;

}
/***********************************************************

	Interior Page Styles

***********************************************************/

.main_col {

	width: 700px;
	padding: 20px;
	margin-left: 2px;
	float: left;

}

.sidebar {

	width: 200px;
	padding: 20px;
	margin-right: 3px;
	float: right;
}

.main_col ul, .main_col ol, .sidebar ul, .sidebar ol {

	list-style-type: disc;
	margin-left: 25px;
	margin-bottom: 1em;

}

.main_col ol {

	list-style-type: decimal;
	
}

.main_col li {

	margin-bottom: .3em;

}

.main_col a {

	color: #7a7a7a;
	font-weight: bold;

}

.flickrThumb {

	background-image: url('../images/thumb_bg.png');
	background-repeat: no-repeat;
	width: 90px;
	height: 90px;
	padding: 7px 0px 0px 7px;
	margin: 0 3px 3px 0;
	float: left;
}

.videoThumb {

	background-image: url('../images/photography/video/photo_bg.png');
	background-repeat: no-repeat;
	width: 320px;
	height: 190px;
	padding: 10px 0px 0px 10px;
	margin: 0 3px 3px 0;
	float: left;
}

.galleryThumb {
	float: left;
	padding: 0;
	margin: 0;
	height: 110px;
	width: 110px;
	background-image: url('../images/commons/thumb_bg_100x100.jpg');
}

.testimonial {

	background-color: #f4f4f4;
	background-image: url('../images/commons/testimonial_bg.jpg');
	background-repeat: repeat-x;
	padding: 15px;
	
}
	
.testimonial .right {

	margin-left: 110px;

}

.testimonial h2 {

	float: left;
	text-align: center;

}

.testimonial .left {

	float: left;
	width: 110px;

}

.project_block .left {

	float: left;
	width: 140px;

}

.project_block .right {

	margin-left: 145px;

}

table {

	width: 650px;
	border-collapse: collapse;

}

table tr th {

	padding: 4px;
	background-color: #fae7be;
	text-align: left;

}

table tr td {

	padding: 4px;
	
}

table tr.shaded td {

	background-color: #fbf3e3;

}


/******************************************

	galleria call

*******************************************/

.galleria{list-style:none;width:200px;}
ul.galleria{margin: 0 auto; width: 460px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

	.caption{font-style:italic;color:#887;}
	.demo{position:relative; z-index: 1}
	.gallery_demo{width:702px;margin:0 auto;}
	.gallery_demo li{width:68px;height:50px;border:1px solid #ddd;margin: 0 2px;background:#eee;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto 5px auto;height:429px;width:700px;background:#eee;border:1px solid #ddd;}
	#main_image img{margin-bottom:10px;}
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}


/******************************************

	galleriffic call

*******************************************/	
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 500px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 500px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 500px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: top;
	border: 1px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 500px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}

#thumbs {

	width: 170px;
	float: left;

}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	height: 85px;
	width: 85px;
	background-image: url('../images/commons/thumb_bg.jpg');
}

ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}