/* CSS Document */

/*
TABLE OF CONTENTS

HTML Elements
Page Structure
Navigation
Headings
Content Area
Forms
Clear
Footer

/* ———- @ HTML Elements ———–*/

* {
margin: 0;
padding: 0;
}

body {
	color:#666;
	background: #FFFFFF url(/images/bg_top.gif) repeat-x;
	min-height:101%;
	font-size: 1em;
}



html {
font-size: 100%;
}

body, form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
margin: 15px 0;
}

a:link, a:visited {
color: #369;
}

a:hover, a:active {
color:#2e81d4;
text-decoration:underline;
}

*:focus {
outline: none
}

/* ———- @ Page Structure ———–*/

#wrapper {
	margin: 0 auto;
	font-size: 0.8em;
	width: 850px;
	background: #FFFFFF;
}

#masthead {
	background: url(../images/masthead.gif);
	height: 119px;
}

.left {
float:left;
}

.right {
float:right
}



/* ———- @ Navigation ———–*/

#nav {
text-indent: -9000px;
}

#nav li {
list-style:none;
}

#nav a {
	height: 21px;
	display:block;
	text-decoration: none;
	text-indent: -9000px;
	background-repeat: no-repeat;
}

a#home {
	background:url(/images/nav_home.gif) no-repeat;
	width: 96px;
	height: 44px;
}
a#home-current {
	background:url(/images/nav_home_on.gif) no-repeat;
	width: 96px;
	height: 44px;
}

a#portfolio {
	background:url(/images/nav_portfolio.gif) no-repeat;
	width: 96px;
	height: 47px;
}
a#portfolio-current {
	background:url(/images/nav_portfolio_on.gif) no-repeat;
	width: 96px;
	height: 47px;
}


a#about {
	background:url(/images/nav_about.gif) no-repeat;
	width: 96px;
	height: 46px;
}

a#about-current {
	background:url(/images/nav_about_on.gif) no-repeat;
	width: 96px;
	height: 46px;
}
a#services {
	background:url(/images/nav_services.gif) no-repeat;
	width: 96px;
	height: 37px;
}

a#services-current {
	background:url(/images/nav_services_on.gif) no-repeat;
	width: 96px;
	height: 37px;
}


/* ———- @ Headings ———–*/

h1, #logo {
width: 150px;
background: url(/images/logo.png);
height: 146px;
text-indent:-9000px;
font-size: 1.8em
}

h2 {
font-size: 1.6em
}

h3 {
font-size: 1.4em
}

h4 {
font-size: 1.2em
}


#services h2 {
	color: #656F44;
	font-size: 1em;
	margin-top: -5px;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(../images/flowericon.gif) no-repeat;
	padding: 3px 0px 6px 24px;
	vertical-align: text-top;
}
#services h3 {
	color: #666666;
	font-size: 0.9em;
	padding: 3px 0px 5px 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* ———- @ Content Area ———–*/



#title-bar {
	background-repeat: no-repeat;
	height: 36px;
	margin: 12px 35px 4px 0px;


}

#content {
padding: 10px 0px 30px 0px;
margin-bottom: 30px;
}

#sidebar {
float: left;
padding-left: 20px;
width: 100px;
}

#content-main {
	float: right;
	width: 695px;
	margin-bottom: 50px;
}

#content-home {
float: right;
width: 695px;
height: 487px;
background: url(/images/photos_hp.jpg) no-repeat;
}
#content-about {
float: right;
width: 695px;
}

#content-about p {
	font-size: 1.1em;
	margin: 0px 58px 20px 0px;
	word-spacing: 0.2pt;
	line-height: 1.5em;
	font-weight: normal;
}


#content-main p {
	font-size: 1.1em;
	margin: 0px 58px 20px 0px;
	word-spacing: 0.2pt;
	line-height: 1.5em;
	font-weight: normal;
}


#services p {
	margin: 2px 160px 10px 24px;
	font-size: 0.9em;
}

.line-pink {
margin: 4px 0px 20px 0px;
}

.image-right {
margin: 15px 1px 3px 25px;
float: right;
}


.image-left {
margin: 10px 20px 3px 0px;
float: left;
}
.frankee-photo {
	margin: 5px 40px 1px 28px;
	border: 1px solid #695958;
	padding: 2px;
	float: right;
	background: #857170;
}

.quote {
	margin: 24px 32px 16px 4px;
	float: left;
}

#signature p{
	font-size: 0.9em;
	margin-top: 4px;
	margin-bottom: 60px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.14ex;
	color: #666666;
}



#signature a:link, a:visited {
	color: #666666;
	text-decoration: none;
}

#signature a:hover, a:active {
	color:#663366;
	text-decoration:underline;
}






/*Interior Pages*/

.bullets {
padding:15px 15px 15px 30px;
}

.bullets li {
background:url(/images/bullet.gif) no-repeat;
list-style:none;
padding-left: 11px;
margin-bottom: 5px;
}

/* ———- @ Tables ———–*/

#product  {

}

#product table{
margin: 0px 0px 10px 0px;
}

#product h3 {
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;
	font-variant: small-caps;
}

#product td {
vertical-align: top;
padding: 0px 5px 10px 0px;
margin: 0px;
font-size: 1.1em;
	margin: 0px 58px 20px 0px;
	word-spacing: 0.2pt;
	font-weight: normal;
}


/* ———- @ Forms ———–*/

.button {
background: #000 ! important;
border:#F7ECD4 1px solid;
padding: 2px;
margin: 0 2px 0 0;
color:#FFF;
}

.button:focus {
padding:2px;
background: #000 ! important;
}

.button:hover {
background: #CCC ! important;
color: #000;
}

/*Clear*/

.clearfloat:after {
content:”.”;
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfloat {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfloat {
height:1%;
}

*+html .clearfloat {
height:1%;
}

.clearfloat {
display:block;
}
/* End hide from IE-mac */

/* ———- @ Footer ———–*/

#footer {
clear: both;
padding: 20px;
color:#7f99b3;
}

#bottom-bar-portfolio {
	clear: both;
	background: #857170 url(/images/bg_bottom.gif) repeat-x;
	height: 200px;

}