body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; margin-top: 25px; color: black; background: url(/jratto_images/back_symbol.jpg); text-align: center; }
#AllContent { margin-right: auto; margin-left: auto; width: 1000px; text-align: left; position: relative }

a:link, a:hover, a:visited, a:active { color: #5C3921; text-decoration: none; font-weight: bold }
a:hover { color: Black }
h1, h2, h3 {font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif}
h1 { font-weight: bold; font-size: 19px; font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif }
h2 { font-style: italic; font-size: 24px; font-weight: bold; margin:5px 0 0 0 }
h3 { margin: 0 0 3px 0 ; font-size: 16px; color: #371402 }
h4 { margin: 0; }
p { font-size: 12px; }
ul { text-align: left; margin: 0; padding: 0; }
li { margin-left: 20px; }

#HomeContent { text-align: center; overflow: hidden;
               
               background: url(/images/jratto_home_bg.jpg) top left no-repeat; height: 600px; width:977px; margin:0 0 0 11px
               
                }
	#Contact {padding-top:50px; float: right; margin: 0px 30px 0 20px; width: 600px}
#Contact, #Contact p { font-size: 8pt; font-weight: bold; }
#Contact p { margin-top: 12px; }
#Contact a:link, #Contact a:hover, #Contact a:visited, #Contact a:active { color: #6f4e38; }
#Services h3 { margin-top: 10px; }
#Services p { margin-top: 0px; }
#Footer { background-color: #7e4122; font-size: 11px; color: #fff2c4; text-align: center; padding-bottom: 10px; }
#Footer a:link, #Footer a:hover, #Footer a:visited, #Footer a:active { text-transform: lowercase; }
#Footer a:link, #Footer a:hover { color: White; }
#Footer a:visited { color: #e6e6e6; }
#Footer a:active { color: #0c6b00; }
#Footer h3 { margin: 0; font-size: 13px; font-weight: normal; }
#Footer p { font-size: 11px; }

.oneColumn, .oneColumnFirst
{background: url(/images/brown_bg.png) repeat;
 width: 255px; float: left; margin: 10px; padding:20px; border: outset 1px #f0dbbc; float:left}
 
.oneColumnFirst
{margin-left: 33px;}

 
.oneColumn img, .oneColumnFirst img
 {display:block; margin-left:auto; margin-right:auto ;height:188px; width:251px; border:0; margin-bottom:15px }
    
 .twoColumn
 {width: 572px; padding:20px; margin: 10px; float:left; border: outset 1px #f0dbbc; background: url(/images/brown_bg.png) repeat;}
 .address
 {font-weight: bold; font-size: 12px}
 

.portfolioThumbs
{clear:both; display:block; margin-left:auto; margin-right:auto; padding: 0 75px}

.portfolioThumbs p
{font-size:9px; float:left; margin:5px; width:75px;}


#header { float: left; height: 134px; width:1000px; background: url("/images/header_bg.jpg") no-repeat top left; }
#nav {font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; width:819px; float:left; 
      background: url("/images/nav_bg.png") no-repeat top left; margin: 27px 0 0 25px; height:25px;}
#nav p {padding: 0; margin: 3px 15px 0 15px;  font-size:13px; display:inline; font-weight: bold; float:left; text-transform: uppercase;}
#nav img {margin-top:-8px; float:left}
#nav a:hover, #nav a:visited, #nav a:active
{ text-decoration: none; color: #5C3921}

#nav a:hover
{color: Black}

#awards {clear: both}

#awards div
{float: left; width: 244px; }

#awards p, #awards h4, #awards ul
{background: url(/images/winner_boxBG.png) top center repeat-y; padding-left: 33px; padding-right: 33px}

#awards p, #awards ul
{padding-top: 10px; padding-bottom: 5px; margin: 0 }
#awards h4
{font-size: 14px; }
#awards ul
{ width:180px; font-size: 9pt;}
#awards li
{margin: 4px 0 0 30px;}