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

body {
     margin:0px;
     padding:60px 0px 0px;
     min-width:960px;
     color: #333333;
     font: 12px/22px Helvetica, Verdana, Arial, sans-serif;
     background: #EEECE7 url(libraryCSS/bkg.gif) repeat-x;
}


/* ----------------- Center the Page ----------------- */
#wrap {
     margin:0 auto;
     width:960px;
}


/* ----------------- Masthead ----------------- */
#masthead {
     height: 80px;
     margin: 0px;
     padding: 0px;
     width: 960px;
}

#logo {
     height: 80px;
     margin: 0px;
     padding: 0px;
     width: 255px;
     text-align: right;
     color: #8E857C;
     line-height: 16px;
     clear: left;
}

#logo a:link {
     color: #8E857C;
     text-decoration:none;
}

#logo a:visited {
     color: #8E857C;
     text-decoration:none;
}

#logo a:hover {
     color: #265E88;
     text-decoration:none;
}

#logo a:active {
     color: #8E857C;
     text-decoration:none;
}


/* ----------------- Navigation ----------------- */
#nav {
     font-size: 15px;
     text-transform: uppercase;
     float: right;
     width: 700px;
     text-align: right;
     height: 15px;
     padding-top: 50px;
     font-weight: bold;
}

#nav ul {
     list-style:none;
     margin: 0;
     padding: 0;
}

#nav li {
     display:inline;
     padding:0;
     margin: 0;
}

#nav a:link {
     color: #6D6D6D;
     text-decoration:none;
}

#nav a:visited {
     color: #6D6D6D;
     text-decoration:none;
}

#nav a:hover {
     color: #265E88;
     text-decoration:none;
}

#nav a:active {
     color: #6D6D6D;
     text-decoration:none;
}



/* ----------------- Intro ----------------- */
#intro {
     width: 960;
     height: 300px;
     text-align: left;
     background: url(libraryCSS/bkgIntro.jpg) no-repeat;
     padding-top: 30px;
     padding-right: 370px;
     padding-left: 30px;
     margin-top: 10px;
     margin-bottom: 40px;
     color: #EEECE7;
     font: normal 15px/28px Arial, Helvetica, sans-serif;
}

#intro img {
     padding-bottom: 10px;
}




/* ----------------- Cards ----------------- */
#cardleft {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     line-height: 25px;
     background: #F7F5F0 url(libraryCSS/bkgCard.jpg) no-repeat bottom;
     width: 420px;
     border-top: 10px solid #C8C6C2;
     height: 250px;
     padding: 13px 20px 20px;
     float: right;
     margin-bottom: 40px;
}

#cardleft h1 {
     font-size: 18px;
     font-weight: normal;
     margin: 0px;
     padding: 0px 0px 7px;
}

#cardleft img {
     float: left;
     padding-right: 12px;
}

#cardright {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     line-height: 25px;
     background: #F7F5F0 url(libraryCSS/bkgCard.jpg) no-repeat bottom;
     width: 420px;
     border-top: 10px solid #C8C6C2;
     height: 250px;
     padding: 13px 20px 20px;
     margin-bottom: 40px;
}

#cardright h1 {
     font-size: 18px;
     font-weight: normal;
     margin: 0px;
     padding: 0px 0px 7px;
}

#cardright img {
     float: left;
     padding-right: 12px;
}
#additional {
     background: url(libraryCSS/bkgAdditional.gif) repeat-x;
     width: 960px;
     height: 50px;
     text-align: center;
     padding-top: 22px;
}

#cardright .button {
     float: right;
     margin: 0px;
     padding-top: 15px;
}

#cardleft .button {
     float: right;
     margin: 0px;
     padding-top: 15px;
}



/* ----------------- Content Left----------------- */

#introContent {
     font-size: 30px;
     line-height: 50px;
     color: #6D6D6D;
     font-weight: bold;
     height: 50px;
     margin-bottom: 10px;
     border-bottom: 1px solid #CBCBCB;
}

