/*

CSS Code for Sodo-Orlando.com
Written by Erik Reagan of Ideal Design Firm, LLC
July/August 2007

*/


html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{margin:0px;padding:0px;border:0px;border-collapse:separate;border-spacing:0px;}
input,select{margin:0;padding:0;}


#skiptocontent { display: none; }

body { background: #aeaeae url(/images/bkg_blue.jpg); font-family: "Lucida Grande", arial, tahoma, serif; }

#maindiv {
	width: 805px;
	background: url(/images/box_bkg.png) center repeat-y;
	margin: 0px auto;
	}

#header {
	position: relative;
	width: 785px;
	height: 161px;
	background: #4e4b46 url(/images/head_bkg.jpg) no-repeat;
	margin: 0 auto;
	}

#header h1 {
	height: 128px;
	width: 313px;
	background: url(/images/logo.png) center no-repeat;
	padding-left: 2.5em;
	padding-top: 0.9em;
	float: left;
	}
#header h1 a { display: block; width: 100%; height: 100%; }
#header h1 a:hover { background: transparent; }
#header h1 span { display: none; }

#header #header_txt {
	position: absolute;
	text-align: right;
	font-size: 0.7em;
	color: #ffffff;
	padding-right: 1.8em;
	right: 0;
	bottom: 0.9em;
	line-height: 1.4em;
	}
#header #header_txt strong { font-size: 1.3em; }
#header #header_txt a { font-size: 1.7em; color: #fff; text-decoration: underline; font-weight: bold; line-height: 1.9em; } 
#header #header_txt a:hover { text-decoration: none; }
#header #header_txt h4 { font-size: 1.5em; margin-top: 1em; font-weight: bold; }

#main_menu {
	height: 25px;
	text-align: center;
	position: relative;
	margin: .5em .7em 0 .7em;
	}
#main_menu ul { list-style: none; margin: 0; padding: 0; }
#main_menu ul li { float: left; }
#main_menu ul li a { float: left; height: 25px; position: absolute; padding: 0px .3em; }
#main_menu ul li a:hover { border-bottom: 3px solid #c0c0c0; }
/*#main_menu ul li a.home { left: 20px; width: 49px; background: url(/images/menu_home.jpg) bottom center no-repeat; }*/
#main_menu ul li a.about { left: 20px; width: 101px; background: url(/images/menu_about.jpg) bottom center no-repeat; }
#main_menu ul li a.marketplace { left: 160px; width: 107px; background: url(/images/menu_marketplace.jpg) bottom center no-repeat; }
#main_menu ul li a.shop { left: 310px; width: 46px; background: url(/images/menu_shop.jpg) bottom center no-repeat; }
#main_menu ul li a.live { left: 400px; width: 32px; background: url(/images/menu_live.jpg) bottom center no-repeat; }
#main_menu ul li a.work { left: 475px; width: 44px; background: url(/images/menu_work.jpg) bottom center no-repeat; }
#main_menu ul li a.news { left: 565px; width: 46px; background: url(/images/menu_news.jpg) bottom center no-repeat; }
/*#main_menu ul li a.dev { left: 545px; width: 93px; background: url(/images/menu_dev.jpg) bottom center no-repeat; }*/
#main_menu ul li a.cont { left: 663px; width: 95px; background: url(/images/menu_cont.jpg) bottom center no-repeat; }
#main_menu ul li a span { display: none; }
#main_menu h4 span { display: none; }

#main_img_holder {
	width: 785px;
	background: url(/images/main_img_holder.jpg) no-repeat;
	margin: 0 auto 1.8em auto;
	}



/* Start Home Page Styles */
/**************************/
/**************************/

#home #main_img_holder { background: url(/images/main_img_home.jpg) no-repeat; margin: 0 auto; }
	
#home #flash {
	width: 785px;
	margin: 0;
	background: #c0c0c0;
	height: 400px;
	}
	

/* #home_page {
	padding: 100px 30px 0px 30px;
	line-height: 160%;
	font-size: 10pt;
	}

#home_page h3 {
	height: 25px;
	width: 140px;
	background: url(/images/about_head1.jpg) left bottom no-repeat;
	margin-bottom: 10px;
	}

#home_page h4 {
	height: 32px;
	width: 202px;
	background: url(/images/about_head2.jpg) left bottom no-repeat;
	margin: 10px 0px;
	}

#home_page p.p2 { background: url(../images/home_greybot.jpg) 0 bottom no-repeat; }
#home_page h3 span, #home_page h4 span { display: none; }  */

