@charset "UTF-8";
/* CSS Document */
html,body{background-color:#958A78; }

.iphone {display:none}

body { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color:#FFFFFF }
img {border:none;}
a:link {color:#FFFFFF; text-decoration:none;} /* unvisited link */
a:visited {color:#FFFFFF; text-decoration:none;} /* visited link */
a:hover {color:#60553E; text-decoration:none;} /* mouse over link */
a:active {color:#60553E; text-decoration:none;} /* selected link */
a.current {color:#60553E;}


h3 { font-size: 10.5pt; font-weight: normal; color: #DBDFF1; margin-bottom: 20px;}
ul {padding:0px; margin:0px;}
ul li { list-style:none; }


/* Main Layout */
.centered {text-align:center}
div#main {position:relative; width:970px; height:570px; background-color:#FFFFFF; margin-left:auto; margin-right:auto; margin-top:26px; text-align:left; }
div#top {position:relative; width:970px; height:116px; border-bottom:#958A78 solid 2px;}
div#top ul {position:absolute; right:35px; bottom:16px; height: 11px;}
div#top ul li {border-right: 1px solid #99CC33; padding-right:11px; padding-left:2px; display:inline; list-style:none; margin: 0px 0px 0px 10px; height: 11px; text-align:center}
div#top ul li a {position:relative;top:0;}
div#top ul li.last {border-right:0px;}

div#top ul.dropDown {position:absolute; z-index: 3; height: 61px; top: 25px; left:-3px; overflow: hidden; clear: left; width:100%; display:none; z-index:2; background:url(images/dropdown.png) no-repeat 2px 0; }
div#top ul.dropDown li {display:block; padding: 7px; margin: 0; width:80px; height:15px; border-top:0px; border-right: 0; text-align:center}
div#top ul.dropDown li a {color:#60553E; padding: 5px 5px 3px 0;  width: 79px;  display: block; position: relative; top: -4px; text-align:center}
div#top ul.dropDown li a:visited {color:#60553E; }
div#top ul.dropDown li a:hover {color:#FFFFFF;font-weight:bold; background:url(images/hover.png) no-repeat; }

div#top ul.dropDown li a:active {color:#FFFFFF;font-weight:bold;}

div#leftbar {height:395px; width:330px; background:url(images/blue_gradient.gif) repeat-X #809cd1; float:left; padding: 20px 20px 12px 30px;}
div.column {float:left; width:240px; background-color:#FFFFFF;margin-left:30px; margin-right:12px; margin-top:20px;}
div.rightbar {height:427px; width:590px; padding: 0px; background-color:#FFFFFF; float:left; color:#958A78} 
div.rightbar a:link {color:#60553E;text-decoration:underline} /* unvisited link */
div.rightbar a:visited {color:#60553E;text-decoration:underline} /* visited link */
div.rightbar a:hover {color:#809CD0;} /* mouse over link */
div.rightbar a:active {color:#809CD0;} /* selected link */

div#bottombar {float: left; height: 25px; width:970px; background-color:#544B3B;}

img#bottomshadow {position:absolute; bottom: -18px; left: 3px;}
img#rightshadow {position:absolute; top:0px; right:-19px;}
img#mainlogo {position:absolute; bottom:30px; left:30px;}
img#topgradient {position:absolute;}
img#quoteoff {position:absolute; right: 20px; top: -27px;}
div#footer {position:absolute; bottom:-30px; left:0px; height:23px; width: 937px; font-size:7.75pt; text-align:right; padding-top:8px;}

/* Home Page */
img.rotate {display:none;}

/* About Us */
img#andrea {margin-top:58px; margin-bottom:16px;}
img#linkedin {margin-top:35px;}
div#aboutus {margin-top: 30px; margin-left: 30px; margin-bottom: -30px; width:500px;}
div#aboutus h2 { margin: 0px; color: #809cd1; font-size: 10.2pt; font-weight:normal; }
div#aboutus p { margin-top: 22px;}
div#video { height: 365px; width: 467px; margin-left: 30px; margin-top:0px;}

/* Portfolio */ 
ul#portfolionav li {margin-bottom: 5px }
div#portfolio {position:relative;}
div#portfolio img.portImage { display: none; margin-top:20px; }
div#portfolio span.client {position:absolute; bottom:28px; left:30px; color:#809CD0; display: none}
div#portfolio span.client a:link { color: #809CD0; text-decoration:underline}
div#portfolio span.client a:visited { color: #809CD0; text-decoration:underline}
div#portfolio span.client a:hover { color: #60553E;}
div#portfolio span.client a:active { color: #60553E;}

div#portfolio span.project {position:absolute; bottom:28px; right:86px; color:#60553E; display: none}
div#portfolio span.project div.flash { position:absolute; top: -355px; left: -237px;}

img#previous {position:absolute; bottom:30px; right:57px;}
img#next {position:absolute; bottom:30px; right:30px;}


/* Clients */
p.list {margin:0px -13px 0px -13px;} /* huh? try ul { } */




/*Contact Form*/
div#form { width: 490px; text-align:left; margin: 0 auto; } 
div#form ul { margin-bottom: 20px; }
div#form li { float: left; width: 224px; margin-top: 10px}
div#form li.left { margin-right: 37px }
div#form li input { width: 224px }
div#form textarea { width: 486px; height: 166px; margin-bottom: 10px }
div#form input#submit { float: right }
span.error { color: #C30 }

div#form p { margin-top: 20px }