/* :::::
Title:       Design by Reese Layout and Style
Author:    Reese Spykerman
URL:        http://www.designbyreese.com
Updated:  Oct 11 2006
::::: */


/* ::::: STANDARD ::::: */

body {
margin: 0;
background-color: #f5f7e4;
font-family: 'trebuchet ms', myriad, myriad pro, arial, arial narrow, helvetica, sans-serif;
font-size: small;
color: #284105;
}

img {border:0;}	

ul,li {list-style-type:none;}

h1, h2, h3, h4, h5, h6, ul {
margin:0;
padding:0;
}

hr {
display: none;
}

input, textarea, area, select, submit {
font-family: 'trebuchet ms', myriad, myriad pro, arial, arial narrow, helvetica, sans-serif;
padding: 2px;
background: #b6c77b url(http://www.designbyreese.com/img/quickfactsbg.jpg) repeat-x 100% -0;
border-top: 1px solid #754e2e;
border-right: 1px solid #754e2e;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
}

.contactformsubmit   {
margin-top: 5px;
display: block;
padding: 3px;
text-transform: uppercase;
}

.submit {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #754e2e;
border-left: 1px solid #754e2e;
}

.paypalbutton {
background: none;
border: 0;
padding: 0;
}

#content a {color: #754e2e;  text-decoration: none; font-weight: bold;}
#content a:link {color: #754e2e;  text-decoration: none; }
#content a:visited {color: #332214;  text-decoration: none; border-bottom: 1px dotted #332214;}
#content a:hover{color: #332214;  text-decoration: none; border-bottom: 1px dotted #332214;}



/* ::::: LAYOUT 1 ::::: */

#container
{
width: 769px; 
margin: 20px auto 0 auto;
text-align: left;
background: #f3f9d5 url(http://www.designbyreese.com/img/container.jpg) repeat-y;
}

#masthead {
float: left;
width: 769px;
height: 142px;
background: #b6c67b url(http://www.designbyreese.com/img/designbyreesemasthead.jpg) no-repeat;
}    

#masthead h1 {
text-indent:-9999px;
height:1px;
display:block;
}


/* NAVIGATION */

#navigationwrap {
margin:0;
padding: 0;
background-color:#f4f9e5;
height:26px;
float: left;
}

ul#menu {
height:26px;
width:769px;
margin:0;
padding:0;
border:0;
background:transparent url(http://www.designbyreese.com/img/navigation3.jpg) no-repeat 0 -26px;
}

ul#menu li {
padding:0;
margin:0;
display:block;
float:left;
text-indent:-9999px;	
}

ul#menu li a {
border:0;
display:block;
text-decoration:none;
background:transparent url(http://www.designbyreese.com/img/navigation3.jpg) no-repeat;
outline: none;
}

li#home a {
width:147px;
height:26px;
padding: 0;
margin: 0;
}

li#portfolio a {
width:136px;
height:26px;
padding: 0;
margin: 0;
}

li#about a {
width:121px;
height:26px;
padding: 0;
margin: 0;
}	 

li#solutions a {
width:120px;
height:26px;
padding: 0;
margin: 0;
}

li#contact a {
width:119px;
height:26px;
padding: 0;
margin: 0;
}	 	 	 	 

li#blog a {
width:125px;
height:26px;
padding: 0;
margin: 0;
}	

li#home a:hover {
background-position:0px -26px;
}

li#portfolio a:link, li#portfolio a:visited {	
background-position:-147px 0px;
}

li#portfolio a:hover {	
background-position:-147px -26px;
}

li#about a:link, li#about a:visited {	
background-position: -283px 0px;
}

li#about a:hover {	
background-position: -283px -26px;
}

li#solutions a:link, li#solutions a:visited {	
background-position: -404px 0px;
}

li#solutions a:hover{	
background-position: -404px -26px;
}

li#contact a:link, li#contact a:visited {	
background-position: -524px 0px;
}

li#contact a:hover{	
background-position: -524px -26px;
}

li#blog a:link, li#blog a:visited {	
background-position: -643px 0px;
}

li#blog a:hover {	
background-position: -643px -26px;
}

/* active page navigation */

body#home-page ul#menu li#home a {
background-position:0px -52px;
}

