/*---------------------------------------------------------------------------------*/
/* Cascading Style Sheet Name:  AltomConstructionProjects.css                      */
/*                                                                                 */
/* Contains:  www.AltomConstruction.com Projects Page Layout and Style Definitions */
/*                                                                                 */
/* Date Changed  Name                  Change                                      */
/* ============  ====================  =========================================== */
/* 11/25/2008    Brandon Hofmann       New Cascading Style Sheet                   */
/*---------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------*/
/* Primary Division Layer and the ONLY one with a Relative Position  */
/* permitting entire page to resize according to browser window size */
/*                                                                   */
/* Contains all subsequent Division Layers                           */
/*-------------------------------------------------------------------*/
#projectsContainer
{
   position: relative;
   border: 10px solid #3F4D56;
   margin: 15px auto 0 auto;
   background-color: #FFFFFF;
   width: 880px;
   height: 1659px;
}

/*--------------------------------*/
/* Contains Projects Header Image */
/*--------------------------------*/
#projectsHeader
{
   background-image: url(../images/projectsHeader.gif);
   background-repeat: no-repeat;
   position: absolute;
   top: 207px;
   left: 10px;
   width: 860px;
   height: 35px;
}

/*---------------------------*/
/* Contains Projects Content */
/*---------------------------*/
#projectsContent
{
   background-color: #FFFFFF;
   position: absolute;
   top: 247px;
   left: 16px;
   width: 849px;
   height: 1347px;
}

/*---------------------------------------------------*/
/* Contains Projects Description Headers - Section 1 */
/*---------------------------------------------------*/
#projectsDescriptionHeader
{
   background-color: #DBE1DD;
   position: relative;
   top: 0px;
   left: 0px;
   width: 849px;
   height: 20px;
   font-size: medium;
   font-weight: bold;
   text-align: left;
}

/*----------------------------------*/
/* Contains List Display Properties */
/*----------------------------------*/
#projectsListProperties
{
   margin-top: 5px;
   margin-right: 5px;
   margin-bottom: 20px;
   margin-left: 17px;
   font-size: small;
   font-weight: normal;
   text-align: left;
}

/*--------------------------------------------*/
/* Contains Projects Descriptions - Section 1 */
/*--------------------------------------------*/
#projectsContent_1
{
   position: absolute;
   top: 10px;
   left: 0px;
   width: 849px;
   height: 292px;
   font-size: medium;
   font-weight: bold;
   text-align: left;
}

/*--------------------------------------*/
/* Contains Projects Image - Section 1a */
/*--------------------------------------*/
#projectsContent_1a
{
   background-image: url(../images/projectsContent_1.jpg);
   background-repeat: no-repeat;
   position: absolute;
   top: 100px;
   left: 0px;
   width: 849px;
   height: 192px;
}

/*--------------------------------------------*/
/* Contains Projects Descriptions - Section 2 */
/*--------------------------------------------*/
#projectsContent_2
{
   position: absolute;
   top: 322px;
   left: 0px;
   width: 849px;
   height: 93px;
   font-size: medium;
   font-weight: bold;
   text-align: left;
}

/*--------------------------------------*/
/* Contains Projects Image - Section 2a */
/*--------------------------------------*/
#projectsContent_2a
{
   background-image: url(../images/projectsContent_2.jpg);
   background-repeat: no-repeat;
   position: absolute;
   top: 100px;
   left: 0px;
   width: 849px;
   height: 192px;
}

/*--------------------------------------------*/
/* Contains Projects Descriptions - Section 3 */
/*--------------------------------------------*/
#projectsContent_3
{
   position: absolute;
   top: 435px;
   left: 0px;
   width: 849px;
   height: 300px;
   font-size: medium;
   font-weight: bold;
   text-align: left;
}

/*--------------------------------------*/
/* Contains Projects Image - Section 3a */
/*--------------------------------------*/
#projectsContent_3a
{
   background-image: url(../images/projectsContent_3.jpg);
   background-repeat: no-repeat;
   position: absolute;
   top: 85px;
   left: 0px;
   width: 849px;
   height: 215px;
}

/*--------------------------------------------*/
/* Contains Projects Descriptions - Section 4 */
/*--------------------------------------------*/
#projectsContent_4
{
   position: absolute;
   top: 755px;
   left: 0px;
   width: 849px;
   height: 75px;
   font-size: medium;
   font-weight: bold;
   text-align: left;
}

/*--------------------------------------*/
/* Contains Projects Image - Section 4a */
/*--------------------------------------*/
#projectsContent_4a
{
   background-image: url(../images/projectsContent_4.jpg);
   background-repeat: no-repeat;
   position: absolute;
   top: 85px;
   left: 0px;
   width: 849px;
   height: 215px;
}

/*--------------------------------------------*/
/* Contains Projects Descriptions - Section 5 */
/*--------------------------------------------*/
#projectsContent_5
{
   position: absolute;
   top: 850px;
   left: 0px;
   width: 849px;
   height: 90px;
   font-size: medium;
   font-weight: bold;
   text-align: left;
}

/*--------------------------------------*/
/* Contains Projects Image - Section 5a */
/*--------------------------------------*/
#projectsContent_5a
{
   background-image: url(../images/projectsContent_5.jpg);
   background-repeat: no-repeat;
   position: absolute;
   top: 85px;
   left: 0px;
   width: 849px;
   height: 215px;
}

/*--------------------------------------------*/
/* Contains Projects Descriptions - Section 6 */
/*--------------------------------------------*/
#projectsContent_6
{
   position: absolute;
   top: 960px;
   left: 0px;
   width: 849px;
   height: 90px;
   font-size: medium;
   font-weight: bold;
   text-align: left;
}

/*--------------------------------------*/
/* Contains Projects Image - Section 6a */
/*--------------------------------------*/
#projectsContent_6a
{
   background-image: url(../images/projectsContent_6.jpg);
   background-repeat: no-repeat;
   position: absolute;
   top: 85px;
   left: 0px;
   width: 849px;
   height: 215px;
}

/*--------------------------------------------*/
/* Contains Projects Descriptions - Section 7 */
/*--------------------------------------------*/
#projectsContent_7
{
   position: absolute;
   top: 1070px;
   left: 0px;
   width: 849px;
   height: 277px;
   font-size: medium;
   font-weight: bold;
   text-align: left;
}

/*--------------------------------------*/
/* Contains Projects Image - Section 7a */
/*--------------------------------------*/
#projectsContent_7a
{
   background-image: url(../images/projectsContent_7.jpg);
   background-repeat: no-repeat;
   position: absolute;
   top: 85px;
   left: 0px;
   width: 849px;
   height: 192px;
}

/*-----------------*/
/* Contains Footer */
/*-----------------*/
#projectsFooter
{
   background-image: url(../images/footer.gif);
   background-repeat: no-repeat;
   position: absolute;
   top: 1599px;
   left: 0px;
   width: 880px;
   height: 25px;
}