@charset "utf-8";
/* CSS Document */

/*////////// GENERAL //////////*/
body{
margin:0;
padding:0;
background: url(images/page_bg.jpg) top left repeat-x #000;
}
#container{
position:relative;
width:100%;
margin:0
padding:0;
}
#container2{
width:1000px;
margin:0 auto;
padding:0;
background:url(images/bg.jpg) top left no-repeat #000;
}
#banner{

position:absolute;
top:0;
right:0;
}
#contact{
	position: absolute;
	top:5px;
	left:728px;
	width: 66px;
	height: 17px;
}


/*////////// TYPOGRAPHY //////////*/
p{
}
#comment p.indent{
padding-left:40px;
padding-right:40px;
color:#FFF;
}
h1,h2,h3,h4,h5 {
font-family: Arial, Helvetica, sans-serif;
}
h1{
font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px 30px;
	color: #222;
	font-weight: lighter;
	font-size: 24px;
}
h2.welcome{
	background: url(images/eye.png) left no-repeat #fff;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 100px;
	color: #000;
	width: 300px;
	font-weight: lighter;
	font-size: 24px;
	height: 40px;
	padding-top: 10px;
	border-bottom: solid 10px #75518C;
}
h3{
margin:0;
padding-left:25px;
font-size: 14px;
color:#fff;
background:#BBA4CA;
border-top:#222 1px solid;
border-bottom: #222 1px solid;
}
h4{
color: #7551bc;
font-size: 16px;
font-weight: normal;
}


a{
font-weight:bolder;
text-decoration:none;
color: #9933CC;
}

a:hover {
}
a:visited {
}

/*////////// HEADERS //////////*/
#header{
height:190px;
width:1000px;
position:relative;
}
#phone{
	position:absolute;
	margin:0;
	padding:0;
	left:41px;
	top:125px;
	font: normal 15px Arial, Helvetica, sans-serif;
	text-align:right;
	color:#F0F0F0;
	line-height:20px;
	height: 57px;
	width: 125px;
}
#phone p{
margin:0;
padding:0;
}
#phone a:link, #phone a:visited{
	font: normal 15px Arial, Helvetica, sans-serif;
	color:#e4e4e4;
	text-decoration:none;
}
#phone a:hover{
color:#fff;
}
#title{
	position:absolute;
	background:url(images/title2.png) no-repeat;
	top:0px;
	left:20px;
	width:650px;
	height:94px;
}
#social{
	position:absolute;
	top: 13px;
	right: 105px;
}
/*////////// NAVIGATION //////////*/
#navbar{
	height: 32px;
	width:733px;
	padding-top:30px;
	padding-bottom:8px;
	position:absolute;
	right: 29px;
	bottom:-1px;
}
#navbar ul{
	padding:0;
	margin:0;
	font: lighter 22px Arial, Helvetica, sans-serif;
	;
}
#navbar ul li{

list-style: none;
display: inline;
}

#navbar ul li a{
	padding-top:30px;
	padding-bottom:10px;
	padding-left: 15px;
	padding-right:15px;
	text-decoration:none;
}
#navbar ul li a:link{
	color:#CCCCCC;
}
#navbar ul li a:visited{
color:#B9B9B9;
}
#nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover, #nav5 a:hover{
background:#000;
}
#navbar a.current{
background: url(images/red_arrow.png) center top no-repeat #000;
color:#fff;
}
#flash{
	margin:0px 20px 0 20px;
	width: 958px;
	border:#222 1px solid;
	height:400px;
	background:#000;
}


#comment{
	margin:0px 20px;
	width: 930px;
	background: url(images/page_content_bg.png) repeat-y #000;
	border-left: 1px #222 solid;
	border-right: 1px #222 solid;
	color:#222;
	padding:15px;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:27px;
	overflow: hidden;
}

