/* 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_home.jpg) repeat-x;
	min-height:101%;
	font-size: 1em;
}

html {
font-size: 100%;
}

body, form {
font-family: Arial,Verdana
}

p {
margin: 15px 0;
}

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

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

*: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
}

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

/*Home*/

#title-bar {

}

#content {
	padding: 55px 0px 55px;
}

#sidebar {
float: left;
padding-left: 15px;
padding-top: 10px;
width: 110px;
}

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


#content-about {
float: right;
width: 695px;
height: 487px;
background-color: pink;
}

#content-main {
float: right;
width: 675px;
}


/*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;
}

/* ———- @ 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 {
	background: url(../images/bg_bottom.gif) repeat-x;
	height: 29px;
}