body#portfolio-page ul#menu li#portfolio a {
background-position:-147px -52px;
}

body#about-page ul#menu li#about a {
background-position:-283px -52px;
}

body#solutions-page ul#menu li#solutions a {
background-position:-404px -52px;
}

body#contact-page ul#menu li#contact a {
background-position:-524px -52px;
}
			
body#blog-page ul#menu li#blog a {
background-position:-643px -52px;
}

/* ::::: LAYOUT 2 ::::: */

#contenttop {
float: left;
width: 769px;
height: 46px;
background-repeat: no-repeat;
background-image: url(http://www.designbyreese.com/img/contenttop.jpg);
}

#content {
float: left;
width: 405px;
padding: 0 0 0 25px;
}

#side {
float: left;
padding: 0 0 0 20px;
width: 314px;
}


#tightside {
float: left;
padding: 0 0 0 25px;
width: 305px;
}

#bottomalign {
float: left;
width: 769px;
text-align: center;
}

#bottomnav {
float: left;
width: 769px;
height: 55px;
background: #b6c67b url(http://www.designbyreese.com/img/bottomnav.jpg) no-repeat;
text-align: center;
}

#footer {
float: left;
width: 769px;
height: 63px;
background: #b6c67b url(http://www.designbyreese.com/img/footer.jpg) no-repeat;
}

/* ::::: BOTTOM links ::::: */

#textnav ul, #textnav ul li {
list-style: none;
margin: 0;
padding: 28px 0 0 0;
font-size: 90%; 
}

#textnav ul {
text-align: center;
}

#textnav ul li {
display: inline;
margin-right: 10px;
 }

#textnav ul li.last {
margin-right: 0;
}

#textnav a {color: #332214; text-decoration: none;}
#textnav a:link {color: #332214; text-decoration: none;}
#textnav a:visited {color: #332214; text-decoration: none;}
#textnav a:hover {color: #332214; text-decoration: none; border-bottom: 1px dotted #fff;}


/* ::::: HOME main styling ::::: */

#home-page #side {
float: left;
padding: 0 0 0 30px;
width: 304px;
}

#home-page #side p  {
font-size: 90%;
padding: 5px 15px 0 0;
color: #626a2f;
}

#home-page #side .thumb {
float: left;
background: #8fb551 url(http://www.designbyreese.com/img/clientspotlightbg.jpg) repeat-x;
float: left;
padding: 6px;;
margin: 0 15px 0 0;
border: 1px solid #754e2e;
}

#home-page #side h3 {
margin: 20px 0 0 0;
border-bottom: 1px solid #332214;
padding:  0 40px 6px 0;
font-size: 130%;
}

#home-page #side h4 {
padding:  11px 40px 0 0;
font-size: 100%;
font-weight: normal;
color: #332214;
text-transform: uppercase;
line-height: 130%;
}

#home-page #side a {color: #754e2e;  text-decoration: none; border-bottom: 1px dotted #754e2e;}
#home-page #side a:link {color: #754e2e;  text-decoration: none; border-bottom: 1px dotted #754e2e;}
#home-page #side a:visited {color: #332214;  text-decoration: none; border-bottom: 1px dotted #332214;}
#home-page #side a:hover{color: #332214;  text-decoration: none; border-bottom: 1px dotted #332214;}



/* ::::: ABOUT page styling ::::: */


#about-page #content ul {
margin: 0 0 0 30px;
font-weight: bold;
font-size: 15px;
}

#about-page #content ul h4 {
margin: 0;
padding: 0;
font-size: 15px;
}

#about-page .subhead {
margin: 0 0 5px 3px;
}

#about-page #content p.lastparagraph {
padding-bottom: 20px;
}


#reeselinks {
float: left;
width: 200px;
padding: 0 10px 0 0;
}

#reesemedia {
float: left;
width: 80px;
}

#reeselinks ul {
width: 200px;
}


#reeselinks li
{
list-style: none;
text-align: left;
display: block;
float: left;
color: #332214;
width: 200px;

}

li.linkssub {
padding: 15px 0 0 5px;
color: #6F5845;
font-weight: bold;
text-transform: uppercase;
font-size: 90%;
}

li.linksfirst{
padding: 0 0 0 5px;
color: #6F5845;
font-weight: bold;
text-transform: uppercase;
font-size: 90%;
}

