/* CSS Document */

/* GREEN Stylesheet for Scottyman Media! -----------------------------------*/


* {
margin: 0;
padding: 0;
}

#wrapper {
position: relative;
padding: 0;
margin: 0 auto;
width: 833px;
height: auto;
background-image: url("../images/green/images/g_107.gif");
background-repeat: repeat-y;
}

#candy {
position: relative;
top: 0px;
left: 16px;
width: 801px;
height: auto;
background-color: #FFFFFF;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #404040;
line-height: 160%;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #3d660e;
font-size: 16px;
padding-top: 40px;
padding-left: 35px;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #3d660e;
font-size: 18px;
background-image:url("../images/subnav/images/green_left.gif");
background-repeat: no-repeat;
background-position: top left;
padding-top: 10px;
padding-left: 35px;
font-weight: bold;
}


h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #3d660e;
font-size: 14px;
font-weight: bold;
margin: 0 0 5px 42px;
}

h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}

hr {
width: 550px; 
margin-left: 25px;
}

.title {
background-image:url("../images/subnav/images/green_grad.gif");
background-position: top left;
background-repeat: repeat-x;
width: 605px;
height: 45px;
float: right;
margin: 30px 0px 10px 0px;
}

.title a, .title a:link, .title a:hover, .title a:visited {
color: #3d660e;
font-style: normal;
text-decoration: none;
}


/* HEADER ------------------------------------------------------------
----------------------------------------------------------------------
----------------------------------------------------------------------*/

#header {
position: relative;
top: 0px;
left: 0px;
width: 801px;
height: 45px;
background-color: #3d660e;
z-index: 1;
}

#logo {
position: absolute;
display: block; 
top: 19px;
left: 20px;
background-image: url("../images/green/images/g_13.gif");
background-position: top left;
background-repeat: no-repeat;
z-index: 2;
}

#logo a {
display: block;
width: 341px;
height: 113px;
}

#header ul {
position: absolute;
top: 10px;
left: 647px;
width: 150px;
height: auto;
}

#header li {
list-style-type: none;
float: right;
height: auto;
display: block;
}

#header a {
display: block;
}

.sm_text a {
width: 23px;
height: 20px;
background-image: url("../images/green/images/g_08.gif");
background-position: top left;
background-repeat: no-repeat;
}

.lg_text a {
width: 32px;
height: 20px;
background-image: url("../images/green/images/g_09.gif");
background-position: top left;
background-repeat: no-repeat;
}

#header h5 {
position: absolute;
top: 30px;
left: 687px;
padding-right: 4px;
color: #ffffff;
}

/* NAVIGATION -------------------------------------------------------
---------------------------------------------------------------------
--------------------------------------------------------------------- */

#leftnav {
position: absolute;
top: 225px;
left: 3px;
width: 196px;
height: 208px;
margin: 0px;
padding: 0px;
}

#leftnav ul {
top: 0px;
left: 0px;
height: 208px;
margin: 0px;
padding: 0px;
}

#leftnav li {
list-style-type: none;
display: block;
margin: 0px;
padding: 0px;
height: 50px;
}

#leftnav a, #leftnav a:visited {
display: block;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 18px;
text-align: right;
padding-right: 75px;
letter-spacing: 2px;
text-decoration: none;
color: #3d660e;
line-height: 50px;
height: 50px;
}

#leftnav a:hover {
display: block;
padding-right: 75px;
font-size: 18px;
background-image:url("../images/subnav/images/arow_right.gif");
background-repeat: no-repeat;
background-position: center right;
color: #2b2929;
line-height: 50px;
height: 50px;
}

#leftnav .link-on a, #leftnav .link-on a:visited, #leftnav .link-on a:hover {
display: block;
font-style: italic;
font-size: 18px;
padding-right: 65px;
letter-spacing: 0px;
font-weight: bold;
color: #3d660e;
background-image:url("../images/green/images/talking.gif");
background-repeat: no-repeat;
background-position: center right;
line-height: 50px;
height: 50px;
text-transform: uppercase;
}



/* BODY -------------------------------------------------------------
---------------------------------------------------------------------
---------------------------------------------------------------------*/

#body {
float: left;
margin-top: 20px;
width: 801px;
height: auto;
background-image: url("../images/green/images/g_23.gif");
background-repeat: repeat-x;
background-position: top left;
background-color: #90e240;
}

/* SITECOLOR ---------------------------------------- */

#sitecolor {
position: absolute;
top: 50px;
left: 598px;
width: 203px;
height: 100px;
}

#sitecolor li {
list-style-type: none;
float: right;
height: auto;
display: block;
padding-left: 2px;
}

#sitecolor img {
border: none;
}

#sitecolor h5 {
position: absolute;
top: 22px;
left: 60px;
width: auto;
color: #3d660e;
}

/* CONTACT INFO --------------------------------- */

#contact ul {
position: absolute;
top: 155px;
left: 270px;
width: 543px;
height: 36px;
}

#contact li {
list-style-type: none;
float: left;
height: 36px;
display: block;
padding-left: 30px;
}

.phone {
width: 120px;
height: 36px;
background-image: url("../images/green/images/g_37.gif");
background-position: top left;
background-repeat: no-repeat;
}

.fax {
width: 133px;
height: 36px;
background-image: url("../images/green/images/g_39.gif");
background-position: top left;
background-repeat: no-repeat;
}

.email {
width: 200px;
height: 36px;
background-image: url("../images/green/images/g_41.gif");
background-position: top left;
background-repeat: no-repeat;
}

