@charset "utf-8";
@import url("normalize.css");
/* CSS Document */
body{background-color:#5f5747; font-family:Arial,serif,"Times New Roman";}
h1{color: #b1a282; font-size:1.2em; padding-bottom:5px;	margin:0 10px 0 20px; font-weight: light; font-variant:small-caps;}
hr {color:#5f5747;}
a, p{color:#ccc;}
a:hover, a:link, a:active{border:none; text-decoration:none;}
img {border:0;}
div#container{width:700px; margin:0 auto;}
div#header{width:700px; height:60px; background-image:url(../images/header2.gif); background-position:left bottom; background-repeat:no-repeat; margin-bottom:15px;}
div#homeLink a, #homeLink a:visited{text-decoration:none; width:189px; height:45px; position:absolute;}
div#content{width:700px; background-color:#000;}
div#content div#splash{text-align:center;  padding:30px 20px;}

.project-description{font-size:17px; padding:15px 25px 0 25px;}

.content_current{width:700px; color:#ccc;}
.content_current p{padding:10px 20px;}
.current_floaters{float:left; width:196px; margin-left:10px; padding:12px;}
.current_Bigfloaters{float:left; width:312px; margin-left:12px; padding:0 10px;}

.content_bio{}
.content_bio img{float:left; padding:0 5px 0 20px;}
.content_bio p{width:490px; margin-right:20px; float:right; color:#CCC; padding-bottom:10px;}

.content_contact{ width:710px; height:400px;}
.content_contact p{color:#CCC;}


.content_contact_info {float:left; text-align:right; padding-left:50px; padding-top:60px;}
.content_contact_info a{color:#ccc; text-decoration:none;}
.content_contact_info a:hover{color:#99ccff;}
.content_contact_form { float:right; padding-right:40px; height:300px;}


.content_gallery{padding:0 5px 25px 40px; padding-bottom:10px; width:650px;}
.content_gallery img{float:left; margin-right:15px; margin-bottom:25px;}
.content_gallery p{color:#fff; margin-bottom:10px; }
.content_gallery p a{color:#ccc; text-decoration:none;}
.content_gallery p a:hover{color:#99ccff;}
.colord{color:#b1a282; padding:0 0 0 20px;}
#imag p{padding-top:20px;}
.sitemap p{margin-left:20px;}
.sitemap p a{color:#ccc;}
.sitemap p a:hover{color:#99ccff;}

.sitemap .sitemapextend{padding-left:40px;font-size:12px; padding-top:10px;padding-bottom:5px;}
.sitemap .sitemapextend2{padding-left:70px;font-size:12px;}

.portfolio_images{float:left; padding:10px 20px 10px 20px;}
.clear{clear:both;}

/*//////////////////////////// NAV ////////////////////////////////*/
div#nav{clear:both; width:710px; margin:0 auto; margin-top:10px; margin-bottom:50px; color:#c8c4b9; font-family:"Times New Roman", Times, serif; font-variant:small-caps;}
div#nav a{text-decoration:none; margin:0 10px; display:inline-block;}

/* OUR CLASS TO HIDE OUR TEXT WE USED IT ON SPAN */
.sneakyText{display:none;}

/* OUR FIRST ROLLOVER LINK */
#button-1{ background-image:url("../images/rollover-home.jpg"); background-position:0 0; background-repeat:no-repeat; display:block; height:10px; width:44px;}
#button-1:hover{background-position:0 -10px;}
#button-2{ background-image:url("../images/rollover-profile.jpg"); background-position:0 0; background-repeat:no-repeat; display:block; height:10px; width:63px;}
#button-2:hover{background-position:0 -10px;}
#button-3{ background-image:url("../images/rollover-current.jpg"); background-position:0 0; background-repeat:no-repeat; display:block; height:10px; width:151px;}
#button-3:hover{background-position:0 -10px;}
#button-4{ background-image:url("../images/rollover-portfolio.jpg"); background-position:0 0; background-repeat:no-repeat; display:block; height:10px; width:84px;}
#button-4:hover{background-position:0 -10px;}
#button-5{ background-image:url("../images/rollover-contact.jpg"); background-position:0 0; background-repeat:no-repeat; display:block; height:10px; width:71px;}
#button-5:hover{background-position:0 -10px;}
#button-6{ background-image:url("../images/rollover-sitemap.jpg"); background-position:0 0; background-repeat:no-repeat; display:block; height:10px; width:71px;}
#button-6:hover{background-position:0 -10px;}