#home .bottom {
	height: 59px;
	width: 764px;
	border: none;
	clear: both;
	margin: 15px auto 0 auto;
	background: url(/images/bottom_home.jpg) no-repeat;
	display: none;
	}


/* End Home Page Styles */




/* Start Page Banner Styles */
/****************************/
/****************************/

#about #page_img, #shop #page_img, #marketplace #page_img, #live #page_img, #work #page_img, #news #page_img, #gallery #page_img, #dev #page_img, #cont #page_img { 
	height: 191px;
	width: 749px;
	margin: 0px auto;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	top: 20px;
	}

#about #page_img { background-image: url(/images/about_img.jpg); }
#shop #page_img { background-image: url(/images/shop_img.jpg); }
#marketplace #page_img { background-image: url(/images/marketplace_img.jpg); }
#live #page_img { background-image: url(/images/live_img.jpg); }
#work #page_img { background-image: url(/images/work_img.jpg); }
#news #page_img { background-image: url(/images/news_img.jpg); }
#gallery #page_img { background-image: url(/images/gallery_img.jpg); }
#dev #page_img { background-image: url(/images/dev_img.jpg); }
#cont #page_img { background-image: url(/images/cont_img.jpg); }

#page_img h2 {
	font-family: arial, tahoma, serif; 
	font-size: 2.2em;
	position: relative;
	top: 13px;
	left: 25px;	
	color: #ffffff;
	}

/* End Page Banner Styles */



#content_holder {
	margin-top: 1.3em;
	padding-left: 2em;
	padding-right: 2em;
	}
	
#left_col {
	background: url(/images/greyfade0.jpg) repeat-x;
	text-align: center;
	}

#bodcont {
	float: right;
	width: 505px;
	padding-left: .8em;
	background: #fff;
	}
#news #bodcont, #gallery #bodcont { float: none; width: auto; }
	
#bodcont p { 
	font-size: .9em;
	line-height: 140%;
	padding-bottom: .7em;
	text-align: justify;
	}
	
#bodcont ul { margin: 0 1em .6em 1em; padding-left: 2em; font-size: .8em; }
#bodcont h3 { color: #317031; padding: 0px 0px 4px 0px; font-size: 1.5em; }

#left_col h4 { height: 62px; background: url(/images/side_fade2.jpg) -.5em 1em no-repeat; }
#left_col h4 span { display: none; }
#left_col ul { list-style-type: none; text-align: left; padding-left: 1em; }
#left_col ul li a {
	line-height: 220%;
	font-size: .8em;
	padding-left: 2.3em;
	background: url(/images/pdf.gif) .6em no-repeat;
	}
#left_col ul li a.gallery {
	font-weight: bold;
	background-image: url(/images/images.png);
}
#left_col ul li a.nopic { background-image: none; }

/* Start Page Specific CSS */
/***************************/
/***************************/

#about .bottom, #shop .bottom, #marketplace .bottom, #live .bottom, #work .bottom, #news .bottom, #gallery .bottom, #dev .bottom, #cont .bottom {
	height: 59px;
	width: 764px;
	border: none;
	clear: both;
	margin: 15px auto 0 auto;
	}

#about .bottom { background: url(/images/bottom_about.jpg) no-repeat; }
#shop .bottom { background: url(/images/bottom_shop.jpg) no-repeat; }
#marketplace .bottom { background: url(/images/bottom_shop.jpg) no-repeat; }
#live .bottom { background: url(/images/bottom_live.jpg) no-repeat; }
#work .bottom { background: url(/images/bottom_work.jpg) no-repeat; }
#news .bottom { background: url(/images/bottom_news.jpg) no-repeat; }
#gallery .bottom { background: url(/images/bottom_news.jpg) no-repeat; }
#dev .bottom { background: url(/images/bottom_dev.jpg) no-repeat; }
#cont .bottom { background: url(/images/bottom_cont.jpg) no-repeat; }

