/*
MAIN: 
Headers (Welcome to Lark, etc...):
Trebuchet 13 pix  BOLD  #815807

Content: 
Trebuchet 12 pix #000000
Links - Trebuchet 12 pix  BOLD  #815807 with a line under on rollover.

Footer © : Trebuchet 11 pix c4b79d (10 pix  for our info)
Links Trebuchet 11 pix c4b79d with underline on rollovers

Background on Blog: 
#c4b79d  there is a 1 pixel black stroke around it - not sure you can make that happen or not, if so cool, if not, fine. 

Blog styling the same as on the other pages in regards to fonts, headers, links. 
Please have a line separate each post. LIke IPST.
*/

/* reset styles */
* {
margin:0;
padding:0;}

a img {
border:none;}

html {
overflow-y: scroll;}

.clear {
clear:both;}


/*--------- site-wide font styles ----------*/
body {
font-family:"Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
font-size:12px;
color:#000000;}

h1 {
font-size:13px;
color:#815807;
padding-bottom:10px;} /* title */

p {
margin-bottom:10px;
line-height:130%;}

p.question {
margin-bottom:0;
font-weight:bold;}

ol {
margin:0 0 10px 10px;}

ol li {
margin-left:15px;}

#main a {
color:#815807;
font-weight:bold;
text-decoration:none;}

#main a:hover {
text-decoration:underline;}

#main a.subnav {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000000;
font-size:10px;}

#nav a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
color:#edc9a8;
text-decoration:none;}

#nav a:hover,
#index_page #home_link,
#portfolio_page #portfolio_link,
#faq_page #faq_link,
#about_page #about_link,
#contact_page #contact_link {
color:#ffffff;}

p.center {
text-align:center;
margin:20px 0;}

p.center img {
border:1px solid #58482a;}


/* footer nav and contact info */
#footer p.copyright {
text-align:center;}

#footer p, #footer p a {
font-size:11px;
color:#c4b79d;
text-decoration:none;
margin-bottom:5px;}

#footer p a:hover {
text-decoration:underline;}



/*------------- layout styles -------------*/
body {
background:url(images/bg_body.jpg) top left repeat;}

#wrapper {
width:917px;
height:712px;
margin:0 auto;}

#index_page #wrapper {
background:url(images/rug_home.png) top center no-repeat;}

#faq_page #wrapper {
background:url(images/rug_faq.png) top center no-repeat;}

#about_page #wrapper {
background:url(images/rug_about.png) top center no-repeat;}

#contact_page #wrapper {
background:url(images/rug_contact.png) top center no-repeat;}

#header {
width:763px;
height:109px;
padding:23px 0 0 0;
margin-left:70px;
float:left;}

#logo {
width:190px;
height:109px;
float:left;}


/*------------------ top horizontal navigation ----------------*/
#nav {
width:573px;
height:44px;
padding-top:65px;
float:left;
text-align:center;
background:url(images/bg_nav.png)}

#nav ul {
list-style:none;
padding:0;}

#nav ul li {
display:inline;
padding:5px 14px;}

#nav a {
}






/*------------ main body area ---------------*/
#main {
width:763px;
height:430px;
padding:0;
margin-left:70px;
float:left;
clear:both;
background:url(images/bg_content.png) top center no-repeat;}

#portfolio_page #main, 
#high_relief_page #main, 
#flat_woven_page #main {
height:522px;
margin-left:70px;
background:url(images/bg_port.png) top center no-repeat;}

#intro {
width:250px;
float:left;
padding:15px 20px 0 40px;} /* on home page */

#rotator {
width:418px;
height:380px;
float:left;
margin-top:15px;}  /* on home page */

#content {
width:673px;
height:385px;
padding:15px 40px 15px 50px;}

#portfolio {
margin:5px 0 0 10px;}




/*------------ footer ---------------*/
#footer {
width:917px;
margin:0 auto;
padding:5px 0;
clear:both;}

/* for IE6 png transparency fix */
img, div, a { behavior: url(iepngfix.htc) }