#reeselinks  li a
{
padding: 2px 0 2px 5px;
border-top: 1px solid #fff;
border-right: 1px solid #322113;
font-weight: normal;
display: block;
text-decoration: none;
color: #36461f;
background: #f3f5e1 url(http://www.designbyreese.com/img/clientlistbg2.jpg) repeat-x 0 100%;
}

#reeselinks  li a:hover
{
color: #fff;
background: #332214;
}

#reesemedia ul {
float: left;
width: 90px;
margin-top: 18px;
}

#reesemedia li
{
list-style: none;
text-align: left;
display: block;
float: left;
color: #ccc;
width: 90px;
margin-bottom: 15px;
}

#reesemedia  li a
{
font-weight: normal;
display: block;
text-decoration: none;
color: #36461f;
background-color: transparent;
}

#reesemedia  li a:hover
{
color: #fff;
background-color: transparent;
}

#reesemedia a img {
background:#658439;
padding:3px;
}

#reesemedia a:hover img {
background: #57422e;
}


/* ::::: SOLUTIONS page styling ::::: */

#solutions-page #content {
padding: 0 0 0 40px;
width: 370px;
}

#solutions-page #side {
float: left;
padding: 0 30px 0 55px;
width: 267px;
}

#solutions-page #content p{
margin: 0 0 25px 0;
padding: 0;
}

#solutions-page #side p  {
padding: 0;
margin: 6px 0 10px 0;
font-size: 85%;
line-height: 150%;
color: #626a2f;
}

#solutions {
margin: 0 0 30px 0;
}

#solutions-page #solutions h2 {
font-size: 90%;
color: #626a2f;
margin: 0 0 5px 0;
background: url(http://www.designbyreese.com/graphics/solutionsarrow2.gif) no-repeat 0 20%;
padding: 0 0 0 17px;
}

#solutions-page #side a {
font-weight: bold;
text-decoration: none;
color: #352213;
}

#solutions-page #side a:visited  {
text-decoration: none;
color: #303F1B;
}

#solutions-page #side a:hover{
text-decoration: none;
color: #3D4F22;
border-bottom: 1px dotted #3D4F22;
}


/* ::::: CONTACT page styling ::::: */

#contact-page #content {
padding: 0 0 0 40px;
width: 370px;
}

#contact-page #content p {
margin: 0;
padding: 0;
}



/* ::::: BLOG page styling ::::: */

#blog-page #side {
float: left;
padding: 18px 0 0 65px;
width: 287px;
}

#blog-page #content {
padding: 0 0 0 40px;
width: 370px;
}

#blog-page #content h3 {
color: #332316;
font-size: 110%;
}

#blog-page #content li {
list-style-type: disc;
margin: 0 0 15px 15px;

}

#blog-page #side a {
font-weight: bold;
text-decoration: none;
color: #352213;
}

#blog-page #side a:visited  {
text-decoration: none;
color: #303F1B;
}

#blog-page #side a:hover{
text-decoration: none;
color: #3D4F22;
border-bottom: 1px dotted #3D4F22;
}

#blog-page #side h3 {
margin: 0 0 5px 0;
padding: 0;
border-bottom: 1px dotted #754e2e;
}


#blog-page #side h4{
margin: 0 0 2px 0;
padding: 0;
color: #754e2e;
font-size: 100%;
text-transform: capitalize;
}

#blog-page #side ul {
margin: 0 0 20px 0;
padding: 0;
font-size: 90%;
}

p.blogsideparagraph {
margin: 0 20px 0 0;
padding: 0;
font-size: 85%;
line-height: 150%;
color: #626a2f;
}

p.blogsidedate {
margin: 0 0 20px 0;
padding: 0 15px 0 0;
font-size: 85%;
color: #754e2e;
clear: both;
text-align: left;
font-weight: bold;
}


