/*
*   main.css written for ian parsons architect
*   by Steven McCullie
*   Copyright 2007 EVEnetworks Ltd
*
*/


/***************** tag defaults ************/


html {
    overflow: auto;
    position: absolute;
    height:100%;
    max-height:100%;
    padding:0;
    margin:0;
    border:0;
  }


body {
    height:100%;
    max-height:100%;
    overflow:auto;
    padding:0;
    margin:0;
    border:0;
    background-color: #ffffff;
  }


p,h1,h2,li,td {
    font-family : 'Times New Roman';
    color : #000000;
  }


img {
    border: 0;
  }


a {
    color: #a1ac98;
  }


.banner {
    position:absolute;
    margin:0;
    top:0;
    right:18px;
    display:block;
    width:100%;
    height:100px;
  }


.banner a {
    position:absolute;
    font-size: 36px;
    padding-top: 12px;
    padding-left: 40px;
    z-index: 20;
  }


.banner a:hover {
    color: #b13c4e;
  }


.banner h2 {
    position:absolute;
    width: 550px;
    color : #b13c4e;
    font-size : 20px;
    font-weight : 300;
    letter-spacing : 3px;
    padding-top: 12px;
    padding-left: 480px;
  }


.banner hr {
    position:absolute;
    color : #b13c4e;
    background-color:#b13c4e;
    height: 5px;
  }


.topNavBar a {
    color : #000000;
    text-decoration : none;
  }


.topNavBar a:hover {
    color: #b13c4e;
  }


.topNavBarSub ul {
    position:absolute;
    width: 1000px;
    text-align: left;
    font-size: 22px;
    top: 60px;
    z-index:10;
  }


.topNavBarSub li {
    display: inline;
    padding-left: 120px;
    padding-right: 120px;
    z-index:10;
  }

/********************* projects page styles *******************/



.projectTitle {
    display:block;
    height:250px;
    max-height:100%;
    width: 300px;
    padding-top: 50px;
    padding-left: 30px;
    position:relative;
    z-index:3;
  }


.projectTitle h2 {
    position:absolute;
    font-size:20px;
    text-align : justify;
    width : 110px;
  }


.projectTitle img {
    position:absolute;
    padding-top: 10px;
    padding-left: 150px;
  }


.projectDescription {
    position:absolute;
    top: 260px;
    padding-left: 30px;
    width : 250px;
  }


.projectDescription p {
    text-align : justify;
  }


.projectImgs {
    position:absolute;
    top: 120px;
    padding-left: 320px;
    z-index:4;
  }


.projectImgs img {
    max-width:660px;
    max-height:520px;
  }


.projectPageNav {
    position:absolute;
    font-size: 70%;
    padding-left: 10px;
  }


.projectPageNav a {
    color:#000000;
  }


.projectCopyInfo {
    position:absolute;
    width: 100px;
    padding-left: 560px;
    font-size: 70%;
  }


#projectBreak1 {
    position:absolute;
    padding-top: 180px;
    padding-left: 30px;
    width: 250px;
    height: 2px;
    z-index: 6;
  }


.projectCopyInfo p {
    position:absolute;
    padding-top: 10px;
    color: #a1ac98;
  }

/******************* project summary page ******************/

.projectSum {
    height: 135px;
    padding-bottom:10px;
  }


.projectSum2 {
    height: 135px;
    padding-bottom:10px;
  }


.projectSum a {
    position : absolute;
    margin-left : 200px;
    padding-top: 5px;
    z-index: 5;
  }


.projectSum2 a {
    position : absolute;
    margin-left : 400px;
    padding-top: 5px;
    z-index: 5;
  }


#projectSumBreak {
    position:absolute;
    margin-top: 50px;
    margin-left: 430px;
    width: 2px;
    height: 550px;
    z-index: -10;
  }


#projectSumBreak1 {
    position:absolute;
    margin-top: 50px;
    margin-left: 850px;
    width: 2px;
    height: 550px;
    z-index: -10;
  }


#projectSum {
    font-size: 12px;
    width: 180px;
    text-align: justify;
    left: -175px;
  }


#projectSum2 {
    font-size: 12px;
    width: 180px;
    text-align: justify;
    left: -50px;
    margin-top: 15px;
  }


#projectSum3 {
    font-size: 12px;
    width: 180px;
    text-align: justify;
    left: 480px;
    margin-top: 15px;
  }

/******************* practice page styles *****************/


.practiceCol1 {
    position: absolute;
    padding-left:25px;
    padding-top: 50px;
    width:400px;
  }


.practiceCol1 p {
    width: 300px;
    font-size: 90%;
    text-align: justify;
  }


#link {
    position: absolute;
    z-index: 10;
  }


.practiceCol1 h2 {
    width: 300px;
    font-size: 90%;
  }


.practiceCol2 {
    position: absolute;
    padding-left: 150px;
    padding-top: 50px;
    width:400px;
  }


.practiceCol2 p {
    width: 300px;
    font-size: 90%;
    text-align: justify;
    padding-left: 200px;
  }


.practiceCol2 h2 {
    width: 300px;
    font-size: 90%;
    padding-left: 200px;
  }


.practiceCol3 {
    position:absolute;
    width:300px;
    padding-left: 680px;
    padding-top: 50px;
  }


.practiceCol3 p {
    width: 300px;
    font-size: 90%;
    text-align: justify;
  }


.practiceCol3 h2 {
    Width: 300px;
    font-size: 90%;
  }


.practiceDetails {
    position: absolute;
    width: 500px;
    line-height: 25px;
    padding-top: 50px;
    margin-left: 50px;
    top: 80px;
    padding-left: 320px;
    font-size: 90%;
  }


#practiceDetails {
    left : -50px;
    list-style-type : circle;
    position : relative;
    text-align : left;
    text-decoration : none;
    top : -60px;
    width : 500px;
  }


.practiceDescription {
    position:absolute;
    top: 70px;
    width : 350px;
    z-index:9;
  }


.practiceDescription ul li a {
    font-size: 22px;
    line-height: 40px;
    text-decoration : none;
  }


.practiceDescription a:hover {
    color:#b13c4e;
  }


#practiceBreak {
    width: 225px;
    height: 2px;
    padding-left: 0px;
    z-index: 6;
  }

#practiceBreak1 {
    position:absolute;
    padding-top: 50px;
    padding-left: 350px;
    width: 2px;
    height: 500px;
    z-index: 7;
  }


#projectBreak {
    position:absolute;
    padding-top: 50px;
    padding-left: 300px;
    width: 2px;
    height: 500px;
    z-index: 7;
  }

/**************************************/

.contactCol1 {
    position: absolute;
    padding-left: 35px;
    padding-top: 50px;
  }


.contactCol2 {
    position: absolute;
    width: 250px;
    padding-left: 430px;
    padding-top: 50px;
  }


.contactCol3 {
    position:absolute;
    width:250px;
    padding-left: 700px;
    padding-top: 50px;
  }


.mainContent {
    position :absolute;
    padding-top: 70px;
  }


.mainContent ul {
    text-align: center;
    padding-top: 50px;
  }


.mainContent li {
    display: inline;
    padding-left: 25px;
    padding-right: 40px;
  }


.footer {
    position :static;
    height:10%;
  }


.footer ul {
    text-align: center;
  }


.footer li {
    display: inline;
  }


.footer a {
    text-decoration : underline;
    padding-left: 50px;
  }


.footer p {
    position :relative;
    bottom : 35px;
    text-align: right;
  }