/* General Layout Style for Business Professional Package */


/* ---------------------------------------------------- */
/* Reset/Setup                                          */


div { position:relative; }




/* ---------------------------------------------------- */
/* Navigation                                           */

#navigation { margin:0 0 30px; position:absolute; left:0; top:0; width:100%; height:39px; z-index:1000; }
.main-navigation { font-size:13px; text-transform:uppercase; padding:0 }
.main-navigation a { display:block; font-weight:bold; margin:0; padding:13px 20px 12px }
.main-navigation a:hover { text-decoration:none !important }
.main-navigation ul ul a { border-right:none !important }
.main-navigation ul li { float:left; position:relative }
.main-navigation li.current_page a { cursor:default }	
.main-navigation li ul { width:200px; display:none; position:absolute; padding:4px 0; top:39px; left:-1px }
.no-bottom-border { border-bottom:none !important }
.no-top-border { border-top:none !important }
	
.main-navigation li ul ul {
	width:200px;
	display:none;
	position:absolute;
	padding:4px 0;
	top:0 !important;
	left:196px !important }
	
.main-navigation ul ul li { display:block; position:relative; margin:0; padding:0; float:none }
.main-navigation ul ul a {
	position:relative;
	text-transform:none;
	line-height:18px;
	letter-spacing:normal;
	font-weight:normal;
	padding:8px 10px;
	display:block;
	margin:0 4px 
}

a.sf-with-ul { position:relative; padding-right:39px }
a.sf-with-ul .sf-sub-indicator {
	border-style:solid;
	border-width:5px;
	display:block;
	font-size:1px;
	height:0;
	line-height:1px;
	position:absolute;
	right:13px;
	top:14px;
	width:0 }
		
ul ul a.sf-with-ul { position:relative; padding:8px 10px; }
ul ul a.sf-with-ul .sf-sub-indicator {
	display:block;
	height:0;
	width:0;
	font-size:1px;
	line-height:1px;
	position:absolute;
	right:5px;
	top:13px;
	border-style:solid;
	border-width:5px }

	
	
/* ---------------------------------------------------- */
/* Portfolio Slides                                     */

#featured { margin:0 0 0 0; width:580px; height:350px; padding:0; clear:both; overflow:hidden; position:relative; }
#featured img {  }
.portfolio {margin:10px 0 20px 0; padding:10px;  background: url(../images/bg-cornerbox.png) no-repeat top right; }
.portfolioinner { padding:0 0 5px 0; background: url(../images/bg-cornerbox-bl.png) no-repeat bottom left; }
.featured-entry { width:100000px; height:350px; position:relative; overflow:hidden }
.featured-entry img { width:580px; /*height:350px*/ }
.top-slide, .bottom-slide { width:540px; position:absolute; padding:5px 20px 25px; font-size:0.9em; }
.bottom-slide { font-size:0.8em; }
.top-slide { padding:18px 20px }
.top-slide a, .bottom-slide a { font-weight:bold }

a.arrow-right, a.arrow-left {
	cursor:pointer;
	opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;
	position:absolute;
	bottom:66px;
	padding:0;
	width:50px;
	height:214px }

a.arrow-right { right:-50px }	
a.arrow-left { left:-50px }
.slide-page { cursor:pointer }
.slider-block { height:350px; float:left; margin:0; padding:0 }
.featured-entry .top-slide { top:-70px; left:0 }
.featured-entry .bottom-slide { height:36px; line-height:18px; bottom:-66px; left:0 }
.top-slide h2 { font-size:22px; letter-spacing:-1px; margin:0 0 5px; padding:0 }
.top-slide h2 a, .top-slide h2 a:hover { text-decoration:none }
.top-slide .cat { font-size:10px; text-transform:uppercase }
.top-slide .catname { font-size:12px }
.comments { float:left; margin:3px 20px 0 0; font-size:22px; font-weight:bold; padding:5px 0 5px 25px }

.date-link {
	font-size:12px;
	line-height:18px;
	text-align:right;
	font-size:13px;
	position:absolute;
	bottom:15px; right:20px }
	
.date-link .date { font-size:11px; text-transform:uppercase }
.slider-pages-wrap, .content-wrap { float:left; margin-right:0 !important; width:600px !important }
.content-wrap.large { float:none !important; width:940px !important }
.content-wrap.large #content { padding:20px !important }
.slider-viewall-wrap, .sidebar-wrap { float:left; margin-left:0 !important; width:310px !important }
.slider-pages, .slider-viewall { height:26px; padding:0 10px 10px 0; }
.slider-pages a {
	display:block;
	position:relative;
	float:left;
	margin:5px 5px 5px 0;
	padding:6px 9px;
	text-align:center;
	 font-weight:normal;
	font-size:12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	 }
	
	.slider-pages a span { opacity:0; filter: alpha(opacity=0); -moz-opacity: 0; position:absolute; display:none; width:60px; height:60px; background:#666; padding:2px; top:-64px; left:-19px }
	.slider-pages a:hover { text-decoration:none }
	
.slider-viewall a {
	display:block;
	float:right;
	margin:0;
	padding:6px 9px;
	text-align:center;
	font-weight:bold;
	font-size:14px }
	
.portfolio-full { display:block; margin:0 0 20px }
	

/* ---------------------------------------------------- */
/* Flickr Feed                                          */

.flickr { padding:0 0 20px 0 }
.flickr-lightbox img { display:block; float:left; width:75px; height:75px; margin:0 11px 11px 0 }
a.flickr-link {
	background:#555555;
	color:#FFFFFF;
	display:inline-block;
	font-size:10px;
	margin:0;
	padding:3px 6px 4px;
	text-decoration:none;
	text-transform:uppercase }
	
a.flickr-link:hover { background:#262626; color:#fff; text-decoration:none }

#footer div{position:static;}