.blogdate {
float: left;
width: 50px;
height: 50px;
background: url(http://www.designbyreese.com/img/datebg.gif) no-repeat center center;
text-align: center;
padding: 27px 0 0 0;
margin: 0 10px 0 0;
font-weight: bold;
font-size: 90%;
text-transform: uppercase;
line-height: .9em;
}

.blogtitle {
margin: 20px 15px 0 60px;
padding: 0;
border-bottom: 1px dotted #332214;
}

p.blogposted {
border-top: 1px dotted #754e2e;
text-transform: uppercase;
font-size: 80%;
font-weight: bold;
padding: 4px 0 0 0;
margin: 0 0 50px 0;
}

p.category {
font-size: 80%;
color: #754e2e;
font-weight: bold;
margin: 0 0 50px 0;
}


h3+p{
margin-top: 3px;
}

#blogarchives {
float: left;
width: 200px;
padding: 0 10px 0 0;
}

#montharchives {
float: left;
width: 80px;
}

#categoryarchives ul {
width: 200px;
}


#categoryarchives li
{
list-style: none;
text-align: left;
display: block;
float: left;
color: #332214;
width: 200px;
}

li.linkssub {
padding: 15px 0 0 5px;
color: #6F5845;
font-weight: bold;
text-transform: uppercase;
font-size: 90%;
}

li.linksfirst{
padding: 0 0 0 5px;
color: #6F5845;
font-weight: bold;
text-transform: uppercase;
font-size: 90%;
}

#categoryarchives li a
{
padding: 2px 0 2px 5px;
border-top: 1px solid #fff;
border-right: 1px solid #322113;
font-weight: normal;
display: block;
text-decoration: none;
color: #36461f;
background: #f3f5e1 url(http://www.designbyreese.com/img/clientlistbg2.jpg) repeat-x 0 100%;
}

#categoryarchives  li a:hover
{
color: #fff;
background: #332214;
}

#reesemedia ul {
float: left;
width: 90px;
margin-top: 18px;
}

#montharchives li
{
list-style: none;
text-align: left;
display: block;
float: left;
color: #ccc;
width: 90px;
margin-bottom: 15px;
}

#montharchives  li a
{
font-weight: normal;
display: block;
text-decoration: none;
color: #36461f;
background-color: transparent;
}

#montharchives  li a:hover
{
color: #fff;
background-color: transparent;
}

#blog-page #content img.imageright {
float: right;
padding: 3px;
border: none;
margin: 0 0 3px 5px; 
background: none;
}




/* ::::: CONTACT page styling ::::: */
#contact-page #content p {
margin: 0;
padding: 0;
}



/* ::::: EXTRA text styling ::::: */

.head {
margin: 0 0 10px 0;
padding: 0;
}

.subhead {
margin: 6px 0 0 0;
padding: 0;
}

.photofloat {
float: left;
background: #b6c77b;
padding: 10px;
margin-right: 10px;
border: 1px solid #658439;
}

#contact-page #content p {
margin: 8px 0 0 0;
padding: 0;
}

/* nice titles */

div.nicetitle {
background: #332214 url(http://www.designbyreese.com/img/nicetitlebg.jpg) repeat-x;
border: 4px double #B6C67B;
left: 0;
padding: 8px;
position: absolute;
top: 0;
width: auto;
z-index: 100;
height: auto;
font-family: 'trebuchet ms', myriad, myriad pro, arial, arial narrow, helvetica, sans-serif;
font-size: 12px;
}

div.nicetitle p {
margin: 0;
padding-bottom: 3px;
font-weight: bold;
color: #B6C67B;
}

div.nicetitle p.destination {
color: #fff;
font-weight: normal;
font-size: 12px;
padding-bottom: 0;
text-align: left;
}

/* ::::: MISC classes ::::: */

/* images */

img.imageright {
float: right;
padding: 3px;
border: 1px solid #754e2e;
margin: 5px 0 3px 20px; 
background: #b6c77b;
}

.imageleft img {
float: left;
padding: 5px;
border: 1px solid #754e2e;
margin: 0 10px 5px 0; 
padding: 3px;
background: #b6c77b;
}

/* forms */

.dropdown {
padding:2px;
margin: 0;
width: 207px;
}

p.underline {
display: block;
font-weight: bold;
margin: 40px 0 0 0;
font-size: 130%;
border-bottom: 1px dotted #b6c77b;
}

p.bold {
font-weight: bold;
font-size: 110%;
margin: 0;
padding: 0;
color: #342110;
}

p.group {
margin: 0 0 10px 0;
padding: 0;
}