/* MAIN PAGE SETTINGS */

body {
background: url(http://www.bread-butter.com/images/bgtexture.gif) repeat fixed;
color: #ffffff;
font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 14px;
}

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

a:active {
color: #fffacd;
text-decoration: none;
}

a:hover {
color: #fffacd;
text-decoration: underline;
}

/* NAVIGATION */
/* Top Navigation Bar*/

#navtopcontainer {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}

#navtop   { 
font-weight: normal; 
color: black;
font-size: 14px; 
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; 
background-color: #999; 
text-align: center; 
vertical-align: middle; 
margin: 0px auto; 
padding: 0; 
width: 850px; 
height: auto;
border-top: 8px solid #999;
border-bottom: 6px solid #999;
}

#navtop ul {
list-style: none;
text-align: center;
margin: 0px auto;
padding: 0px 0px;
}

#navtop li {
display: inline;
text-align: center;
margin: 0px 5px;
padding: 0;
height: auto;
}

#navtop a:link,
#navtop a:visited {
padding: 0px 5px;
color: #1b1b1b;
background-color: #999;
text-decoration: none;
}

#navtop a:hover {
color: #fffacd;
height: 22px;
}

#home #navtop-home a {
color: #4e4e4e
}

#about #navtop-about a,
#art #navtop-art a,
#clients #navtop-clients a,
#contact #navtop-contact a,
#pricing #navtop-pricing a
{color: #f5f5f5;
background-color: #707070;
border-bottom: 8px solid #707070;
border-top: 4px solid #707070;
}
#what #navtop-what a {
color: #f5f5f5;
background-color: #707070;
border: none;
border-bottom: 8px solid #707070;
border-top: 4px solid #707070;
}

/* Bottom Navigation Bar */

#navbottomcontainer {
width: 850px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
float: none;
height: auto;
}

#navbottom  { 
background-color: #999; 
text-align: center;
font-size: .9em;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; 
letter-spacing: .25pt;
margin-top: 0px;
margin-left: auto;
margin-right: auto; 
padding: 0; 
width: 850px; 
height: auto;
border-top: 2px solid #999;
}

#navbottom ul {
list-style: none;
text-align: center;
margin: 0px auto;
padding: 0px 0px;
}

#navbottom li {
display: inline;
text-align: center;
margin: 0px 5px;
}

#navbottom a:link,
#navbottom a:visited {
padding: 0px 5px;
color: #1b1b1b;
background-color: #999;
text-decoration: none;
}

#navbottom a:hover {
color: #fffacd;
border: none;
}

/* subnavigation menu */

#navsubcontainer {
width: 850px;
height: auto;
margin-left: auto;
margin-right: auto;
}

#navsub  {
	font-weight: normal;
	font-size: 13px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	color: #fff;
	background-color: #707070;
	text-align: center;
	padding: 0;
	width: 850px;
	height: auto;
	float: none;
	border-top: 2px solid #707070;
	margin: 0px auto;
}

#navsub ul {
list-style: none;
text-align: center;
margin: 0px auto;
padding: 0px 0px;
}

#navsub li {
display: inline;
text-align: center;
margin: 0px 5px;
}

#navsub a:link,
#navsub a:visited {
padding: 0px 5px;
text-decoration: none;
color: white;
}

#navsub a:hover {
color: #fffacd;
height: 22px;
}

#navsub #current a {
color: #dcdcdc;

}


/* CONTENT AREAS */

#contentborder {
margin-right: auto;
margin-left: auto;
width : 850px;
overflow : auto;
background-color : #4e4e4e;
float: none;
border-top: 10px solid #707070
}

#content {
margin-right: auto;
margin-left: auto;
width : 850px;
overflow : auto;
background-color : #4e4e4e;
float: none;
margin-bottom: 0px;
padding-bottom: 0px;
}


#contentin {
	float : none;
	padding-left: 25px;
	padding-right: 25px;
	width : 800px;
	margin-left: auto;
	margin-right: auto;
}

#contentinnarrow {
float : left;
padding-left: 20px;
padding-right: 10px;
width : 600px;
}

#rightsidebar {
float: left;
width: 180px;
margin: 10px 10px;
padding: 5px 5px;
background-color: #999;
color: black;
font-size: 13px;
font-family: Trebuchet MS, Helvetica, sans-serif;
}

#contactcontainer {
background-color : #4e4e4e;
float : left;
margin-left : 5px;
padding-left: 20px;
width : 400px;
}
#footer  {
	color: #CCCCCC;
	font-size: 10px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: transparent;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	float: none;
	width: 850px;
	height: auto;
}

#header {
margin-right : auto;
margin-left : auto;
width : 850px;
}
#map {
font-style : oblique;
font-weight : bold;
color: black;
font-size : 0.8em;
font-family : Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-align : center;
vertical-align : middle;
float : left;
margin-top : 20px;
margin-left : 20px;
width : 375px;
height : 350px;
overflow : hidden;
border: 6px solid #999;
}


/* MISC FORMATTING */

#contactcontainer a:link {
color : #fffacd;
text-decoration : none;
word-spacing : normal;
letter-spacing : normal;
}
#contactcontainer a:active {
text-decoration : none;
}
#contactcontainer a:hover {
color : #fffacd;
text-decoration : underline;
}
#contactcontainer a:visited {
color : #fffacd;
text-decoration : none;
}

.sectiontitle {
font-family: Trebuchet MS, Helvetica, Sans-Serif;
color: white;
font-size: 24px;
}

.brandimage  { text-align: center; vertical-align: middle; margin-right: auto; margin-left: auto }

#gallerycontainer  { padding: 0; width: 800px; height: 250px; }