/* default.css */
/* All CSS that does positioning or other */
/* non color/skin specific formatting goes here */
* {
margin: 0;
padding: 0;
outline: 0;
background: transparent;
border: 0;
font-family: Georgia, serif;
font-size: 12px;
color: #000000;
text-align: left;
background-color: transparent;
vertical-align: top;
}
body{
background-repeat: repeat;
}
#header{
width: 100%;
background-color: transparent;
background-repeat: repeat-x;
height: 248px;
}
#headerInner{
position: relative;
width: 810px;
margin: auto;
}
#content{
width: 810px;
margin: auto;
background-color: transparent;
background-repeat: repeat-y;
}
#contentInner{
width: 800px;
margin: auto;
padding: 10px 0;
background-repeat: no-repeat;
background-position: bottom;
}
#footer{
width: 100%;
background-color: transparent;
background-repeat: repeat-x;
height: 92px;
}
#footerInner{
width: 800px;
margin: auto;
position: relative;
}

/* Header */
#switcherClickMe{
position: absolute;
top: 0px;
right: 5px;
width: 200px;
text-align: right;
}
#switcherLinks{
position: absolute;
top: 22px;
right: 50px;
padding: 20px;
width: 125px;
}
#switcherLinks h1{
width: 125px;
}
#switcherLinks ul{
list-style-type: none;
}
#switcherLinks li{
margin: 5px 0;
padding: 0;
}
#switcherLinks a{
font-size: 12px;
}

/* Navigation */
#nav{
width: 700px;
margin: 0 50px;
border-bottom: solid #ABC34C 1px;
text-align: right;
height: 52px;
}
#nav ul{
position: relative;
top: 25px;
display: inline;
padding-top: 15px;
}
#nav ul li{
display: inline;
}
#nav ul li a img{
position: relative;
top: 3px;
}

/***************************************/
/* Content area */
#contentTable{
width: 700px;
margin: 30px 50px;
margin-bottom: 80px;
}
#LHColumn{
width: 520px;
}
#RHColumn{
width: 180px;
position: relative;
}
#widgetWrapper, #featuredWork, #indexAboutOurClients{
margin: 30px 0;
padding: 10px 0px;
}

#RHColumn h2{
font-family: Georgia, serif;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
padding: 0px 0 10px 0px;
margin: 0;
}
#featuredWork a img{
margin: 10px 0;
}
#LHColumn p{
font-size: 14px;
line-height: 26px;
margin: 10px 20px 10px 0px;
}
#LHColumn p.footnote{
font-family: Verdana, sans-serif;
font-size: 10px;
line-height: 16px;
margin: 10px 20px 10px 0px;
}
#LHColumn p.footnote a{
font-family: Verdana, sans-serif;
font-size: 10px;
line-height: 16px;
}
#LHColumn ul, #LHColumn ol{
font-size: 14px;
line-height: 24px;
margin: 0 20px 20px 30px;
}

h1{
font-size: 10px;
letter-spacing: 1px;
}
h2{
font-weight: bold;
font-size: 16px;
margin: 10px 0 5px 0;
}
h3{
font-weight: bold;
font-size: 12px;
margin: 25px 0 5px 0;
}

/****************************/
/* Portfolio */
ul#portfolioCategories{
margin: 20px 0 24px;
padding: 0;
list-style-type: none;
}
ul#portfolioCategories li{
display: inline;
margin: 0 20px 0 0;
}
.LHPortfolioColumn{
width: 200px;
}
.LHPortfolioColumn img{
position: relative;
top: 4px;
border: solid #CCCCCC 1px;
}

.RHPortfolioColumn{
font-size: 11px;
}
table.portfolioTable{
margin: 0px 0 20px;
}
table.portfolioTable td{
margin: 10px;
padding: 10px 0px;
line-height: 18px;
}


#passwordTestWrapper{
padding: 10px;
position: relative;
}
#passwordTestTools{
position: absolute;
top: 30px;
left: 30px;
padding: 10px;
width: 275px;
}

/*************************************/
/* Titles */
#titlePortfolio, #titleQuestions, #titleAbout, #titleContact, #titleSevenQuestions
{
color: transparent;
background-repeat: no-repeat;
padding: 0;
height: 30px;
width: 500px;
}

