*{margin:0;border:0;padding:0;}

body{background:#000 url(../images/background.jpg) no-repeat;background-position: top center;}

#header{position:relative;width:990px;height:167px;margin:98px auto 0;background:url(../images/header.jpg) no-repeat;background-position:top center;}

#container{width:990px;margin:0 auto;}

#content{width:784px;color:#fff;background:url(../images/body_background.jpg) no-repeat 0 0;height:400px;}

#left{width:101px;background:url(../images/left_side.jpg) repeat-y;}

#right{width:101px;background:url(../images/right_side.jpg) repeat-y;}

#body_footer{margin:0 auto;width:990px;background:url(../images/body_footer.jpg) no-repeat;height:17px; }

#footer{margin:20px auto;width:784px;}

.clear { clear:both; }



/* Give me some divs */

#welcomemask, #thisismemask, #portfoliomask, #thoughtsmask, #othermask, #friendsmask, #contactmask {position:relative;height:0px;width:772px;margin:0 auto;overflow:hidden;z-index:0;display:none;}

#welcome, #thisisme, #portfolio, #thoughts, #other, #friends, #contact {background:#18170e;}

#images{margin-left:40px;padding-top:15px;}

#images img{margin-right:10px;}

#otherimg1 { margin-left:30px; margin-right:8px; float:left;}

#otherimg2 { float:left;}

#othertext { float:left; margin-left: 30px; width: 287px;}

#othertext p {margin: 7px 0;font: normal 11px/22px arial;  text-align:justify; text-justify: distribute;}

#othertext h1 {font:bold 16px/18px arial;color:#645d38;}

#othertext a { font: normal 16px/18px arial; color: #853d2d;text-decoration:none;}

#othertext a:hover { color:#fff; }

#contact input { width:457px; height:18px; font: normal 14px arial; color: #fff; background: #26231a; border: 1px solid #48453e;}

#contact textarea {width:457px; height: 150px; font: normal 14px arial; color: #fff; background: #26231a; border: 1px solid #48453e;}

.testimony, .link{margin: 10px 30px 70px;}

.testimonial { float:left; text-align:justify; text-justify: distribute;width:460px;}

.logo{float:left;width:220px;}

.linkinfo p {margin: 2px 0;font: normal 11px/13px arial;}

.linkinfo h1 {font:normal 16px/18px arial;color:#645d38;}

.linkinfo a { font: normal 12px/14px arial; color: #853d2d;text-decoration:none;}

.linkinfo a:hover { color:#fff; }

.navbar{margin-bottom:2px ! important;margin-left:6px;cursor:pointer;}

.italic { font: normal 11px/15px arial; font-style: italic ! important;} 

.leftside{float:left;width:220px;margin-left:30px;margin-right:30px;font:normal 14px/18px arial;}

.rightside{float:left;width:460px;}

.testimonial p {margin: 0 0 10px;font: normal 11px/19px arial;}

.rightside p {margin: 7px 0;font: normal 11px/19px arial; text-align:justify; text-justify: distribute;}

.rightside h1 {font:bold 16px/18px arial;color:#645d38;}

.leftside a {font:normal 10px arial;color:#fff;text-decoration:none;}

.leftside a:hover {color:#853d2d;}

h3 { display:inline;margin:0;font: bold 11px arial; color: #645d38;}

.client{font:normal 14px arial ! important;margin:0 ! important;color:#645d38;}

.page{padding-top:30px;padding-bottom:30px;}

.hidden{display:none;}

.unhidden{display:block;}

.menubutton{float:right;}

.menubutton a {font: normal 12px/14px arial; color: #853d2d;text-decoration:none;}

.menubutton a:hover { color: #fff; }
#images img {margin:20px; }
#imagepages {
	float:right;
	margin-bottom:22px;
	margin-right:30px;
}
#imagepages a { font: bold 12px arial;color:#fff;text-decoration:none;}
#imagepages a:hover{color:#853d2d;}
