body {
	margin: 14px 0 0 0;
	padding: 0;
	text-align: center;
	font-size:62.5%; /* Makes 1em = 10px */
	font-family: verdana, arial, sans-serif;
}

/* hide */
h1 span, h2 span, div i,a span {
	display: none;
	visibility: hidden;
}

/* layout structure */
#main1, #mainbody, #mainhome, #maincontact {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 12px;
}
#main2 {
	margin: 0px;
	padding: 0px;
}
#top_left {
	float: left;
	width: 100px;
	margin: 0;
	padding: 15px 0 0px 0;
}
#top_right {
	float: right;
	/*display: block;*/
	width: 211px;
	/*margin: 10px 0px 0px 0px;*/
	padding-top: 0px;
}
#top_middle {
	float: left;
	/*height: 80px;*/
	width: 400px;
	/*margin: 0px 202px 0 112px;*/
	padding-top: 3px;
	margin-left: 12px;
}
.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}
#top_col1 {
	width: 180px;
	float: left;
	font-size:1.2em;
}
#top_col2 {
	width: 220px;
	float: left;
	font-size:1.2em;
}

/* navigation */
h1 {
	float: right;
	margin: 0px;
}

#home_logo a {
	display:block;
	width: 211px;
	height: 60px;
	background: url('images/logo-stevefranck.gif') center center no-repeat;
}

a { color: #777; }

#mainNav {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#mainNav a {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
}

#mainNav li {
	margin-bottom: 0.8em;
}

#subNav {
	display: block;
	width: 340px;
	list-style: none;
	margin: 14px 0 0 0;
	float: left;
	padding: 0px 0px 0px 0px;
}
#subNav li { display: block; float: left; height: 20px; padding-right: 12px;}
#subNav a { text-decoration: none; font-weight: bold; font-size: 1.2em; padding: 0; margin-bottom: 10px;}
#mainNav a:hover, #subNav a:hover { color: #e11; }
.navSelected { color: #e11; }
.brace {
	background-image: url(images/brace.gif);
	background-repeat: no-repeat;
}

/* content */
#mainbody {
	display: block;
	height: 293px;
	background-color: #ccc;
}
.body {
	font-family: tahoma, verdana, arial, sans-serif;
	color: #777;
	font-weight: normal;
	line-height: 170%;
}
#top_middle p {
	margin: 0px;
}
p.top {
	padding-top:6px;
	margin: 0px;
}
img { border:0px; }

/* home */
#home_top_middle {
	margin: 0px 8px 0px 112px;
	padding-top: 7px;
}

#home_top_middle p {
	font-size: 1.1em;
	line-height: 1.8em;
}

#home_top_col1 {
	margin-right:20px;
	width: 320px;
	float: left;
}
#home_top_col2 {
	width: 300px;
	float: left;
}

#mainhome a {
	display: block;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	height: 293px;
	background-color: #FFFFFF;
	background-image: url('images/main_logo_sf.gif');
	background-repeat: no-repeat;
	background-position: 50% 46%;
}

/* contact */
#maincontact {
	padding: 0px;
	height: 282px;
	/*border-style: solid;
	border-color: #333;
	border-width: 1px 0;*/
	text-align: center;
}

/* work galleries */
#thumbnails {
	padding:						26px 0 0 0;
	margin-left: 					180px;
	display:						block;
	width: 						400px;
}

#thumbnails li {
	float: 						left;
	padding: 						4px;
	display:						block;
}

#thumbnails a {
	margin: 						0;
	display:						block;
	border: 						1px solid #ccc;
	height: 						70px;
	height: 						70px;
}

#thumbnails a:hover {
	border: 						1px solid red;
}

#thumbnails img {
	margin:						0;
	display:						block;
	border: 						none;
}

#extralarge {
	padding-top:					20px;
	background-color: 			#fff;
}

#extralarge p {
	padding-top:					20px;
}

#showimage {
	border:								0px;
}