/*************************************/
/* Footer */
#footer h1{
padding: 20px 0;
}
h1 a, h1 i{
font-family: Georgia, serif;
font-size: 14.5px;
color: white;
text-align: left;
margin: 20px 0 30px 0;
}
span.footerSection{
top: 10px;
font-family: Georgia, serif;
font-size: 11px;
color: #CCCCB3;
font-weight: bold;
margin: 0px 40px 0 0;
}

/*************************************/
/* Client login area */
#clientLoginArea{
position: relative;
bottom: 5px;
right: -665px;
width: 130px;
height: 19px;
}
#clientLoginClickMe{
position: absolute;
top: 0px;
right: 0px;
}
#clientLoginForm{
padding: 20px;
margin: 0;
position: absolute;
bottom: 15px;
right: 50px;
width: 140px;
}
#clientLoginForm p a{
padding: 0;
margin: 0;
display: block;
}
#clientLoginForm input{
margin: 5px 0px;
}
#clientSubmit input{
width: 90px;
}



/*************************************/
/* Question teaser area */
#questionTeaser{
margin: 10px 0;
padding: 20px 0px;
width: 180px;
position: absolute;
bottom: 120px;
right: 50px;
}
#questionTeaser a{
font-size: 18px;
line-height: 26px;
text-decoration: none;
}
#questionTeaser h1{
padding: 0;
margin: 0 0 10px 0;;
}
#questionTeaser a:hover{
font-size: 18px;
line-height: 26px;
text-decoration: none;
}

/*************************************/
/* Additional index page descriptors */
#indexLHColumn{
width: 180px;
}
#indexCenterColumn{
width: 340px;
}
#indexRHColumn{
width: 180px;
}
#indexStatement{
font-size: 24px;
line-height: 36px;
width: 480px;
margin: 30px auto 0px;
font-weight: normal;
background-repeat: no-repeat;
background-position: 30px 128px;
}

#indexAboutOurClients p{
font-size: 12px;
line-height: 22px;
margin: 10px 0px 10px 0px;
padding: 0;
}
#indexQuestions{
margin: 30px 20px;
padding: 10px 0px 20px;
}
p.question{
margin: 8px 0 0px 0;
}
p.question a{
color: #16329F;
font-size: 18px;
line-height: 26px;
text-decoration: none;
}
p.question a:hover{
color: #82796C;
}
p.quote{
font-size: 18px;
margin: 20px 20px 10px 20px;
line-height: 24px;
color: #918864;
}
p.source{
font-size: 11px;
margin: 10px 20px 10px 20px;
line-height: 12px;
color: black;
}

/*************************************/
/* Forms definitions */
#projectForm, #askUsForm{
margin: 50px 0 0 0;
}
input, textarea{
border: solid #7AA8A8 1px;
background-color: white;
width: 100%;
}
.submit input{
width: 90px;
margin-top: 20px;
}
.submit{
width: 480px;
text-align: right;
}
.required{
color: red;
}
.form{
width: 480px;
}
.form tr td{
padding: 5px 0;
}
.form .LHCol{
width: 100px;
}
.form .RHCol{
width: 220px;
}
.large{
width: 100%;
height: 200px;
}
input.error{
background-color: #FFD7D7;
}
.captcha{
width: 250px;
}
.captcha input{
margin: 10px 0;
}


/*******************************/
/* Landing pages */
#topIndexStatement{
font-size: 24px;
line-height: 36px;
width: 480px;
margin: 30px 0 0px 50px;
height: 160px;
font-weight: normal;
background-repeat: no-repeat;
background-position: bottom right;
}
#bottomIndexStatement{
font-size: 24px;
line-height: 36px;
width: 480px;
margin: 10px 0 10px 50px;
font-weight: normal;
}
table.landingPage{
width: 560px;
margin: 0 auto 10px;
}
table.landingPage td{
padding: 20px 0;
}
table.landingPage td p{
font-size: 14px;
line-height: 21px;
margin: 15px 20px 10px 20px;
}
#landingCallToAction{
margin: 0 0 70px 125px;
}
#landingCallToAction p{
font-size: 14px;
line-height: 21px;
margin: 0 0 10px 0;
}

/****************************************/
/* SevenQuestions */
.section, .indent{
margin: 0 0 0 30px;
}
#LHColumn div.section p{
margin: 0px 20px 10px 0px;
}