/* CSS Document 
Beans n' Rice
Created by Sarah Kulfan
July 14, 2009

*/

/* MAIN ELEMENTS */

body		{
  			margin:0;
 			padding:0;
 			font:9pt Arial, Helvetica, sans-serif;
  			color:#666;
			background-color:#fff;
			background-image:url(../images/body_bkgd.jpg);
			background-position:top left;
			background-repeat:repeat-x;
			overflow: -moz-scrollbars-vertical;
			overflow-x: hidden;
			overflow-y: scroll;
			}

/* STRUCTURE */
#wrapper	{
			width:925px;
 			left: 0px; 
 			top: 0px;
			padding:0;
			margin:0 auto;
			}
			
#maincontent	{
			width:660px;
			padding:0;
			margin:0;
			float:left;
			position:relative;
			}

#sidebar	{
			width:265px;
			padding:20px 0 0;
			margin:0;
			float:left;
			position:relative;
			}
			

#maincontent ul{
 		margin:0;	
		padding:7px 0;
 }

#maincontent li{
  list-style-type: none;
  text-indent:0;
  padding:2px 0; 
 }

/* Main Nav Rollovers */		
			
#nav	{
		 min-height:28px;
			width:265px;
			font-family: 'Signika', Arial, Helvetica, sans-serif;
			padding:0;
			margin:0;
			}
			

#nav ul{
 		margin:0 0 15px 10px;	
 }

#nav li{
  list-style-type: none;
  margin:2px 0;
 
 }

 
 #nav a, #nav a:visited	{
		    padding:5px 0 5px 50px;
			background-position:center left;
			background-repeat:no-repeat;
			font-size:13pt;
			color:#000;
			text-decoration:none;
			}

#nav a:hover	{
			color:#000;
			text-decoration:none;
			}
			
#nav a:active	{
			color:#000;
			text-decoration:none;
			}
 
#nav li a, #nav li a:visited	{
	 		font-size:10.8pt;
			padding:0;
			}

#nav li.arrow a, #nav li a:hover {
			background-image:url(../images/bnr-nav/arrow.gif);
			background-position:center right;
			background-repeat:no-repeat;
			padding:0 10px 0 0;
			}
 
 
#nav.web a, #nav.web a:visited	{
			background-image:url(../images/bnr-nav/nav_01.gif);
			}
#nav.web.on a:link, #nav.web a:active	{
			background-image:url(../images/bnr-nav/nav-on_01.gif);
			}
#nav.web a:hover, #nav.web.on a:hover {
			background-image:url(../images/bnr-nav/nav-roll_01.gif);
			}

#nav.print a, #nav.print a:visited	{
			background-image:url(../images/bnr-nav/nav_02.gif);
			}
#nav.print.on a, #nav.print a:active	{
			background-image:url(../images/bnr-nav/nav-on_02.gif);
			}
#nav.print a:hover, #nav.print.on a:hover	{
			background-image:url(../images/bnr-nav/nav-roll_02.gif);
			}

			
#nav.logo a, #nav.logo a:visited	{
			background-image:url(../images/bnr-nav/nav_03.gif);
			}
#nav.logo.on a, #nav.logo a:active	{
			background-image:url(../images/bnr-nav/nav-on_03.gif);
			}
#nav.logo.on a:hover, #nav.logo a:hover	{
			background-image:url(../images/bnr-nav/nav-roll_03.gif);
			}

			
#nav.illustration a, #nav.illustration a:visited	{
			background-image:url(../images/bnr-nav/nav_04.gif);
			}
#nav.illustration.on a, #nav.illustration a:active	{
			background-image:url(../images/bnr-nav/nav-on_04.gif);
			}
#nav.illustration.on a:hover, #nav.illustration a:hover	{
			background-image:url(../images/bnr-nav/nav-roll_04.gif);
			}

			
#nav.package a, #nav.package  a:visited	{
			background-image:url(../images/bnr-nav/nav_05.gif);
			}
#nav.package.on a:link, #nav.package  a:active	{
			background-image:url(../images/bnr-nav/nav-on_05.gif);
			}
