body {background:#fff; margin:15px 0 0; padding:0; text-align:center;}
a:focus {outline:none;}
#box01 { background:url("logo.gif") no-repeat; margin:0 auto; padding:0; text-align:left; width:950px;}
h1 {text-indent:-5000px; margin:0; padding:0; width:180px;}
h1 a {display:block; height:96px; margin:0; overflow:hidden; width:180px; z-index:0;}
div#topnav { border-bottom:1px solid #d8d3ad; height:18px; margin:-18px 0 0; padding:0 0 0 480px; width:470px;}
ul#navigation {display:inline; list-style:none; margin:0; padding:0; position:relative;}
ul#navigation li {display:inline; margin:0; padding:0; }
ul#navigation li a {color:#666; border-right:1px solid #4b7caf; display:block; float:left; font:normal 12px/15px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; margin:0; padding:0 8px; text-align:center; text-decoration:none; }
ul#navigation li a:hover {color:#b3aa5e; }
ul#navigation li#x01 a {width:68px;}
ul#navigation li#x02 a {width:86px;}
ul#navigation li#x03 a {width:86px;}
ul#navigation li#x04 a {width:108px;}
ul#navigation li#x05 a {width:40px; text-align:right;}
ul#navigation li#x05 a {border-right:none; padding-right:0;}
ul#navigation li#x05 a {padding-right:0;}




ul#footer {clear:left; display:block; list-style:none; margin:0; padding:0; top:600px; position:absolute; }
ul#footer li {border-right:1px solid #075798; color:#767561; display:inline; font: normal 12px/15px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; margin:0; padding:0 1em; text-align:center; }
ul#footer li a {color:#aaa04e; margin:0; padding:0; text-decoration:none; }
ul#footer li a:hover {color:#666; }
ul#footer li#y01 {padding-left:0;}
ul#footer li#y04 {border-right:0;}


img { border: none;}

/* Projects Section */

div#largeicons {position:absolute; top:183px; width:950px;}
div#largeicons div { float:left; margin:0 18px 0 0; width:175px;}
/* common styling */
div#largeicons div {font: normal 13px/15px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; height:100px; position:relative; width:175px; z-index:100;}
div#largeicons div img {margin-bottom:5px;}
div#largeicons div ul li a, div#largeicons div ul li a:visited {border:1px solid #fff; color:#666; display:block; height:15px; line-height:15px; overflow:hidden; text-decoration:none; width:160px; }
div#largeicons div ul {padding:0; margin:0; list-style: none;}
div#largeicons div ul li {float:left; position:relative;}
div#largeicons div ul li ul {display: none;}

/* specific to non IE browsers */
div#box01 > div#largeicons div ul li:hover a {color:#b3aa5e;}
div#box01 > div#largeicons div ul li:hover ul {display:block; font-size:11px; position:absolute; top:196px; left:15px; width:105px;}
div#box01 > div#largeicons div ul li:hover ul li a.hide {color:#1c508f;}
div#box01 > div#largeicons div ul li:hover ul li:hover a.hide {color:#b3aa5e;}
div#box01 > div#largeicons div ul li:hover ul li a {display:block; color:#1c508f;}
div#box01 > div#largeicons div ul li:hover ul li a:hover {color:#b3aa5e;}
/*div#largeicons div p {font: normal 13px/15px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; margin:5px 0; padding:0; }
div#largeicons div p a {color:#666; text-decoration:none; }
div#largeicons div p a:hover {color: #b3aa5e;}
div#largeicons div ul {display:none; list-style:none; margin:0 0 0 5px; padding:0; }
div#largeicons div li {font: normal 12px/18px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; }
div#largeicons div li a {color:#1c508f; text-decoration:none; }
div#largeicons div li a:hover {color:#b3aa5e;}*/

div#largeicons2 {position:absolute; top:183px; width:565px;}
div#largeicons2 div { background:none; float:left; margin:0 18px 7px 0; width:175px;}
div#largeicons2 div p {font: normal 12px/16px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; margin:5px 0 0; padding:0; }
div#largeicons2 div p a {color:#666; text-decoration:none; }
div#largeicons2 div p a:hover {color: #b3aa5e;}

ul#x02navigation {border-left:1px solid #667ab1; border-right:1px solid #667ab1; display:block; list-style:none; margin:0 0 0 564px; padding:0 8px; position:absolute; top:117px; width:86px;}
ul#x02navigation li {display:block; font: normal 11px/13px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; list-style:none; margin:0 0 0 -40px; padding:0; text-align:center; width:86px;}
ul#x02navigation li a {color:#aaaa99; text-decoration:none; }
ul#x02navigation li a:hover {color: #767561;}

ul#x03navigation {border-left:1px solid #667ab1; border-right:1px solid #667ab1; display:block; list-style:none; margin:0 0 0 667px; padding:0 8px; position:absolute; top:117px; width:86px;}
ul#x03navigation li {display:block; font: normal 11px/12px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; line-height:13px; list-style:none; margin:0 0 0 -40px; padding:0; text-align:center; width:86px;}
ul#x03navigation li a {color:#aaaa99; display:inline; text-decoration:none; }
ul#x03navigation li a:hover {color: #767561;}

ul#x04navigation {border-left:1px solid #667ab1; border-right:1px solid #667ab1; display:block; list-style:none; margin:0 0 0 770px; padding:0 8px; position:absolute; top:117px; width:108px;}
ul#x04navigation li {display:block; font: normal 11px/12px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; line-height:13px; list-style:none; margin:0 0 0 -40px; padding:0; text-align:left; width:105px;}
ul#x04navigation li a {color:#aaaa99; display:inline; text-decoration:none; }
ul#x04navigation li a:hover {color: #767561;}


#projectslargepic {position:absolute; top:191px; width:565px;}
#projectslargepic div {background:#b8b7a7; height:314px; position:relative; margin:0; width:550px;}

#projectstitle {left:575px; top:120px; position:relative; width:375px;}
#projectstitle h2 {color:#767561; font: bold 18px/18px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; margin:0 0 5px; padding:0; text-align:left;}
#projectstitle{font: normal 11px/13px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; margin:15px 0 5px; padding:0; text-align:right; text-decoration:none;}
#projectstitle p {position:relative; top:265px; text-align:right;}
#projectstitle p a {color:#999; text-decoration:none; }
#projectstitle p a:hover {color:#333; text-decoration:none;}
#projectstitle hr { height:0; border:0; border-top:1px solid #aaa04e; width:375px; }

#projectscopy {left:575px; top:120px; position:relative; width:375px;}
#projectscopy h2, #projectscopy h3, #projectscopy h4 {color:#767561; font: normal 18px/18px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; margin:0 0 5px; padding:0; text-align:left;}
#projectscopy h3 {font: normal 15px/18px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; margin:0 0 2px; }
#projectscopy h4 {color:#666; font: normal 13px/15px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; margin:0;  }
#projectscopy p, #projectscopy li {color:#767561; font: normal 11px/15px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; margin:0 0 15px; padding:0; text-align:justify;}
#projectscopy a {color:#aaa04e;}
#projectscopy a:hover {text-decoration:none;}
#projectscopy hr { height:0; border:0; border-top:1px solid #aaa04e; width:375px; }
#projectscopy div { margin:0; position:absolute; width:375px; }
#projectscopy h2 a {color:#767561; text-decoration:none;}
#projectscopy h2 span {display:block; font: normal 15px/18px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; margin:3px 0 0;}
#projectscopy h2 a:hover {color:#aaa04e;}
#projectscopy ul {margin:10px 0 15px 15px; padding:0; }
#projectscopy li {margin:0 0 5px; }

#largeicons3 {font: normal 13px/18px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; position:absolute; top:191px; width:565px;}
#largeicons3 div { background:none; float:left; margin:0 18px 7px 0; width:175px;}
#largeicons3 div a {background: url("http://www.southforkstudio.com/firmprofile/ourphilosophy/01.jpg") 0 0 no-repeat; color:#6b6c6e; display:block; height:25px; padding:150px 0 0 15px; text-decoration:none; width:160px; }
#largeicons3 div#w01 a:hover, #largeicons3 div#w02 a:hover, #largeicons3 div#w03 a:hover, #largeicons3 div#w04 a:hover, #largeicons3 div#w05 a:hover, #largeicons3 div#w06 a:hover {background-position: 0 -175px; color:#fff;}
#largeicons3 div#w02 a {background: url("http://www.southforkstudio.com/firmprofile/ourphilosophy/02.jpg") 0 0 no-repeat;}
#largeicons3 div#w03 a {background: url("http://www.southforkstudio.com/firmprofile/ourphilosophy/03.jpg") 0 0 no-repeat;}
#largeicons3 div#w04 a {background: url("http://www.southforkstudio.com/firmprofile/ourphilosophy/04.jpg") 0 0 no-repeat;}
#largeicons3 div#w05 a {background: url("http://www.southforkstudio.com/firmprofile/ourphilosophy/05.jpg") 0 0 no-repeat;}
#largeicons3 div#w06 a {background: url("http://www.southforkstudio.com/firmprofile/ourphilosophy/06.jpg") 0 0 no-repeat;}

p#webdesign { display:none; font:normal .1em Garamond, Georgia, "Times New Roman", Times, serif; text-indent:-5000px; visibility:hidden;}


/* ######### CSS for Indented CSS Tabs. ######### */


.indentmenu ul li a.selected{
/*background:  url(indentbg2.gif) center center repeat-x;*/
color: #767561 !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
font-weight:bold;
}


.tabcontent{
display:none;
}


#galleryrotate {color:#aaaa99; font: normal 11px/13px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; position:absolute; top:191px; width:565px;}
#galleryrotate ul {margin: 0; padding: 0; position: relative; list-style-type: none;}
#galleryrotate li {border-left:1px solid #aaaa99; display:block; float:left; padding:0 5px; margin:7px 0 0; width:auto;}
#galleryrotate li#first {border-left:none; padding-left:0;}
#galleryrotate li a {color:#aaaa99; display:block; padding:0 5px; text-decoration:none; }
#galleryrotate li a:hover {color: #767561;}
#galleryrotate p {margin:7px 0 0; padding:0; position:absolute; text-align:right; width:550px; }
#galleryrotate span {margin:7px 0 0; padding:0; float:left; width:550px; }


#leftimage {color:#aaaa99; font: normal 11px/13px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; position:absolute; top:191px; width:300px;}
#maincopy {left:375px; top:120px; position:relative; width:575px;}
#maincopy h2, #maincopy h3 {color:#767561; font: normal 18px/18px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; margin:0 0 5px; padding:0; text-align:left;}
#maincopy h3 {font: normal 13px/18px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; text-transform:uppercase;}
#maincopy p {color:#767561; font: normal 11px/15px "Lucida Sans Unicode","Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; margin:0 0 15px; padding:0; text-align:justify;}
#maincopy a {color:#aaa04e;}
#maincopy a:hover {text-decoration:none;}
#maincopy hr { height:0; border:0; border-top:1px solid #aaa04e; width:575px; }



