/*************************************************************
Sherry Smith Marketing Partner website

Written by Michael Trevino
March 2008

mtrevino78@yahoo.com
www.mt-space.net
*************************************************************/


/***  General site wide styles
*************************************************************/
html, body {margin: 0px; padding: 0px; background-color:#ffffff; font-family: Verdana, Helvetica, sans-serif;  height: 99%; text-align: center; }

p {margin: 0px 0px 10px 0px; padding:0; font-size: 10px; color: #4d483d; line-height:1.4em; font-family: Verdana, Helvetica, sans-serif;}
a {color: #a4db00; text-decoration:underline; font-weight: bold;}
h1{font-size: 16px; font-weight: bold; font-family: Verdana, Helvetica, sans-serif;}
h2{font-size: 14px; font-weight: bold; font-family: Verdana, Helvetica, sans-serif;}
h3{font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;}

.hide {display: none;}
.noSpacing {margin:0px; padding:0px}
.green {color:#a4db00;}
.burgandy {color:#69321f;}
.blue {color: #8dd6e8;}
.warmgray{color: #4d483d;}
.shim {	height: 4em;}

#pageWrap {margin: 0px auto 0px auto; padding:0px 0px 0px 0px; width:890px; border:#FFffff 1px solid; position: relative;   min-height: 90%;}


/****  Header styles
*************************************************************/
#header {width: auto; margin:25px 0px 0px 0px; padding:0px 0px 10px 0px;  position: relative; text-align:left;  }
#header h1 {background-image: url(../images/logo.gif); width:289px; height: 70px; min-height: 70px; margin:0px; padding:0px; position: relative;}
#header a {text-decoration:none; color: #ffffff}
#header a:hover {text-decoration:none; color: #ffe59f}


/****  Menu styles
*************************************************************/
#menu {margin: 0px 0px 0px 0px; padding:0px; position: absolute;  top: 44px; left: 305px; z-index:1; }

#menu ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#menu li {margin: 0px 17px 0px 0px; display:inline; font-size:10px; font-weight: bold; color:#69321f; list-style-type:none;}
#menu li a {color:#69321f; text-decoration:none;}
#menu li a:hover {color:#a4db00; text-decoration:none;}

#menu .on {color:#a4db00;}

/****  Content styles
*************************************************************/
#contentWrap{margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; position:relative; text-align:left; border-top: #d4cfc7 1px solid;}

#homepage {margin: 0px 0px 0px 0px; padding: 50px 0px 50px 260px; width:623px; }

#homepageBlueBox {margin: 4px 0px 0px 0px; padding:5px; width: auto; background-image:url(../images/background-agave-blue.jpg); background-position:left; background-repeat:no-repeat; background-color: #8dd6e8; text-align:left;  }
#homepageBlueBoxText {margin: 0px; padding:10px 7px 4px 7px; width: auto; text-align:left; border:#bbe6f1 1px solid;}
#homepageBlueBoxText h2 {margin: 2px 0px 4px 0px; padding:0px; font-size: 15px; color: #ffffff}
#homepageBlueBoxText ul{margin: 0px 0px 2px 0px; padding:0px; line-height:10px;}
#homepageBlueBoxText li{display: inline; margin: 0px 5px 0px 0px; padding: 0px 10px 0px 0px; font-size:9px; color:#FFFFFF; border-right:#c2e9f3 1px solid; list-style-type:none}
#homepageBlueBoxText li.top{display: inline; margin: 0px 6px 0px 0px; padding: 0px 12px 0px 0px; font-size:9px; color:#FFFFFF; border-right:#c2e9f3 1px solid; list-style-type:none}

#about {margin: 0px 0px 0px 0px; padding: 10px 0px 0px 265px; width:623px; }
#aboutPic {margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; float: left;}
#aboutContent {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 416px; float: left; }

#aboutText {margin: 10px 2px 0px 2px; padding: 0px 0px 0px 0px; }

#aboutBoxes {margin: 0px 0px 4px 0px; padding:0; }
#aboutBlue {margin: 0px 3px 0px 0px; padding: 0px auto 0px auto; width: 121px; height: 55px; min-height:55px; float:left; text-align:center;  background-color: #8dd6e8;}
#aboutBlue p {margin: 18px auto auto auto;  padding: 0; font-size: 15px; color:#FFFFFF; font-weight:bold; }

#aboutOrange{margin: 0px 3px 0px 0px; padding: 10px auto 10px auto; width: 156px;  height: 55px; min-height:55px; float:left; text-align:center; background-color: #ffa12e;}
#aboutOrange p {margin: 18px auto auto auto;  padding: 0; font-size: 15px; color:#FFFFFF; font-weight:bold;}
#aboutGreen{margin: 0px 3px 0px 0px; padding: 10px auto 10px auto; width: 128px;  height: 55px; min-height:55px; float:left; text-align:center; background-image:url(../images/about-agave-green.jpg); background-position:right; background-repeat:no-repeat; background-color: #a4db00;}
#aboutGreen p {margin: 18px auto auto auto;  padding: 0; font-size: 15px; color:#FFFFFF; font-weight:bold;}

#expertise {margin: 0px 0px 0px 0px; padding: 10px 0px 0px 90px; width:770px; }

#expertisePics {margin: 4px 20px 0px 0px; padding: 0px 0px 0px 0px; width:350px; float:left;}
#expertisePics .exPic{margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; width:113px; float:left;}

#expertiseText {margin: 0; padding: 0; width:390px; float:left;}
#expertiseText ul {margin: 0px 0px 10px 0px; padding:0;}
#expertiseText li {margin: 0px 0px 0px 0px; padding:0; font-size: 10px; line-height:1.4em; font-family: Verdana, Helvetica, sans-serif; list-style-type:none;}

#fun {margin: 0px 0px 0px 20px; padding: 10px 0px 0px 20px; width:870px; }
#funPie {margin: 70px 40px 0px 0px; padding: 0px 0px 0px 0px; width:336px; float:left;}

#funRight {margin: 0; padding: 0; width:465px; float:left;}
#funPictures {margin: 0; padding: 0; width:475px;}
#funPictures .funPic{margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px;float:left;}

#funContent {margin: 10px 0; padding: 0; float:left;}

#work {margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; width: auto; }

#workMenu {margin: 0px 0px 0px 0px; padding: 0; width: 85px; float:left; }
#workMenu ul {margin: 0px 0px 10px 0px; padding:0;}
#workMenu li {margin: 0px 0px 4px 0px; padding:0; font-size: 10px; line-height:1.4em; font-family: Verdana, Helvetica, sans-serif; list-style-type:none; color:#4d483d;}
#workMenu li a {color:#4d483d; text-decoration:none; font-weight:normal;}
#workMenu li a:hover {color:#a4db00; text-decoration:none; font-weight:normal;}
#workMenu  .on {color:#a4db00; font-weight:bold;}
#workFlash {margin: 0; padding: 0; width: 770px; float:right; }

/****  Footer styles
*************************************************************/

#footer {width:890px;  margin:0px auto 0px auto; padding:0px 0px 10px 0px;  position: absolute;	bottom: 0; left:0; }

#footerName {margin: 0px 0px 3px 0px; padding:0px; text-align:left; border-bottom: #d4cfc7 1px solid;}
#footerName p{margin: 0px 0px 3px 0px; padding:0px; font-size: 9px;}

#contact {margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; }
#contact p {margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size: 9px;  }
#contact a {font-weight: normal; }

#copyright {margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;  float:right; }
#copyright p {margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size: 9px;  }