/* Default CSS Stylesheet for a new Web Application project */

body{
    font-size: 12px;
    font-family: Tahoma;
    line-height: 20px;
    
    color: #333333;
    margin: 0;
    padding: 0;
    background-image: url('../images/bg.jpg');
    background-repeat: repeat;
    background-color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6{ color: #333333; font-family: Times New Roman; letter-spacing: 2px; clear: both; }

h1{ font-size: 18px; }
h2{ font-size: 26px; text-align: left;
    border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #FF6600; padding-bottom: 8px; }  
h3{ font-size: 16px; text-align: left;
    border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #FF6600; padding-bottom: 8px; }

a{              text-decoration: none; color: #5F5F5F; }
a:hover{        text-decoration: underline; }
.align_center{  text-align: center; }

div#Container{  margin-top: 5px; margin-left: auto; margin-right: auto;
                width: 970px; height: 100%; clear: right; background-color: #FFFFFF; }

div#Content{    min-height: 600px; margin-bottom: 20px; width: 710px;margin-left: 10px; background-color: #FFFFFF; }

div#PageTagLine{float: left; width: 900px; padding-top: 7px; text-align: left; font-family: Tahoma; font-size: 11px; }

.PageContent{   width: 710px; float: left; margin-bottom: 5px; }


/*      LYONSOLUTIONS   */

div#LyonSolutionsLogoSpace{ height: 100px; width: 500px; position: relative; top: 12px; left: 10px; }

div#LyonSolutionsLogoSpace h1{ display:none; }
.LyonSolutionsText{ position: relative; top: -70px; }


/*      HEADER      */

div#Header_Strip{   background-repeat: repeat-x; background-image: url('../images/header_bg.jpg'); height: 30px; }

div#Header_Right{   width: 350px; height: 60px; float: right; padding-top: 20px; }
div#Header_Right p{ line-height: 20px; font-size: 16px; color: #333333; }


/*      MISC    */

.hidden_text{       display: none; }



/*      PACKAGES    */

div#Home_Packages{  float: left; width: 729px; height: 300px; left: -15px; position: relative; }

div#Home_Packages h1, 
div#Home_Packages h2,
div#Home_Packages h3{   margin-left: 20px; margin-right: 20px; margin-top: 30px; 
                        text-align: center; color: #FFFFFF; border-bottom-style: none; }

div#Home_Packages h2{ font-size: 18px; }
div#Home_Packages h3{ font-size: 12px; }

div#Home_Packages .Package_Content{ height: 160px; font-size: 11px; margin-left: 16px; }

.PackageGreen, 
.PackageBlue, 
.PackageRed{    width: 243px; height: 296px; float: left; }

.PackageGreen{  background-image: url('../images/package_green.jpg'); background-repeat: no-repeat; }
.PackageBlue{   background-image: url('../images/package_blue.jpg'); background-repeat: no-repeat; }
.PackageRed{    background-image: url('../images/package_red.jpg'); background-repeat: no-repeat; }



/*      NAVIGATION      */

div#Navigation_Top, div#Navigation_Bottom{ text-align: center; color: #CCCCCC; left: 102px;}

div#Navigation_Top a, div#Navigation_Bottom a{  color: #CCCCCC; }

div#Navigation_Top{ background-image: url('../images/nav_top_bg.jpg'); height: 108px; width: 960px;  }

.nav_top_text{      padding-top: 35px; float: left; width: 916px; height: 30px; }

.nav_top_left{      background-image: url('../images/nav_top_left.jpg'); height: 110px; width: 20px; float: left;}
.nav_top_right{     background-image: url('../images/nav_top_right.jpg'); height: 110px; width: 20px; float: right; }

div#Navigation_Bottom{  width: 700px; height: 80px; top: -31px; position: relative; 
                        background-repeat: repeat-x; background-image: url('../images/nav_footer_bg.jpg'); }

.nav_bottom_text{   height: 30px; width: 657px; float: left; padding-top: 30px; }
.nav_bottom_left{   background-image: url('../images/nav_footer_left.jpg'); height: 80px; width: 20px; float: left; }
.nav_bottom_right{  background-image: url('../images/nav_footer_right.jpg'); height: 80px; width: 20px; float: right; }




/*      HOME        */

.Home_Content{          float: left; clear: both; width: 600px; }

div#Home_RecentlyLive{  float: left; padding-top: 20px; width: 710px; }

.Home_RecentlyLive_Site{        width: 230px; margin-left: 2px; margin-right: 2px; float: left; }
.Home_RecentlyLive_Site img{    width: 230px; height: 177px; padding-bottom:10px; }
.Home_RecentlyLive_Site a{      width: 230px; float: left; margin-bottom:10px;text-align:center; }
.Home_RecentlyLive_Site p{      font-size: 11px; }


div#Home_Portfolio{             float: left; clear: right; width: 710px; padding-top: 20px; padding-bottom: 20px; }
.Home_Portfolio_Site{           float: left; width: 130px; text-align: center;
                                padding-left: 5px; padding-right: 5px; padding-bottom: 20px;}
.Home_Portfolio_Site img{       width: 120px; height: 92px; margin-bottom: 10px; }

.Portfolio_Site h3{             font-size: 14px; text-align: center; color: #FF8000; }




/*      CURRENT PROJECTS    */

div#CurrentProjects_List{       min-height: 200px; font-size: 12px; font-family: Tahoma; color: #333333;
                                letter-spacing: 1px; line-height: 15px; width: 700px; }
.CurrentProjects_List_Site {    float: left; width: 700px; border: 1px solid #C0C0C0; background-color: #FFFFFF;
                                margin-bottom: 10px; margin-right: 5px; padding-right: 5px; padding-left: 5px; }
.CurrentProjects_List_Site img{ float: left; width: 230px; height: 177px; padding-right: 10px; padding-bottom: 10px;}
.CurrentProjects_List_Site a{   float: left; margin-top: 20px; margin-bottom: 20px; }



/*      PORTFOLIO       */

div#Portfolio{          padding-top: 20px; padding-bottom: 40px; z-index: 1; float: left; width: 715px;}
div#Portfolio img{      margin-bottom: 5px; width: 230px; height: 177px; }
div#Portfolio p{        float: left; clear: both;}

.Portfolio_Site{        border-width: 1px; border-color: #C0C0C0; background-color: #FFFFFF;
                        float: left; width: 230px; height: 350px; overflow: hidden;
                        margin-bottom: 10px; margin-right: 1px; padding-right: 2px; padding-left: 2px;
                        border-left-style: solid; border-bottom-style: solid; }

.Portfolio_More{        clear: both; text-align: center; width: 200px; height: 15px; float: left; }


/*      WEBSITE DETAILS     */

div#WebsiteDetails{         float: left; min-height: 500px; width: 710px; }

.WebsiteDetails_ImageLarge{ padding: 5px; width: 500px; height: 384px; border: 1px solid #C0C0C0;
                            float: left; margin-bottom: 10px; }

div#WebsiteDetails p{       float: left; clear: both; width: 700px;}

div#WebsiteDetails_Thumbs_List{         width: 170px; height: 384px; padding: 5px 5px 20px 5px; margin: 5px; float: right; }

.WebsiteDetails_Thumbs_List_Thumbnail{  width: 120px; height: 92px; text-align: center;
                                        background-color: #FFFFFF; border: 1px solid #C0C0C0; 
                                        padding: 5px 5px 5px 5px; margin-bottom: 10px;}

/*      RIGHT BAR       */


div#Content_Rightbar{       float: right; width: 210px;  }
div#Content_Rightbar h3{    color: #FFFFFF; font-size: 14px; text-align: center;}

.Content_Rightbar_Text{     margin-left: 15px; margin-right: 15px; min-height: 120px; color: #000000; font-size: 11px; }
.Content_Rightbar_Container{background-image: url('../images/right_bar_bg.jpg'); margin-bottom: 10px; }

.Content_Rightbar_Text a{   text-decoration: underline; color: #000000; font-style: italic; }
.Content_Rightbar_Text a:hover{text-decoration: none; }





/*      FOOTER      */

div#Footer {    height: 307px; width: 960px; color: #808080; float: left; z-index: -1; margin-top: 30px;
                background-repeat: repeat-x; background-image: url('../images/footer_top_bg.jpg'); background-color: #111111;}

div#Footer_Content{ position: relative; float: left; height: 170px; width: 890px;}
div#Footer_Content a{   color:#CCCCCC; }
div#Footer_Content p{   margin-bottom: 0px; margin-top: 8px; }
div#Footer_Content h2{  font-family: Times New Roman; font-size: 16px; text-align: left; color: #666666;
                        border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #FF6600; padding-bottom: 4px;
                        margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}

.Footer_Content_Box{float: left; width: 210px; height: 150px;margin-left: 10px;
                    font-family: Verdana; font-size: 10px; line-height: 15px; letter-spacing: 1px; }

div#footer_termsconditions{ float: left; clear: left; width: 880px;
                            text-align: center; font-size: 10px; font-family: Verdana;}
div#footer_termsconditions a{   color: #808080; }


div#copyright{      float: left;clear: left; font-size: 10px; width: 880px; margin-top: 5px; margin-left: 20px; }


.footer_content{    float: left; width: 910px;height: 261px; }
.footer_left {      background-image: url('../images/footer_left_bg.jpg'); background-repeat: no-repeat;
                    height: 307px; width: 20px; float: left; }
.footer_right{      background-image: url('../images/footer_right_bg.jpg'); background-repeat: no-repeat;
                    height: 307px; width: 20px; float: right; }