/*  ===== RESET ===== */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body { background:#faf7ec url(../images/body.jpg) left top repeat-x; color:#101010; font:normal 15px/30px arial, sans-serif; }
input, textarea, select, option { font:normal 12px arial, sans-serif; margin:0; padding:0; }
a, a:active, a:visited {text-decoration:none; }

header, footer, nav, article, section { display:block; }

/*  ===== COMMON CLASSES, MAIN STRUCTURE  ===== */

.left { float:left; display:inline; }
.right { float:right; display:inline; }
.clear { clear:both; }

#out { width:990px; margin:0 auto; }

.center { width:960px; margin:0 auto; }

#wrapper { width:940px; border:1px solid #fff; margin:0 auto; position:relative; background:#d3d0c3; padding:8px 9px 10px; box-shadow:0 10px 15px #ccc; -moz-box-shadow:0 10px 15px #ccc; -webkit-box-shadow:0 10px 15px #ccc; border-bottom:0; }

#container { border:1px solid #fff; background:#ededed; padding:19px 17px; width:904px; }

#leftShadow, #rightShadow { position:absolute; z-index:2; }

#leftShadow { width:28px; height:149px; background:url(../images/leftShadow.png); top:0; left:-28px; }

#rightShadow { width:29px; height:152px; background:url(../images/rightShadow.png); top:0; right:-29px; }

#main { width:590px; border:1px solid #dbdad6; background:#fff; padding:40px 30px; }

aside { width:234px; font-size:13px; line-height:21px; }

/*  ===== HEADER  ===== */

header { height:112px; }

header h1 a { display:block; width:427px; height:112px; background:url(../images/logo.png); }

header .right { background:url(../images/phone.png) left center no-repeat; height:45px; margin:35px 0 0; padding:0 0 0 52px; font-size:21px; color:#314582; line-height:40px; }

/*  ===== NAVIGATION  ===== */

nav li, nav a { float:left; height:38px; }

nav li { width:180px; padding:0 7px 0 5px; background:url(../images/navSeparator.png) right top no-repeat; }
nav li.last { background:none; }

nav a { width:180px; text-transform:uppercase; line-height:37px; text-align:center; color:#fff; font-size:12px; font-weight:bold; }

nav a:hover, nav a.active { color:#ffd800; }

/*  ===== FRONT BANNER  =====  */

.frontBanner { width:1000px; margin:0 auto; height:258px; background:url(../images/banner.jpg); position:relative; clear:both; z-index:2; }

.frontBanner img { position:absolute; width:569px; height:51px; top:75px; left:385px; }

/*  ===== LATEST PROJECTS ===== */

#latestProjects { height:113px; margin:0 0 20px; }

#latestProjects li, #latestProjects img { float:left; display:inline; }

#latestProjects img { width:300px; height:113px; }
#latestProjects .middle img { margin:0 2px; }

/*  ===== MAIN CONTENT FORMATTING ===== */

h2 { font-size:30px; padding:0 0 40px; }

h2 span { display:block; font-size:25px; color:#d8b000; }

h3 { font-size:25px; padding:0 0 30px; }
h4 { font-size:20px; padding:0 0 25px; }
h5 { font-size:15px; }

#main ul { margin:0 0 35px 35px; list-style:disc outside; }

#main ol { margin:0 0 35px 40px; list-style:decimal outside; }

#main blockquote { background:#EDEDED; padding:10px 15px; margin:0 20px 35px; }

#main p { padding:0 0 35px; }

#main a:hover{text-decoration:underline;}

#main #bio hr{color:#fff; padding:20px 0; border:0; clear:both;}

#main #bio img{float:left; margin-right:20px;}
#main #bio {font:normal 15px/20px arial, helvetica, sans-serif;}

#main #calculators h4, #main #calculators p{padding:0; margin:0 0 10px;}
.proceed{margin:0 0 35px;}
.proceed a{background:url(../images/greenArrow.png) no-repeat; padding:0 0 0 30px;}

/*  ===== SIDEBAR ===== */

.button { display:block; width:229px; height:39px; background:url(../images/button.png); line-height:34px; color:#1f2451; font-size:18px; font-weight:bold; text-transform:uppercase; text-indent:70px; margin:0 0 20px; }

aside h4 { text-transform:uppercase; padding:0 0 15px; }

aside h4 img { vertical-align:middle; margin:0 10px 0 0; }

aside h5 {margin:0px; padding:0px;}

aside ul{margin-bottom:20px;}

aside li { padding:5px 0 5px 15px; border-top:1px solid #f7f7f7; border-bottom:1px solid #cdcdcd; background:url(../images/bullet.png) left 12px no-repeat; }

aside li:first-child { border-top:0; }
aside li:last-child { border-bottom:0; }

aside a:hover{text-decoration:underline;}

/*  =====  FOOTER ===== */

footer { height:84px; border:1px solid #fff; background:url(../images/footer.jpg) left top repeat-x; width:958px; margin:0 auto 20px; position:relative; top:-2px; font-size:12px; line-height:20px; color:#c9c4c4; }

footer a { color:#c9c4c4; }

footer .left { padding:22px 0 0 25px; }

footer .left ul{width:650px;}

footer .left li { display:inline; margin:0 8px 0 0; }

footer .left li a { margin:0 8px 0 0; }

footer .left h6 { font-weight:normal; }

footer .left img{float:left; padding:0 10px 0 0;}
footer .right { width:211px; height:46px; background:url(../images/footerLogo.png); margin:15px 15px 0 0; }

footer a:hover {text-decoration:underline;}

/*  =====  Tables ===== */

table.results{border-collapse:collapse;margin:15px;}
.results th{background:#fff;border-bottom:1px solid #efefef;border-left:1px solid #efefef;color:#ddd;height:29px;padding-left:12px;padding-right:12px;text-align:left;}
.results tr, .results tr.row0{background:#fff;height:30px;}
.results tr.row1{background:#fff;}
.results td{border:1px solid #ddd;padding:5px 10px;}
.results .first{font-weight:bold; background:#f7f7f7;}
.results .last{padding:5px 10px 5px 25px;}