/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }


body {
	background: #EEE;
	margin: 0px auto;
	padding: 0px;
	font: 67.5%/1.6em Verdana, Geneva, sans-serif;
	color: #313131;
}
p {
    line-height: 140%;
	margin-bottom: 10px;
}
.fiddle {
	font-weight: bold;
	color: #CE4A13;
}
.clear {
	clear: both;
}
a {
	text-decoration: none;
	font-weight: bold;
}

a:link, a:visited {
	color: #0D869B;
}
a:hover {
	color: #C8A817;
}

h1 {
	font-size: 2em;
}
h2 {
	font-size: 2em;
        font-weight: normal;
	color: #006600;
	padding-bottom: 20px;
        text-align: center;
}
h3 {
	font-size: 1.6em;
        font-weight: normal;
	color: #006600;
	padding-bottom: 10px;
}
#container {
	background: #000 url(../images/bkgrd.gif) repeat-y left;
	margin: 0px auto;
	padding: 0px;
	width: 900px;
}
#header {
	width: 900px;
}
#header.inside {
	width: 900px;
}

/* ====================== Navigation ========================= */

#nav ul {
	width: 843px;
	margin-left: 27px;
	height: 48px;
	background: #313131;
}
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#nav a {
	height: 48px;
	display: block;
	text-align: left;
	text-indent: -9999px;
}
#nav li.home a:link, #nav li.home a:visited {
	background: url(../images/home.png) no-repeat bottom;
	width: 124px;
}
#nav li.home a:hover, #nav li.home a.active {
	background: url(../images/home.png) no-repeat left top;
	width: 124px;
}
#nav li.faces a:link, #nav li.faces a:visited {
	background: url(../images/faces.png) no-repeat left bottom;
	width: 248px;
}
#nav li.faces a:hover, #nav li.faces a.active {
	background: url(../images/faces.png) no-repeat left top;
	width: 248px;
}
#nav li.works a:link, #nav li.works a:visited {
	background: url(../images/works.png) no-repeat left bottom;
	width: 230px;
}
#nav li.works a:hover, #nav li.works a.active {
	background: url(../images/works.png) no-repeat left top;
	width: 230px;
}
#nav li.contact a:link, #nav li.contact a:visited {
	background: url(../images/contact.png) no-repeat left bottom;
	width: 241px;
}
#nav li.contact a:hover, #nav li.contact a.active {
	background: url(../images/contact.png) no-repeat left top;
	width: 241px;
}
/* ====================== Content ========================= */
#content {
	clear: both;
	margin: 30px 70px 0px;
	font-size: 1.2em;
}
#content ul {
	padding-left: 70px;
	list-style: disc;
	margin-bottom: 20px;
}
#content ul li {
	line-height: 130%;
	padding-left: 10px;
}
#main {
	clear: both;
	width: 900px;
	margin-top: 30px;
}
/* ====================== Home Page ========================= */
#boxbuttons {
	float: left;
	padding-top: 10px;
}

/* ====================== Inside Page ========================= */
#mainwide {
	width: 55%;
	padding-right: 20px;
	border-right: thin dotted #CDCDCD;
	float: left;
}
#rightthird {
	float: right;
	padding-right: 70px;
	padding-left: 20px;
	width: 30%;
}

.rightcolumn {
	float: right;
	width: 350px;
}
.leftcolumn {
	float: left;
	width: 360px;
}
.quote {
	background: url(../images/quote-bubble330r.gif) no-repeat;
}
.quoter {
	background: url(../images/quote-bubble330r.gif) no-repeat;
    float: right;
}
.quoteb {
	background: url(../images/quote-bubble412b.gif) no-repeat;
    float: right;
width: 410px;
margin-right: 100px;
margin-top: 10px;
}
.quote p,
.quoter p {
	margin-right: 10px;
	padding-top: 17px;
	width: 300px;
	text-style: italics;
	padding-left: 19px;
	font-style: italic;
	line-height: 130%;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
}
.quoteb p {
    margin-right: 10px;
	padding-top: 17px;
	width: 380px;
	text-style: italics;
	padding-left: 20px;
	font-style: italic;
    line-height: 130%;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #fff;
}
p.attributeb {
	padding-left: 130px;
    font: 1em/1.4em Verdana, Geneva, sans-serif;
	font-style: normal;
	color: #000;
}

p.attribute {
     font: 1em/1.4em Verdana, Geneva, sans-serif;
	padding-left: 100px;
	font-style: normal;
}
/* extras */
#extras {
clear: both;
	border-top: medium solid #096;
    margin: 20px 0;
    padding: 20px 0;
}
#extras h3 {
    color: #006600;
   line-height: 150%;
    margin-bottom: 10px;
}
#content .colleft {
	width: 300px;
	float: left;
}
#content .colleft h3 {
    font-size: 1.4em; text-align: center;
}
#content .colright h3 a {
    font-weight:normal;
}
#content .colright {
	float: right;
	width: 400px;
   border-left: 1px dashed #006600;
    padding-left: 20px;
}


/* ====================== Faces Page ========================= */
#faces {
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 1.2em;
	clear: both;;
}
#faces p.title {
	margin-bottom: 30px;
}
#webfacesleft {
	float: left;
	width: 200px;
        padding: 50px 30px 0px 60px;
}
#webfacesleft img, #webfacesright img {
	border: 0.5px solid #666666;
	margin-bottom: 5px;
	text-align: center;
}
#webfacescenter img {
	margin-bottom: 5px;
	margin-left: 15px;
}
#webfacescenter {
	width: 330px;
	float: left;
        padding-top:0px;
}
#webfacesright {
	float: right;
	width: 200px;
	margin-right: 55px;
        padding-top:50px;
}
/* ====================== Footer ========================= */
/*  Footer  */
#footer {
	height: 125px;
	background: url(../images/footer.gif) no-repeat left top;
	clear: both;
}
#homercolumn {
	float: right;
	width: 470px;
}