#border {
     margin: 10px 0px 40px;
     padding: 0px;
     height: 80px;
     width: 960px;
}

#contentLeft {
     width: 620px;
     float: left;
     margin-top: 0px;
     margin-bottom: 50px;
}

#contentLeft img {
     margin: 15px 0px;
     border-top: 5px solid #CBCBCB;
     border-right: thick solid #CBCBCB;
     border-bottom: thick solid #CBCBCB;
     border-left: thick solid #CBCBCB;
     padding: 0px;
}

#contentLeft ul {
     margin-top: -10px;
     padding-bottom: 10px;
     list-style: circle;
}

#contentLeft li {
     padding-bottom: 7px;
     line-height: 18px;
}



/* ----------------- CRE ----------------- */

.heading {
     font-weight: bold;
     text-transform: uppercase;
}

.subHeading {
     margin-top: -4px;
     display: block;
}




/* ----------------- Portfolio ----------------- */
#portContent {
     background: #E0DED8;
     width: 900px;
     height: 455px;
     margin: 0px 0px 50px;
     padding: 30px;
}
#portContent   img.left{
     padding-right: 27px;
}

#portHeading {
     font-size: 25px;
     color: #6D6D6D;
     background: url(libraryCSS/bkgPortHeading.gif) repeat-x;
     line-height: 50px;
     height: 50px;
     margin: 0px;
     padding: 0px 0px 0px 30px;
}
#portHeading {
     font-size: 25px;
     color: #6D6D6D;
     background: url(libraryCSS/bkgPortHeading.gif) repeat-x;
     line-height: 50px;
     height: 50px;
     margin: 0px;
     padding: 0px 0px 0px 30px;
}



/* ----------------- Portfolio ----------------- */

#contentPhoto {
     width: 960px;
     margin-top: 0px;
     margin-bottom: 10px;
}

#contentPhoto img {
     padding: 0px 30px 40px 0px;
}

#contentPhoto img.last {
     padding: 0px 0px 40px;
}





/* ----------------- Content Right ----------------- */

#contentRight {
     width: 280px;
     float: right;
     background: #E0DED8;
     margin-top: 15px;
     margin-bottom: 50px;
     border-right: 10px solid #EEECE7;
     border-left: 10px solid #EEECE7;
     color: #737373;
}

#contentRight p{
     padding-left: 30px;
     font-size: 12px;
     line-height: 18px;
     margin-bottom: -5px;
     padding-right: 30px;
     padding-bottom: 8px;
}

h3 {
     font-size: 13px;
     height: 40px;
     width: 265px;
     background: #929292;
     line-height: 40px;
     font-weight: bold;
     text-transform: uppercase;
     padding-left: 15px;
     margin: 0px 10px 0px 0px;
     color: #EEECE7;
}



/* ----------------- Footer ----------------- */
#footer {
     background: #2B475D url(libraryCSS/bkgFooter.jpg) no-repeat center top;
     height: 245px;
     padding-top: 25px;
     margin-top: 40px;
     clear: both;
}

#footerNav {
     width: 660px;
     color: #A5CEEC;
     font-size: 14px;
}

#footerNav ul {
     list-style:none;
     margin: 0;
     padding: 0;
}

#footerNav li {
     display:inline;
     padding:0;
     margin: 0;
}

#footer a:link {
     color: #A5CEEC;
     text-decoration:none;
}

#footer a:visited {
     color: #A5CEEC;
     text-decoration:none;
}

#footer a:hover {
     color: #EEECE7;
     text-decoration:none;
}

#footer a:active {
     color: #A5CEEC;
     text-decoration:none;
}




#contact {
     width: 300px;
     color: #A5CEEC;
     float: right;
     line-height: 22px;
}

#contact h1{
     font-size: 14px;
     font-weight: normal;
     margin: 0px 0px 10px;
     padding: 0px;
     text-transform: uppercase;
}