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

* { margin: 0; padding: 0; border: 0; outline: 0; }

html { height:100%; margin:0 0 1px; overflow-y:scroll; }
body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.90em; }

a, a:hover { text-decoration: none; color: #CF444C; }
img { border: 0; }
h2,h3 { border-bottom: solid #DADADA 1px; padding-bottom: 10px; height: 25px; margin-bottom: 10px; color: #BE020E; font-size: 1.2em; }

#page-wrap { margin: 0 auto; width: 949px; }

/* LOGO & MENU */
#header-top { height: 131px; }
#header-top a { text-decoration:none; }
#header-top .logoTitle { text-indent: -5000px; display: block; float: left; margin-top: 40px; width: 336px; height: 91px; background: url(../images/logo.jpg) bottom right no-repeat; text-indent: -5000px; cursor: pointer; }
#header-top #menu { float: right; height: 35px; margin-top: 96px; }
#header-top #menu .left { background: url(../images/menu_left.jpg) no-repeat; float: left; width: 24px; height: 35px; }
#header-top #menu .mid { background: url(../images/menu_mid.jpg) repeat-x; float: left; height: 35px; }
#header-top #menu .right { background: url(../images/menu_right.jpg) no-repeat; float: left; width: 24px; height: 35px; }
#header-top #menu ul { margin-top:3px; }
#header-top #menu li { display: inline; margin: 0 2px; }
#header-top #menu li a { text-indent:-9999px; display:block; float:left; }
#header-top #menu li a.home { background:url(../images/nav_home.jpg) no-repeat; width:61px; }
#header-top #menu li a.about-us { background:url(../images/nav_about.jpg) no-repeat; width:82px; }
#header-top #menu li a.project-portfolio { background:url(../images/nav_portfolio.jpg) no-repeat; width:120px; }
#header-top #menu li a.meet-the-team { background:url(../images/nav_team.jpg) no-repeat; width:114px; }
#header-top #menu li a.contact-us { background:url(../images/nav_contact.jpg) no-repeat; width:88px; }
#header-top #menu li a:hover, a.active { background-position: top right !important; }
#header-top #menu .line1 { background: url(../images/menu_line.jpg) top no-repeat; width: 4px; height: 30px; }
#header-top #menu .line { background: #39C; width: 4px; height: 20px; }

/* HEADER IMAGES */
#header-photos { height: 222px; margin: 33px 0 20px 0; }

/* PAGE AREA */
#content { padding: 0 30px; text-align: justify; }
#content h2.home { background: url(../images/welcome-txt.gif) no-repeat; text-indent: -5000px; }
#content h2.about { background: url(../images/about_txt.jpg) no-repeat; text-indent: -5000px; }
#content h2.contact { background: url(../images/contact_txt.jpg) no-repeat; text-indent: -5000px; }
#content h2.team { background: url(../images/team_txt.jpg) no-repeat; text-indent: -5000px; }
#content h2.portfolio { background: url(../images/portfolio_txt.jpg) no-repeat; text-indent: -5000px; }

#content li { position: relative; left: 20px; }
#content p img { float:right; margin:0 20px 20px 40px; }
#page-content { float: left; width: 625px; text-align: justify; }

/* COMPELTED PROJECTS */
#completed-projects { float: right; width: 223px; }
#completed-projects h3 { text-indent: -5000px; background: url(../images/projects_txt.gif) no-repeat; width: 223px; }
#completed-projects .item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid #DADADA 1px; }
#completed-projects p { float: right; width: 124px; font-size: 0.9em; text-align:left; }
#completed-projects img { float: left; margin: 2px 2px 2px 0; border: solid #cfcccc 2px; }
#completed-projects a.view { background: url(../images/btn.jpg) no-repeat; width: 21px; height: 21px; display: block; float: right;}

/* PROJECTS PAGE */
#projects .item { padding-top: 20px; }
#projects .item .projectsLeft { background: url('../images/project_left.jpg') right no-repeat; width: 16px; height: 116px; float: left; }
#projects .item .projectsMiddle { background: url('../images/project_mid.jpg') repeat-x; width: 855px; height: 93px; float: left; padding: 11px 0; overflow: hidden; }
#projects .item .projectsRight { background: url('../images/project_right.jpg') left no-repeat; width: 16px; height: 116px; float: left; }
#projects .item img { float: left; margin-right: 10px; border: solid #CCC 1px; }
#projects .item .title { color: #C72129; font-size: 1.1em; padding-bottom: 2px; font-weight: bold; }
#projects .item a.readMore { float: right; display: block; background: url('../images/more_btn.jpg') no-repeat; width: 22px; height: 22px; }
#project .download { float: right; display: block; background: url('../images/download_btn.jpg') no-repeat; width: 213px; height: 31px; text-indent: -5000px; }
#project .btnBack { display: block; background: url('../images/back_btn.jpg') no-repeat; width: 123px; height: 26px; float: right; position: relative; bottom: 47px; text-indent: -5000px;}

/* MEET THE TEAM */
#team { margin: 0 auto; width: 829px; }
#team .member { float: left; width: 374px; height: 95px; padding: 12px 20px; }
#team .member .memberLeft { width: 17px; height: 95px; background: url('../images/team_left.jpg') no-repeat; float: left; }
#team .member .memberMiddle { width: 340px; height: 86px; padding: 9px 0 0 0; background: url('../images/team_mid.jpg') repeat-x; float: left; }
#team .member .memberRight { width: 17px; height: 95px; background: url('../images/team_right.jpg') no-repeat; float: left; }
#team .member .memberTitle { color: #C21621; border-bottom: solid #D4D2D3 1px; font-weight: bold; padding-bottom: 4px; }
#team .member img { float: right; border: solid #D4D2D3 1px; margin: 4px 0 0 4px; }

/* CONTACT PAGE */
#contactForm { float: left; }
#contactForm input { height: 24px; width: 291px; background: url('../images/box1.jpg') no-repeat; }
#contactForm textarea { height: 105px; width: 291px;  background: url('../images/box2.jpg') no-repeat;}
#contactForm .error { border: solid #F00 1px; }
#contactForm td { vertical-align: top; text-align:right; padding: 5px; }
#contactForm .btnSend { width: 153px; height: 29px; background: url('../images/sendmsg_btn.jpg') no-repeat; cursor: pointer; text-indent: -5000px; }
#contactDetails { float: right; }
#contactDetails #map { width: 420px; height: 210px; border: solid #DEDDD9 1px; }

/* SUB FOOTER */
#sub-footer { clear: both; border-top: solid #DADADA 1px; margin-top: 20px; padding: 20px 0 0 0; text-indent: -5000px; }
#sub-footer p { background: url(../images/bottom_logos.jpg) no-repeat; width: 134px; height: 50px; float: left;  }
#sub-footer address { background: url(../images/address.jpg) no-repeat; width: 269px; height: 63px; float: right; cursor: pointer; }

/* FOOTER */
#footer { background: url(../images/footer_bg.jpg) repeat-x; height: 36px; width: 100%; color: #FFF; font-size: 12px; }
#footer a { color: #FFF; }
#footer .content { width: 900px; height: 25px; padding-top: 10px; margin: 0 auto; }
#footer .content p { float: left; }
#footer .content span { float: right; }