/* BODYCONTENT:STRUCTURE ----------------------------------------*/


#bodycontent {
float: right;
width: 610px;
margin: 0px;
height: auto;
background-color: #ffffff;
background-image: url("../images/green/images/g_65.gif");
background-position: top left;
background-repeat: repeat-y;
}

#bb {
float: right;
width: 610px;
height: 36px;
background-image: url("../images/green/images/test_87.gif");
background-position: bottom left;
background-repeat: no-repeat;
margin-bottom: 20px;
}

#bb-right {
position: relative;
top: 0px;
left: 36px;
width: 574px;
height: 36px;
background-color: #ffffff;
background-image: url("../images/green/images/g_100.gif");
background-position: bottom left;
background-repeat: repeat-x;
z-index: 2;
}

#tb {
float: right;
margin-top: 130px;
width: 610px;
height: 37px;
background-color:#ffffff;
background-image: url("../images/green/images/g_49.gif");
background-position: top left;
background-repeat: no-repeat;
}

#tb-right {
position: relative;
top: 0px;
left: 36px;
width: 574px;
height: 5px;
background-color: #ffffff;
background-image: url("../images/green/images/g_51.gif");
background-position: top left;
background-repeat: repeat-x;
z-index: 2;
}

/* BODYCONTENT:CONTENT ----------------------------------------*/

#bodycontent p {
margin: 0px 20px 10px 50px;
}

#bodycontent p a {
color: #3d660e;
text-decoration: underline;
font-style: italic;
}

#bodycontent a:hover {
color: #000;
}

.thumb {
border: 1px solid #969798;
margin: 0px 15px 10px 15px;
float: right;
}

#hgraph {
position: absolute;
top: 225px;
left: 220px;
width: auto;
height: auto;
}

#resume {
position: absolute;
top: 199px;
left: 641px;
width: 188px;
height: 91px;
z-index: 2;
}

#resume img {
border: none;
}

.anchorDN {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #3d660e;
padding-left: 15px;
background-image:url("../images/subnav/images/dn_arrow.gif");
background-repeat: no-repeat;
background-position: center left;
}

.anchorUP {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #3d660e;
padding-left: 15px;
background-image:url("../images/subnav/images/up_arrow.gif");
background-repeat: no-repeat;
background-position: center left;
}


/* WELCOME ----------------------------------------*/

#scotty {
position: absolute;
top: 230px;
left: 645px;
width: 140px;
height: 200px;
}

ul#products {
display: block;
width: 580px;
height: 120px;
margin: 0px 30px 18px 0px;
padding: 0px;
}

#products li {
display: block;
float: right;
list-style-type: none;
margin: 0px 0px 0px 35px;
padding: 0px;
}

/* TOOLS OF THE TRADE - CSS */
/*  isTabs ~ Sean Catchpole  http://www.sunsean.com/idTabs/#t3  */
/* Style for Usual tabs */
.usual {
background: #3d660e;
color:#111;
border: 1px solid #3d660e;
width:550px;
margin: 8px 10px 10px 42px;
}

.usual img {border: none;}

.usual li { list-style:none; float:left; }

.usual ul a {
display:block;
padding:6px 6px 10px 6px;
text-decoration:none!important;
border-bottom:1px solid #3d660e;
margin-left: 1px;
font:10px Verdana;
color:#FFF;
background:#fff;
}

.usual ul a:hover {
color:#FFF;
background:#444;
}

.usual ul a.selected {
margin-bottom:0;
color:#000;
background:#444;
border-bottom:1px solid #3d660e;
cursor:default;
}

.usual div {
padding:10px 10px 15px 10px;
padding-top: 15px;
clear:left;
background:#fff;
font:10pt Verdana;
}

.usual h6 {
font-size: 14px;
font-weight: bold;
padding-top: 0px;
padding-left: 0px;
}

#desc {
margin: 0px;
padding: 5px 10px 5px 10px;
color: #404040;
}

#desc a, #desc a:link, #desc a:visited { 
color: #3d660e; 
font-style: normal;
text-decoration: underline;
}

#desc a:hover {
text-decoration: none;
color: #636363;
text-decoration: underline;
}


/* PORTFOLIO ------------------------------------------*/

.enlarge {
text-align: right;
}

/* RATES ------------------------------------------*/


ol.rates {
width: 570px;
padding: 0px;
margin: 0px;
}

.rates li {
margin-left: 80px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #404040;
line-height: 160%;
margin-bottom: 7px;
}


/* CONTACT ------------------------------------------*/


#contactlinks a, #contactlinks a:link, #contactlinks a:visited {
font-style: normal;
text-decoration: underline;
}




/* FOOTER -----------------------------------------------------------
---------------------------------------------------------------------
---------------------------------------------------------------------*/


#footer {
position: relative;
top: auto;
clear: both;
width: 801px;
height: 75px;
background-color: #90e240;
border-bottom: 2px solid #3d660e;
background-image: url("../images/footline_green.gif");
background-position: top left;
background-repeat: repeat-x;
}

#footer ul {
float: left;
display: block;
list-style: none;
margin-top: 30px;
margin-left: 10px;
}

#footer li {
display: block;
float: left;
margin-right: 15px;
}


#foottext {
position: absolute;
top: 22px;
left: 335px;
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #3d660e;
width: 450px;
line-height: 25px;
}



#foottext a, a:link {
text-decoration: none;
color: #3d660e;
}

#foottext a:hover {
text-decoration: underline;
}