@charset "UTF-8";
    /* CSS Document */

    * {
        margin: 0px;
        padding: 0px;
    }

    body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #333333;
        background-color: #FFFFFF;
        }
    h3 {
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 2em;
        font-size: 9px;
    }
    p {
        margin-bottom: 1em;
    }
    #container {
        height: 662px;
        width: 1034px;
        position: relative;
        text-align: center;
        margin: 0 auto;
    }
    #container_home {
	height: 616px;
	width: 1032px;
	position: relative;
	text-align: center;
	margin: 0 auto;
            }
          
    #container_whoweare {
        height: 960px;
        width: 1034px;
        position: relative;
        text-align: center;
        margin: 0 auto;
    } 

    #container_community {

        height: 960px;
        width: 1034px;
        position: relative;
        text-align: center;
        margin: 0 auto;
    }


    /*community images*/


    #whatwemake_textwrapper {
        height: 740px;
        width: 720px;
        text-align: left;
        position: absolute;
        left: 266px;
        top: 89px;
        text-transform: uppercase;
        }
    #bottom_home {
        height: 544px;
        width: 1024px;
        position: absolute;
        top: 72px;
        left: 5px;
    }
    #bottom1 {
        height: 886px;
        width: 1076px;
        position: absolute;
        top: 72px;
        left: 0px;
    }
    #bottom2 {
	height: 886px;
	width: 1024px;
	position: absolute;
	top: 72px;
	left: 1px;
    }
    #bottom {
        height: 513px;
        width: 1076px;
        position: absolute;
        top: 73px;
        left: 0px;
    }

    #left_text {
        height: 327px;
        width: 175px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 0px;
        top: 92px;
        text-transform: none;
        padding: 10px;
        }
    #all_bios_wrapper {
        height: 797px;
        width: 765px;
        position: absolute;
        left: 264px;
        top: 92px;
    }
    #info {
        height: 90px;
        width: 140px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #728220;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 800px;
        top: 400px;
        padding: 10px;
        text-transform: uppercase;
        }
    #wearegg {
        background-image: url(images/navigation/wearegg_wh.png);
        background-repeat: no-repeat;
        height: 177px;
        width: 426px;
        position: absolute;
        left: 40px;
        top: 270px;
    }

    #boxes {
	height: 540px;
	width: 1024px;
	position: absolute;
	top: 3px;
	position: relative;
	margin: 0 auto;
	left: 4px;
    }
    #aboxes {
        background-image: url(images/navigation/home_a.jpg);
        height: 520px;
        width: 1011px;
        left: 6px;
        position: absolute;
        background-repeat: no-repeat;
        top: 11px;
    }

    /*navigation*/

    #howwework_nav  {
        background-image: url(images/navigation/howwework_b.gif);
        height: 72px;
        width: 137px;
        position: absolute;
        display: block;
        left: 0px;
        top: 0px;
    }
    #howwework_nav:hover  {
        background-image: url(images/navigation/howwework_ro.gif);
    }
    #howwework_nav1  {
        background-image: url(images/navigation/howwework_ro.gif);
        height: 72px;
        width: 137px;
        position: absolute;
        display: block;
        left: 0px;
        top: 0px;
    }
    #whatwemake {
        display: block;
        height: 72px;
        width: 127px;
        position: absolute;
        left: 137px;
        background-image: url(images/navigation/whatwemake_b.gif);
        background-repeat: no-repeat;
    }
    #whatwemake:hover {
        background-image: url(images/navigation/whatwemake_ro.gif);
    }
    #whatwemake1 {
        display: block;
        height: 72px;
        width: 127px;
        position: absolute;
        left: 137px;
        background-image: url(images/navigation/whatwemake_ro.gif);
        background-repeat: no-repeat;
    }
    #whoweare {
        display: block;
        height: 72px;
        width: 127px;
        position: absolute;
        left: 264px;
        background-image: url(images/navigation/whoweare_b.gif);
        background-repeat: no-repeat;
    }
    #whoweare:hover {
        background-image: url(images/navigation/whoweare_ro.gif);
    }

    #whoweare1 {
        display: block;
        height: 72px;
        width: 127px;
        position: absolute;
        left: 264px;
        background-image: url(images/navigation/whoweare_ro.gif);
        background-repeat: no-repeat;
    }

    #gginthecomm {
        display: block;
        height: 72px;
        width: 127px;
        position: absolute;
        left: 391px;
        background-image: url(images/navigation/gginthecomm_b.gif);
        background-repeat: no-repeat;
    }
    #gginthecomm:hover {
        background-image: url(images/navigation/gginthecomm_ro.gif);
    }
    #gginthecomm1 {
        display: block;
        height: 72px;
        width: 127px;
        position: absolute;
        left: 391px;
        background-image: url(images/navigation/gginthecomm_ro.gif);
        background-repeat: no-repeat;
    }
    #goodnews {
        display: block;
        height: 72px;
        width: 127px;
        position: absolute;
        left: 518px;
        background-image: url(images/navigation/goodnews_b.gif);
        background-repeat: no-repeat;
    }
    #goodnews:hover {
        background-image: url(images/navigation/goodnews_ro.gif);
    }
    #goodnews1 {
        display: block;
        height: 72px;
        width: 127px;
        position: absolute;
        left: 518px;
        background-image: url(images/navigation/goodnews_ro.gif);
        background-repeat: no-repeat;
    }

    #goodthings {
        display: block;
        height: 72px;
        width: 127px;
        position: absolute;
        left: 645px;
        background-image: url(images/navigation/goodthings_b.gif);
        background-repeat: no-repeat;
    }
    #goodthings:hover {
        background-image: url(images/navigation/goodthings_nav_ro.gif);
    }
    #goodthings1 {
        display: block;
        height: 72px;
        width: 127px;
        position: absolute;
        left: 645px;
        background-image: url(images/navigation/goodthings_nav_ro.gif);
        background-repeat: no-repeat;
    }

    #contact {
        display: block;
        height: 72px;
        width: 133px;
        position: absolute;
        left: 772px;
        background-image: url(images/navigation/contact_b.png);
        background-repeat: no-repeat;
    }
    #contact:hover {
        background-image: url(images/navigation/contact_ro.gif);
    }
    #contact1 {
        display: block;
        height: 72px;
        width: 133px;
        position: absolute;
        left: 772px;
        background-image: url(images/navigation/contact_ro.gif);
        background-repeat: no-repeat;
    }
    #goodgoodland {
        display: block;
        height: 72px;
        width: 130px;
        position: absolute;
        left: 904px;
        background-image: url(images/navigation/gg_lightblue.gif);
        background-repeat: no-repeat;
    }
    #goodgoodland1 {
        display: block;
        height: 72px;
        width: 130px;
        position: absolute;
        left: 904px;
        background-image: url(images/navigation/gg_red.gif);
        background-repeat: no-repeat;
    }

    #goodgoodland2 {
        display: block;
        height: 72px;
        width: 130px;
        position: absolute;
        left: 904px;
        background-image: url(images/navigation/gg_orange.gif);
        background-repeat: no-repeat;
    }

    #goodgoodland3 {
        display: block;
        height: 72px;
        width: 130px;
        position: absolute;
        left: 904px;
        background-image: url(images/navigation/gg_purple.gif);
        background-repeat: no-repeat;
    }

    #goodgoodland4 {
        display: block;
        height: 72px;
        width: 130px;
        position: absolute;
        left: 904px;
        background-image: url(images/navigation/gg_yellow.gif);
        background-repeat: no-repeat;
    }

    #goodgoodland5 {
        display: block;
        height: 72px;
        width: 130px;
        position: absolute;
        left: 904px;
        background-image: url(images/navigation/gg_blue.gif);
        background-repeat: no-repeat;
    }

    #goodgoodland6 {
        display: block;
        height: 72px;
        width: 130px;
        position: absolute;
        left: 904px;
        background-image: url(images/navigation/gg_brown.gif);
        background-repeat: no-repeat;
    }

    #goodgoodland7 {
        display: block;
        height: 72px;
        width: 130px;
        position: absolute;
        left: 904px;
        background-image: url(images/navigation/gg_green.gif);
        background-repeat: no-repeat;
    }


    /*sub navigation*/

    #printnav  {
        background-image: url(images/navigation/subnavigation_01.png);
        height: 25px;
        width: 47px;
        position: absolute;
        display: block;
        left: 0px;
        top: 0px;
    }
    #printnav:hover  {
        background-image: url(images/navigation/subnavigation_bl_01.png);
    }
    #printnav1  {
        background-image: url(images/navigation/subnavigation_bl_01.png);
        height: 25px;
        width: 47px;
        position: absolute;
        display: block;
        left: 0px;
        top: 0px;
    }

    #filmnav  {
        background-image: url(images/navigation/subnavigation_02.png);
        height: 25px;
        width: 39px;
        position: absolute;
        display: block;
        left:47px;
        top: 0px;
    }
    #filmnav:hover  {
        background-image: url(images/navigation/subnavigation_bl_02.png);
    }
    #filmnav1  {
        background-image: url(images/navigation/subnavigation_bl_02.png);
        height: 25px;
        width: 39px;
        position: absolute;
        display: block;
        left: 47px;
        top: 0px;
    }


    #spacenav  {
        background-image: url(images/navigation/subnavigation_03.png);
        height: 25px;
        width: 55px;
        position: absolute;
        display: block;
        left:86px;
        top: 0px;
    }
    #spacenav:hover  {
        background-image: url(images/navigation/subnavigation_bl_03.png);
    }
    #spacenav1  {
        background-image: url(images/navigation/subnavigation_bl_03.png);
        height: 25px;
        width: 55px;
        position: absolute;
        display: block;
        left: 86px;
        top: 0px;
    }


    #interactionnav  {
        background-image: url(images/navigation/subnavigation_04.png);
        height: 25px;
        width: 86px;
        position: absolute;
        display: block;
        left:141px;
        top: 0px;
    }
    #interactionnav:hover  {
        background-image: url(images/navigation/subnavigation_bl_04.png);
    }
    #interactionnav1  {
        background-image: url(images/navigation/subnavigation_bl_04.png);
        height: 25px;
        width: 86px;
        position: absolute;
        display: block;
        left: 141px;
        top: 0px;
    }


    #textilenav  {
        background-image: url(images/navigation/subnavigation_05.png);
        height: 25px;
        width: 49px;
        position: absolute;
        display: block;
        left: 227px;
        top: 0px;
    }
    #textilenav:hover  {
        background-image: url(images/navigation/subnavigation_bl_05.png);
    }
    #textilenav1  {
        background-image: url(images/navigation/subnavigation_bl_05.png);
        height: 25px;
        width: 49px;
        position: absolute;
        display: block;
        left: 227px;
        top: 0px;
    }


    /*end sub navigation*/


    /*column divs*/


    #two_column1 {
        height: 238px;
        width: 224px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 0;
        top: 0px;
        padding: 10px;
        text-transform: none;
        }
    #two_column2 {
        height: 238px;
        width: 224px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 253px;
        top: 0px;
        padding: 10px;
        text-transform: none;
        }
    #two_column3 {
        height: 238px;
        width: 224px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 506px;
        top: 0px;
        padding: 10px;
        text-transform: none;
        }
    #two_column4 {
        height: 238px;
        width: 224px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 0px;
        top: 267px;
        padding: 10px;
        text-transform: none;
        }
    #two_column5 {
        height: 238px;
        width: 224px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 253px;
        top: 267px;
        padding: 10px;
        text-transform: none;
        }
    #two_column6 {
        height: 238px;
        width: 224px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 506px;
        top: 267px;
        padding: 10px;
        text-transform: none;
        }

    #two_column7 {
        height: 238px;
        width: 224px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 0px;
        top: 534px;
        padding: 10px;
        text-transform: none;
        }
    #two_column8 {
        height: 238px;
        width: 224px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 517px;
        top: 697px;
        padding: 10px;
        text-transform: none;
        }
    #two_column9 {
        height: 238px;
        width: 224px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 772px;
        top: 695px;
        padding: 10px;
        text-transform: none;
        }

    /*color classes*/

    .green {
        background-color: #6ba143;
    }
    .orange {
        background-color: #d5711b;
    }
    .purple {
        background-color: #86395b;
    }
    .blue {
        background-color: #5688c3;
    }
    .brown {
        background-color: #724d33;
    }.yellow {
        background-color: #d8b211;
    }
    .lightblue {
        background-color: #6dcff6;
    }
    .white {
        background-color: #FFFFFF;
    }
    .red {
        background-color: #aa150f;
    }


    /*image floats*/

    img.floatLeft {
        float: left;
        margin: 4px;
    }
    img.floatRight {
        float: right;
        margin: 4px;
    }  
    .photoimage {
        height: 166px;
        width: 116px;
        background-color: #00FFFF;
        margin-bottom: 10px;
        padding: 0px;
        margin-top: 0px;
        margin-right: 10px;
        margin-left: 0px;
    }

    /*color corners*/

    .redcorner {
        background-image: url(images/navigation/corner_red.gif);
        background-repeat: no-repeat;
        background-position: right top;
    }
    .orangecorner {
        background-image: url(images/navigation/corner_or.gif);
        background-repeat: no-repeat;
        background-position: right top;
    }
    .yllwcorner {
        background-image: url(images/navigation/corner_yllw.gif);
        background-repeat: no-repeat;
        background-position: right top;
    }
    .ltbluecorner {
        background-image: url(images/navigation/corner_ltbl.gif);
        background-repeat: no-repeat;
        background-position: right top;
    }
    .drblcorner {
        background-image: url(images/navigation/corner_drbl.gif);
        background-repeat: no-repeat;
        background-position: right top;
    }
    .purplecorner {
        background-image: url(images/navigation/corner_prple.gif);
        background-repeat: no-repeat;
        background-position: right top;
    }
    .browncorner {
        background-image: url(images/navigation/corner_brwn.gif);
        background-repeat: no-repeat;
        background-position: right top;
    }

    .greencorner {
        background-image: url(images/navigation/corner_gr.gif);
        background-repeat: no-repeat;
        background-position: right top;
    }


    /*community images*/


    #com_image4 {
        height: 238px;
        width: 224px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 0px;
        top: 268px;
        padding: 10px;
        text-transform: uppercase;
        }
    #com_image5 {
        height: 238px;
        width: 224px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 255px;
        top: 268px;
        padding: 10px;
        text-transform: uppercase;
        }
    #com_image6 {
        height: 238px;
        width: 224px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 509px;
        top: 268px;
        padding: 10px;
        text-transform: uppercase;
        }

    /*links */

    a{
        color: #333333;
        text-decoration: none;
        font-weight: bold;
    }
    a:link {
        color: #333333;
        text-decoration: none;
        font-weight: bold;
    }
    a:hover {
        color: #CC3300;
        text-decoration: none;
        font-weight: bold;
        border: 0;
    }
    a:active {
        color: #333333;
        text-decoration: none;
        font-weight: bold;
        border: 0;
    }

    a img { border: 0; }

    a.placeholderbox:link {
        text-decoration: none;
        color: #FFFFFF;
    }
    a.placeholderbox:visited {
        text-decoration: none;
        color: #FFFFFF;
    }
    a.placeholderbox:hover {
        text-decoration: none;
        color: #FFFFFF;
    }
    a.placeholderbox:active {
        text-decoration: none;
        color: #FFFFFF;
    }

    /*links */

    .redtype {
        color: #aa150f;
    }

    .browntype {
        color: #724d33;
    }
    .yellowtype {
        color: #d8b211;
    }

    #right_text {
        height: 327px;
        width: 175px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 825px;
        top: 92px;
        text-transform: none;
        padding: 10px;
        }
      
    #right_text_ext {
        height: 327px;
        width: 225px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 825px;
        top: 92px;
        text-transform: none;
        padding: 10px;
        }
      
    #right_text_2 {
        height: 204px;
        width: 175px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 824px;
        top: 484px;
        text-transform: none;
        padding: 10px;
        }  

    #four_column1 {
        height: 260px;
        width: 474px;
        text-align: left;
        background-color: #FFFFFF;
        position: absolute;
        left: 264px;
        top: 92px;
        padding: 10px;
        text-transform: uppercase;
        } 
    #four_column2 {
        height: 2157px;
        width: 508px;
        text-align: left;
        position: absolute;
        left: 264px;
        top: 92px;
        text-transform: uppercase;
        background-color: #FFFFFF;
        padding-top: 10px;
        padding-left: 10px;
        }
      
        #four_column3 {
        height: 700px;
        width: 508px;
        text-align: left;
        position: absolute;
        left: 262px;
        top: 91px;
        background-color: #6BA143;
        }  
    .sidemargin {
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .whatwedo_sidemargin {
        margin-right: 9px;
        margin-bottom: 9px;
    }
    #subnav    {
        height: 25px;
        width: 276px;
        position: absolute;
        top: 59px;
        left: 262px;
    }
    #goodnewshead {
    background-image: url(images/goodnews.gif);
    position: absolute;
        left: 0px;
        top: 164px;
    height: 120px;
    width: 200px;
}