a {
    text-decoration: none;
    color: #cc3300;
}

body { 
    background-color: black;
    font: 12px/18px Georgia, serif;
    color: #333333;
}
#wrapper {
    border: 1px solid #666666;
    width: 755px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    overflow: hidden;
    padding-bottom: 8px;
}
* html #wrapper {
    overflow: visible;
}

#content, #home_content { 
    width: 735px;
    float: left;
    min-height:455px;
    height:auto !important;
    height:455px;
    margin: 8px 8px 0px 8px;
    background: #ffffff url(/img/bg_curve.png) bottom right no-repeat;
    overflow: visible;
}
#home_content {
    background-color: #ebebd6;
    overflow: visible;
}

#logo { 
    width: 109px;
    height: 109px;
    float: right;
    background: transparent url(/img/header_logo.gif);
    margin: 30px 30px 0px 0px;
}
#home_content #logo {
    background: transparent url(/img/header_logo_home.gif);
}
#logo a { 
    display: block;
    width: 100%;
    height: 100%;
}


#footer {
    width: 755px;
    clear: both;
    color: #666;
    font-size: 11px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 20px;
}

/**
 * NAVIGATION - TOP HOME
 */
#home_header ul#nav { 
    margin: 0px 0px 0px 52px;
    padding: 29px 0px 0px 0px;
    list-style: none;
}
#home_header ul#nav li {
    float: left;
    width: 50px;
    height: 58px;
    margin-right: 13px;
}
#home_header ul#nav li a {
    display: block;
    width: 100%;
    height: 100%;
}
#home_header li#portfolio a {
    background: transparent url(/img/portfolio_home.gif) 2px 0px no-repeat;
}
#home_header li#portfolio a:hover {
    background: transparent url(/img/portfolio_home_rollover.gif) 2px 0px no-repeat;
}

#home_header li#about a {
    background: transparent url(/img/about_home.gif) 8px 0px no-repeat;
}
#home_header li#about a:hover {
    background: transparent url(/img/about_home_rollover.gif) 8px 0px no-repeat;
}

#home_header li#contact a {
    background: transparent url(/img/contact_home.gif) 5px 0px no-repeat;
}
#home_header li#contact a:hover {
    background: transparent url(/img/contact_home_rollover.gif) 5px 0px no-repeat;
}


/**
 * NAVIGATION - TOP 
 * (SECOND LEVEL)
 */
#header ul#nav { 
    margin: 0px 0px 0px 46px; /* 52 - 6 = 46 */
    padding: 0px 0px 0px 0px;
    list-style: none;
    width: 157px;
    height: 83px;
    float: left;
    display: inline;  /* ie double float bug */
}
#header ul#nav li {
    float: left;
    width: 44px;  /* portfolio is the widest */
    height: 56px;
    margin-top: 27px;
}
#header ul#nav li a {
    display: block;
    width: 100%;
    height: 100%;
}
#header li#portfolio {
    margin-right: 1px;
}
#header li#portfolio a {
    background: transparent url(/img/portfolio_nav.jpg) 0px 0px no-repeat;
}
#header li#portfolio a:hover {
    background: transparent url(/img/portfolio_nav_rollover.jpg) 0px 0px no-repeat;
}
#header li#portfolio a.current {
    background: transparent url(/img/portfolio_nav_current.jpg) 0px 0px no-repeat;
}


#header li#about {
    margin-right: 2px;
}
#header li#about a {
    background: transparent url(/img/about_nav.jpg) 5px 0px no-repeat;
}
#header li#about a:hover {
    background: transparent url(/img/about_nav_rollover.jpg) 5px 0px no-repeat;
}
#header li#about a.current {
    background: transparent url(/img/about_nav_current.jpg) 5px 0px no-repeat;
}

#header li#contact a {
    background: transparent url(/img/contact_nav.jpg) 2px 0px no-repeat;
}
#header li#contact a:hover {
    background: transparent url(/img/contact_nav_rollover.jpg) 2px 0px no-repeat;
}
#header li#contact a.current {
    background: transparent url(/img/contact_nav_current.jpg) 2px 0px no-repeat;
}


/**
 * HOME BODY
 */
#home_body {
    clear: both;
    width: 450px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 37px;
}
#home_body p {
    font-weight: normal;
    font-size: 18px;
    color: #333333;
    line-height: 36px;
}


#client_login_layer {
    position: relative;
    left: 100px;
    top: 0px;
    background-color: white;
    border: 1px solid black;
    width: 245px;
    height: 72px;
    visibility: hidden;
}
#client_login_form ul {
    list-style: none;
    margin: 7px 20px;
    padding: 0px;
}
#client_login_form ul li {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
#client_login_form label {
    font-family: Lucida Grande, Verdana, Arial, sans-serif;
    color: #333;
    font-size: 11px;
    width: 40px;
    text-align: right;
}
#client_login_form input {
    color: #333;
    font-size: 11px;
    vertical-align: bottom;
}
#client_login_form #login_arrow {
    margin: 0px 0px 0px 7px;
    vertical-align: text-bottom;
}


a#client_login_link {
    display: block;
    width: 400px;
    height: 100px;
    position: relative;
    top: -30px;
    left: 141px;
    background: transparent url(/img/client_login_link.gif) 0px 10px no-repeat;
}
a#client_login_link:hover {
    background: transparent url(/img/client_login_link_rollover.gif) 0px 10px no-repeat;
}






/**
 * SUBPAGES WITH CONTENT
 */
ul#subnav { 
    list-style: none;
    width: 320px;
    height: 83px;
    float: left;
    margin: 0px;
    padding: 0px;
}
ul#subnav li {
    padding: 0px;
    margin: 0px 4px 4px 0px;
    display: inline;
    font-family: Verdana, Arial, sans-serif;
}

ul#subnav li.nav_head {
   display: block; 
   margin-top: 38px;
   margin-bottom: 7px;
   padding: 0px;
   color: #cc3300;
   text-transform: uppercase;
   font-weight: bold;
}
ul#subnav li.nav_head a {
    text-decoration: none;
    border: 0px solid white;
}
ul#subnav li.nav_head a img {
    display: block;
    border: 0px solid white;
    margin: 0px;
}

ul#subnav li.sep {
    color: #cc3300;
    font-weight: bold;
    font-size: 12px;
}

ul#subnav img {
	margin-bottom:-4px;
	padding-top:5px;
    border: 0px solid white;
}

.subnav_text, .subnav_text a {
    text-decoration: none;
    color: #666666;
}
.subnav_selected {
    text-decoration: none;
    color: #cc3300;
}


#subpage_content {
    clear: both;
    margin: 0px 137px 0px 52px;
    padding: 26px 0px 37px 0px;
}
#subpage_content h1 {
    font-family: Lucida Grande, Verdana, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: #cc3300;
    letter-spacing: 1px;
    padding-top: 0px;
    margin-top: 0px;
}
#subpage_content h2 {
    font-family: Lucida Grande, Verdana, Arial, sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 2px 2px 2px 0px;
}
#subpage_content p {
    margin-top: 0px;
}




/**
 * sIFR styles
 */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



.sIFR-hasFlash .subnav_text, .sIFR-hasFlash .subnav_selected {
    visibility: hidden;
    font-size: 11px;
    height: 14px;
    line-height: 14px;
}


.sIFR-hasFlash h2 {
    visibility: hidden;
    line-height: 12px;
    font-size: 10px;
}