/*////////// CONTENT //////////*/
#content{
margin:0 20px;
width:958px;
border-left: 1px #222 solid;
border-right: 1px #222 solid;
border-top: 1px #222 solid;
}
#sidebarL{
position:relative;
	height:525px;
	/*background: #000 url(images/text_grad.jpg) center top repeat-y;*/
	background:#fff;
	width:400px;
	float:left;
	padding:0px 30px;
	border: 1px #222 solid;
	margin:0;
	line-height: 27px;
}
#sidebarR{
position:relative;
	height:525px;
	/*background: #000 url(images/text_grad.jpg) center top repeat-y;*/
	background:#fff;
	width:406px;
	float:right;
	padding:0px 30px;
	margin:0;
	border: 1px #222 solid;
	line-height: 27px;
}
/*////////// PAGE LAYOUT //////////*/
#page_content{
clear:both;
position:relative;
	margin:15px auto 0 auto;
	padding:0 0 0 0;
	width: 900px;
	background: url(images/content_bg.jpg) top no-repeat #fff;
	color:#222;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:24px;
	overflow:hidden;
}
table td p{
font-size:12px;
}
#page_bottom{
width:1000px;
clear:both;
margin:0 auto;
background: #000 url(images/content_foot.jpg) no-repeat;
height:36px;
}

#page_sidebarL{
position:relative;
	float:left;
	width:400px;
	padding:0;
	margin:0;
}
#page_sidebarR{
position:relative;
	float:right;
	width:440px;
	padding:0 30px;
	margin:0;
}
#page_title{
	
	margin-top:3px;
}

/*////////// GALLERY //////////*/
#gallery{
position:relative;
width:900px;
height:567px;
background:url(images/gallery_bg.jpg) no-repeat;
}
#gallery_flash{
	position:absolute;
	left:6px;
	top:1px;
	width: 537px;
	height: 388px;
}
#gal_list{
	position:absolute;
	left:188px;
	top:547px;
	margin:0;
	padding:0;
	text-align:center;
	width: 370px;
}
#gal_list h4{
font: normal 12px Arial, Helvetica, sans-serif;
margin:0 0 10px 0;
padding:0;
color: #ADADAD;

}
#gal_list ul{
padding:0;
margin:0;
font: normal 12px Arial, Helvetica, sans-serif;
}

#gal_list ul li{
list-style: none;
margin:0;
display:inline;
}
#gal_list ul li a{
padding:3px 0.5em;
margin-left:3px;
text-decoration:none;
}
#gal_list ul li a:link, #gal_list ul li a:visited{
color: #ADADAD;
}
#gal_list ul li a:hover{
color:#eaeaea;
}
#gal_list ul li a.current{
color:#666666;
}

/*////////// FOOTER //////////*/
#footer{
clear:both;
height: 100px;
background-color: #000;
border:1px solid #222;
position:relative;
width:1000px;
padding: 0;
margin:0px auto 0 auto;
text-align:left;
}

/*NEWSLETTER FORM*/
#news_form p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#fff;
margin:0;
padding:0;
font-style:normal;
font-variant:normal;
}
#news_form{
	position:absolute;
	padding-left:15px;
	right: 13px;
	top: 23px;
	height: 78px;
}

#news_form input {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
text-align:left;
color:#222;
text-decoration:none;
}
/*////////// CLASSES //////////*/
.copy{
	position:absolute;
	left:7px;
	top:12px;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#B9B9B9;
}
.copy p{
margin:0;
padding:0;
}
.copy a{
font: normal 12px Arial, Helvetica, sans-serif;
color:#b9b9b9;
}
.copy a:link, .copy a:visited{
text-decoration:none;
}
.copy a:hover{
color:#fff;
}
#flash{
margin:20px 20px 0 20px;
width: 958px;
border:#222 1px solid;
height:400px;
}

.comment{
	margin:0px 20px;
	width: 960px;
	background:000;
	height:100px;
	color:#efefef;
}
.pix{
	position:absolute;
	top:39px;
	left:17px;
}
.center{
	position:absolute;
	bottom:5px;
	margin:0 auto;
	text-align:center;
	left: 67px;
}
.img_left{
float:left;
margin: 0 30px 15px 0px;
}
.lock{
	position:absolute;
	top:15px;
	left:509px;
	width: 209px;
	height: 115px;
}
.img_car{
float:left;
margin:0;
}
.img_frame{
padding:3px;
border:1px solid #222;
}
a:link.email, a:visited.email{
background: #75518c;
color:#fff;
padding:3px;
text-decoration:none;
}
a:hover.email{
background:#fff;
color: #75518c;
}
.cc{
	position:absolute;
	top: 52px;
	left: 374px;
}
#bio_text{
padding:10px 30px;
}

/*////// PAGE PICTURES ////*/
#work_pic{
	position:absolute;
	top: 120px;
	left: 67px;
}
#info_pic{
	position:absolute;
	top: 135px;
	left: 4px;
}
#contact_pic{
	position:absolute;
	top: 135px;
	left: 4px;
}
.push{
clear:both;
}