#nav.package.on a:hover, #nav.package  a:hover	{
			background-image:url(../images/bnr-nav/nav-roll_05.gif);
			}

			
#nav.feature a, #nav.feature a:visited	{
			background-image:url(../images/bnr-nav/nav_06.gif);
			}
#nav.feature.on a, #nav.feature a:active	{
			background-image:url(../images/bnr-nav/nav-on_06.gif);
			}
#nav.feature.on a:hover, #nav.feature a:hover	{
			background-image:url(../images/bnr-nav/nav-roll_06.gif);
			}

			
#nav.postcard a, #nav.postcard a:visited	{
			background-image:url(../images/bnr-nav/nav_07.gif);
			}
#nav.postcard.on a, #nav.postcard a:active	{
			background-image:url(../images/bnr-nav/nav-on_07.gif);
			}
#nav.postcard.on a:hover, #nav.postcard a:hover	{
			background-image:url(../images/bnr-nav/nav-roll_07.gif);
			}

			
#nav.about a, #nav.about  a:visited	{
			background-image:url(../images/bnr-nav/nav_08.gif);
			}
#nav.about.on a, #nav.about a:active	{
			background-image:url(../images/bnr-nav/nav-on_08.gif);
			}
#nav.about.on a:hover, #nav.about a:hover	{
			background-image:url(../images/bnr-nav/nav-roll_08.gif);
			}

				
#nav.contact a, #nav.contact a:visited	{
			background-image:url(../images/bnr-nav/nav_09.gif);
			}
#nav.contact.on a, #nav.contact a:active	{
			background-image:url(../images/bnr-nav/nav-on_09.gif);
			}
#nav.contact.on a:hover, #nav.contact a:hover	{
			background-image:url(../images/bnr-nav/nav-roll_09.gif);
			}

						
			
			 
#thm		{
			width:170px;
			padding:20px;
			margin:0;
			float:left;
			background-image:url(../images/thm_bkgd.gif);
			background-position:bottom left;
			background-repeat:repeat-x;
			}
			
#thmwrapper	{
			width:220px;
			padding:0;
			margin:0;
			float:left;
			background-image:url(../images/thm_bkgd.gif);
			background-position:top right;
			background-repeat:repeat-y;
			position:relative;
			}
			
#thmcontainer	{
			width:660px;
			padding:0;
			margin:0;
			float:left;
			}
			
#footer	{
			width: 100%; 
			font-size:8pt;
			padding:10px;
			margin:0 auto;
			text-align:center;
			}
			
#submenu	{
	float:right;
	padding:10px 15px;
	background:#56585a;
}

#submenu a, #submenu a:visited, #submenu a:active, #submenu a:hover {
	color:#fff;
	font-size:12pt;
	padding:0 5px;
	font-family: 'Signika', Arial, Helvetica, sans-serif;
}

#submenu a:active, #submenu a:hover {
	color:#f8981d;
}

#threecol	{
		width:285px;
		float:left;
		margin:20px 30px 20px 0;
}
			
/*TYPOGRAPHY */


P			{
			margin:5px 0 8px 0;
			line-height:16pt;
			color:#666;
			}
			
/* Main Header _________________________________ */
H1			{	
			font-family: 'Signika', Arial, Helvetica, sans-serif;
			font-size:18pt;
			font-weight:200;
			color:#000;
			line-height: 22pt;
			padding:10px 0 5px 0;
			margin:0;
			}	
			
H2			{	
			font-family: 'Signika', Arial, Helvetica, sans-serif;
			font-size:14pt;
			font-weight:100;
			color:#666;
			padding:0 0 10px;
			margin:25px 0 0;
			background-image:url(../images/thm_bkgd.gif);
			background-position:bottom left;
			background-repeat:repeat-x;
			width:100%;
			}	

			
/* LINKS */

a:link{
  color:#FF6600;
  text-decoration:none;
 }

a:visited{
  color:#FF6600;
  text-decoration:none;
 }

a:hover{
color:#FF6600;
  text-decoration:none;
 }

.top {
	float:right;
	font-size:10px;
	
}