#home a, #home a:visited, #home a:hover { color: #317031; }
#about a, #about a:visited, #about a:hover { color: #317031; }
#shop a, #shop a:visited, #shop a:hover { color: #964231; }
#marketplace a, #marketplace a:visited, #marketplace a:hover { color: #964231; }
#live a, #live a:visited, #live a:hover { color: #648994; }
#work a, #work a:visited, #work a:hover { color: #317031; }
#news a, #news a:visited, #news a:hover { color: #005f9e; }
#gallery a, #gallery a:visited, #gallery a:hover { color: #005f9e; }
#dev a, #dev a:visited, #dev a:hover { color: #e8641b; }
#cont a, #cont a:visited, #cont a:hover { color: #005f9e; }
#about a:hover, #shop a:hover, #marketplace a:hover, #live a:hover, #work a:hover, #news a:hover, #gallery a:hover, #dev a:hover, #cont a:hover { text-decoration: none; }


#about #left_col .image1 {
	height: 229px;
	width: 215px; 
	background: url(/images/about_sideimg1.jpg) left no-repeat;
	border: 4px solid #696969;
	margin-top: 1em;
	}

#shop #left_col .image1 {
	height: 140px;
	width: 210px; 
	background: url(/images/shop_sideimg1.jpg) center no-repeat;
	margin-left: .3em;
	margin-bottom: .9em;
	border: 3px solid #964231;
	}

#shop #bodcont .image_main1 { height: 256px; background: url(/images/shopping_photos.jpg) center no-repeat; }

#live #left_col .image1 {
	height: 137px;
	width: 206px; 
	background: url(/images/live_sideimg1.jpg) center 0 no-repeat;
	margin-left: .4em;
	border: 3px solid #648994;
	}

#live #bodcont .image_main1 { height: 270px; background: url(/images/live_photos.jpg) center no-repeat; }

#live #bodcont #overright { margin: .5em 2em; }
#live #bodcont #overright p { font-weight: bold; }
#live #bodcont #overright ul.first { list-style: disc; float: left; }
#live #bodcont #overright ul { list-style: none; float: left; margin: 0; }
#live #bodcont #overright h6 { margin-left: 2.3em; padding-top: .4em; clear: both; }


#gallery #bodcont .photo-box { width: 178px; height: 200px; float: left; text-align: center; font-size: 9pt; }
#gallery #bodcont .photo-box a img { padding: 6px; background: url(/images/photo-box-bkg.jpg) center no-repeat; }
#gallery #bodcont p { line-height: 100%; text-align: center; padding-top: 8px; }


#work #bodcont p.bottomp { float: left; margin-top: 50px; }
#work #bodcont .mainimage1 { width: 251px; height: 186px; float: right; background: url(/images/work_photo.jpg) no-repeat; }

#dev #bodcont p { margin-left: 2em; }
#dev h3.one { display: inline; }
#dev h3.two { display: inline; }
#dev #left_col .image1 {
	height: 429px;
	width: 275px; 
	background: url(/images/logos3.jpg) 0 0 no-repeat;
	}
	
#cont #left_col .image1 {
	height: 259px;
	width: 215px; 
	background: url(/images/cont_sideimg1.jpg) center no-repeat;
	border: 4px solid #005f9e;
	margin-top: 1em;
	}

#cont #bodcont p.first { font-size: 0.8em; color: #000000; margin-left: 0; }
#cont #bodcont p { margin-left: 2em; }


/* End Page Specific CSS */
/***************************/
/***************************/


#footer {
	clear: both;
	width: 805px;
	height: 13px;
	background: url(/images/box_bkg_bottom.png) top center no-repeat;
	margin: 0 auto;
	}
#footer p { padding: 2em; text-align: center; line-height: 140%; font-size: .7em; }




/*******************************************/
/*             sIFR CSS Settings           */
/*           A highly useful tool          */
/*       From Mike Davidson & Friends      */
/*   Available @ mikeindustries.com/sifr   */
/*******************************************/

.sIFR-flash { visibility: visible !important; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash #bodcont h3, .sIFR-hasFlash #page_img h2, .sIFR-hasFlash #cont #bodcont p.first { visibility: hidden; }
.sIFR-hasFlash #page_img h2 { font-size: 3em; top: 7px !important; color: #fff; }