/**
 *
 *  fs_theme.css
 *  ------------
 *
 *  A basic example theme for a Freestyler site using Freestyler CMS as
 *  inspiration.
 *
 **/

/* fs_text overrides */
body {
	color:#666;
	text-align:center;
	font-family:verdana, arial, sans-serif;
	font-size:.76em;
	}

p {
	font-size:1em;
	}

div.error {
	background-color:#FFFAE5 !important;
	border-color:#FFCC00 !important;
	}

fieldset {
	border:0px;
	}

fieldset.fs_radioGroup legend {
	display:none;
	}

a,
a:hover,
a:visited {
	font-weight:normal;
	text-decoration:none;
	color:#ff0066;
	}

form {
	background-color:#F4F3F1;
	padding:.5em;
	}

th {
    background-color:#ff0066;
    color:#000;
	}
tr {
	background-color:#fff;
	}

hr {
    display:none;
    }

/* fs_container overrides */
#fs_header {
	position:relative;
	left:0;
	top:0;
	z-index:2000;
	width:525px;
	}

#fs_page {
    position:relative;
 	width:100% !important;
 	text-align:left !important;
 	top:0;
 	left:0;
	}

#fs_content {
	margin:60px auto 0 auto;
	padding:0 !important;
	padding:0 0 60px 0;
	text-align:left;
	width:690px;
	font-family:verdana, arial, sans-serif !important;
	}

#fs_footer {
	height:1%;
	position:relative;
	display:block;
	font-size:.75em;
	font-family:verdana, arial, sans-serif !important;
	}

/* fs_layout overrides */
#fs_content .fs_2ColLayout .fs_col1 {
	float:left;
	width:60%;
	margin-left:35%; /* Move the column over for the leftCol */
	padding-left:.5em;
	}

#fs_content .fs_2ColLayout .fs_col2 {
	float:left;
	width:40%;
	text-align:right;
	}
	
#fs_content .fs_2ColLayout .fs_col2 img {
	margin-right:20px;
	}

/*	Alternate layout overides:

	The following overides are provided as an example of how to bend the
	framework into other layouts. They may help with the construction
	of new sites. TODO: Once you are happy with the layout method you are
	going to use for your site, please remove this area (comments and all)...
*/

/* 2cols, content column (fs_col1) is on the right and fluid width, Navigation
  (fs_col2) is fixed width (180px).

#fs_content.fs_2ColLayout .fs_col1 {
 	float:left !important;
	width:auto !important;
	display:block;
	margin-left:0px !important;
	padding-left:180px;
	}

#fs_content.fs_2ColLayout .fs_col2 {
	float:left;
	width:180px;
	margin-left:-100%;
	display:inline;
	}
*/

/* fs_theme specific overides */
#fs_content h1 {
	color:#000;
	font-size:1.1em;
	}

#fs_content h2 {
	color:#000;
	font-size:1em;
	}

#ufo {
	width:525px;
	height:116px;
	position:relative;
	margin-bottom:-525px;
	display:block;
	top:0;
	left:0;
	background-color:transparent !important;
	}

#ufo.header {
	background:url(../images/header_bg.gif) no-repeat top left;
	background-color:transparent !important;
	}

#ufo ul {
	list-style:none;
	padding:0;
	margin:0;
	}

#ufo li {
	list-style:none;
 	position:absolute;
 	text-indent:-200em;
	padding:0;
	margin:0;
	}

#fs li a {
	display:block;
	line-height:20px;
	height:30px;
	}
	
#ufo li#home_link {
	left:5px;
	top:85px;
	}

#ufo li#home_link a {
	display:block;
	width:40px;
	}

#ufo li#profile_link {
	left:60px;
	top:65px;
	}

#ufo li#profile_link a {
	display:block;
	width:90px;
	height:30px;
	}
	
#ufo li#process_link {
	left:165px;
	top:45px;
	}

#ufo li#process_link a {
	display:block;
	width:70px;
	height:30px;
	}
	
#ufo li#gallery_link {
	left:250px;
	top:25px;
	}

#ufo li#gallery_link a {
	display:block;
	width:75px;
	height:30px;
	}

#ufo li#contact_link {
	left:340px;
	top:10px;
	}

#ufo li#contact_link a {
	display:block;
	width:65px;
	height:20px;
	}

#categoryDir {
	width:480px;
	margin:0px auto;
	}

#nightClubs {
	float:left;
	width:250px;
	height:180px;
	}

#restaurantsBars {
	float:left;
	width:230px;
	height:180px;
	}

#commercial {
	clear:left;
	float:left;
	width:250px;
	height:180px;
	}

#virtual {
	float:left;
	width:230px;
	height:180px;
	}

#galleryImage {
	margin-top:-100px;
	margin-bottom:2em;
	height:1%;
	position:relative;
	display:block;
	}
	
#galleryImage h1 {
	text-align:right;
 	margin-right:17% !important;
	}

#galleryImage li {
	margin:0;
	padding:0;
	line-height:1.2em;
	overflow:hidden;
	}

#galleryImage ul li a {
	text-decoration:none;
	}

#galleryImage ul li a.active {
	font-weight:bold;
	}
	
#galleryImage ul {
	display:block;
	list-style:none;
	margin:0px 17% 3em 21%;
	padding:0;
	text-align:right;
	width:auto;
	position:relative;
	overflow:hidden;
	right:0;
	}

#galleryImage #images {
	display:block;
	position:relative;
	height:1%;
	}

#galleryImage #images #imagescol1 {
	float:left;
	display:block;
	position:relative;
	height:1%;
	width:86px;
	text-align:center;
	vertical-align:middle;
	}

#galleryImage #images #imagescol1 img,
#galleryImage #images #imagescol3 img {
	display:block;
	margin:0 auto .11% auto;
	}

#galleryImage #images #imagescol2 {
 	float:left;
 	position:relative;
 	height:1%;
	display:block;
	width:75%;
	text-align:center;
	}

#galleryImage #images #imagescol3 {
 	float:left;
 	position:relative;
	height:1%;
	display:block;
    width:86px;
	text-align:center;
	}

#contact {
	}

#contact #col1 {
	width:44%;
	float:left;
	text-align:right;
	margin-right:3%;
	}
	
#contact #col2 {
	width:44%;
	float:left;
	text-align:left;
	margin-left:3%;
	}
	
	
#fs_footer {
	margin-top:2em;
	}

#fs_footer ul {
	list-style:none;
	}

#fs_footer ul li {
	display:inline;
	font-size:10px;
	}
	
#fs_footer ul li a {
	color:#666;
	}

#fs_footer ul li .fs_spacer {
	margin-left:.5em;
	margin-right:.5em;
	}
	
#homeImages {
	display:block;
	margin:0 auto;
	text-align:center;
	}
	
#homeImages img {
	margin-left:.5em;
	margin-right:.5em;
	}