/*
-----------------------------------------------
Style Sheet

Site: www.signatureartsstl.com
Author: R. Shawn Williams   www.rshawn.com
Version:  2009.05
----------------------------------------------- */

html, body, div, p {
	font-family:Arial, Helvetica, sans-serif; 
	color: #444444;
	margin: 0px;
	padding:0px;
}


body {
	margin:0px; 
	padding:0px;
	background-color:#11090a;
	font-family:Arial, Helvetica, sans-serif;
	width:2000px;

}


#outside_container {
	background:url(../images/backgroundSlice.jpg) repeat-x #000000;
	
}


#container {
	background:url(../images/backgroundBg.jpg) no-repeat;
	height:1300px;
	width:1000px;
	position:relative;
	margin: 0px;
	padding:0px;
	
}

#outside_containerSecondary {
	background:url(../images/backgroundSliceSecondary.jpg) repeat-x #000000;
	
	
}


#containerSecondary {
	background:url(../images/backgroundBgsecondary.jpg) no-repeat;
	height: 1700px;
	width:1000px;
	position:relative;
	margin: 0px;
	padding:0px;
	
}



#containerPortfolio {
	background:url(../images/backgroundBgsecondary.jpg) no-repeat;
	height:1400px;
	width:1000px;
	position:relative;
	margin: 0px;
	padding:0px;
	
}

#containerPortraits {
	background:url(../images/backgroundBgsecondary.jpg) no-repeat;
	height:1200px;
	width:1000px;
	position:relative;
	margin: 0px;
	padding:0px;
	
}

#containerPhotoRetouching {
	background:url(../images/backgroundBgsecondary.jpg) no-repeat;
	height:1000px;
	width:1000px;
	position:relative;
	margin: 0px;
	padding:0px;
	
}

#containerElse {
	background:url(../images/backgroundBgsecondary.jpg) no-repeat;
	height:1420px;
	width:1000px;
	position:relative;
	margin: 0px;
	padding:0px;
	
}

#containerNews {
	background:url(../images/backgroundBgsecondary.jpg) no-repeat;
	height:2200px;
	width:1000px;
	position:relative;
	margin: 0px;
	padding:0px;
	
}

#containerContact {
	background:url(../images/backgroundBgsecondary.jpg) no-repeat;
	height:900px;
	width:1000px;
	position:relative;
	margin: 0px;
	padding:0px;
	
}


/*Logo / Menu / Panel Positioning

_____________________________________________*/

#logo { 
	position:absolute; 
	top:38px; 
	left:51px; 
	
}




a img {
	border:0 none;
}

#panel { 
	position:absolute; 
	top:175px; 
	left:65px; 
	
}


ul#menu { 
	margin:0px;	
	padding:0px;
	position:absolute; 
	top:118px; 
	left:75px;
}


ul#right_menu { 
	margin:0px;	
	padding:0px;
	position:absolute; 
	top:118px; 
	right:110px;	
}

ul#menu li, ul#right_menu li {
	margin:0px;	
	padding:0px;
	list-style:none;
	margin-right:10px;
	font-size:9px;
	text-transform:uppercase;
	display:inline;
}

ul#menu li a, ul#right_menu li a {
	text-decoration:none;
	color:#bd92b2;
}

ul#menu li a:hover, ul#right_menu li a:hover {
	text-decoration:none;
	color:#ffffff;
}


/*Content

_____________________________________________*/

#content {
	padding-top:465px;
	padding-left:85px;
	width:815px;
	color:#674f5d;
	font-size:13px;
	line-height:20px;
}



ul#secondNav { 
	float:left; 
	display:block; 
	margin:0 30px 30px 0;
	padding:0px; 
	height: 400px;
	width:900px;
}



#murals {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#b9201b;
	font-weight:normal;
	text-transform:uppercase;
	font-size: 12px;
	letter-spacing: 3px;
	list-style:none;
	width:175px;
	height:200px;
	float:left;
	padding:0px;
	margin:0 20px 0 0px;

}

#murals a {
	background: url(../images/muralIndex.jpg) no-repeat scroll 0 0;
	width:170px;
	height:200px;
	text-indent:-2000px;
	display:block;
	padding:0px 0 0 0;
	margin:50px 0 0 0;

}

#murals p {
	text-transform: none;
	letter-spacing: 1px;


}

#murals h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	width:100px;
	font-size: 12px;


}

#portraits {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#b9201b;
	font-weight:normal;
	text-transform:uppercase;
	font-size: 12px;
	letter-spacing: 3px;
	list-style:none;
	width:175px;
	height:200px;
	float:left;
	padding:0px;
	margin:0 20px 0 0px;

}

#portraits a {
	background: url(../images/portraitIndex.jpg) no-repeat scroll 0 0;
	width:170px;
	height:200px;
	text-indent:-2000px;
	display:block;
	padding:0px 0 0 0;
	margin:30px 0 0 0;

}

#portraits p {
	text-transform: none;
	letter-spacing: 1px;


}

#portraits h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	width:100px;
	font-size: 12px;
}


#photoRetouching {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#b9201b;
	font-weight:normal;
	text-transform:uppercase;
	font-size: 12px;
	letter-spacing: 3px;
	list-style:none;
	width:190px;
	height:200px;
	float:left;
	padding:0px;
	margin:0 20px 0 10px;

}

#photoRetouching a {
	background: url(../images/restorationsIndex.jpg) no-repeat scroll 0 0;
	width:170px;
	height:200px;
	text-indent:-2000px;
	display:block;
	padding:0px 0 0 0;
	margin:10px 0 0 0;

}

#photoRetouching p {
	text-transform: none;
	letter-spacing: 1px;


}

#photoRetouching h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	width:100px;
	font-size: 12px;
}



#restorations {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#b9201b;
	font-weight:normal;
	text-transform:uppercase;
	font-size: 12px;
	letter-spacing: 3px;
	list-style:none;
	width:170px;
	height:200px;
	float:left;
	padding:0px;
	margin:0 35px 0 0px;

}

#restorations a {
	background: url(../images/paintingIndex.jpg) no-repeat scroll 0 0;
	width:170px;
	height:200px;
	text-indent:-2000px;
	display:block;
	padding:0px 0 0 0;
	margin:30px 0 0 0;

}

#restorations p {
	text-transform: none;
	letter-spacing: 1px;


}

#restorations h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	width:100px;
	font-size: 12px;
}



#aboutIndex {
	width:100%;
	height:200px;
		
}


#aboutIndex h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#b9201b;
	font-weight:normal;
	text-transform:uppercase;
	font-size: 12px;
	letter-spacing: 3px;
	margin-top: 450px;

	
}

#aboutIndex p {
	width:550px;
	margin-bottom: 10px;
	font-size: 12px;
	letter-spacing: 1.5px;
	
}

#aboutIndex a {
	text-decoration:none;
	color:#b9201b;
	letter-spacing: 1.5px;
	

}

#aboutIndex a:hover, #aboutIndex a:active {
	border-bottom: 1px dotted #fff;
	color:#fff;
	letter-spacing: 1.5px;
	

}

#right img {

	display:inline;
	float:right;
	margin:0px 8px 6px 4px;
	padding-bottom:30px;
	padding-left:10px;
	padding-right:40px;
	padding-top: 0px;
}


/*ContentAbout

_____________________________________________*/


#panelAbout { 
	position:absolute; 
	top:155px; 
	left:65px; 
	
}

.aboutAbout {
	width:800px;
	height:100%;
	
	
		
}

.aboutAbout h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#b9201b;
	font-weight:normal;
	text-transform:uppercase;
	font-size: 12px;
	letter-spacing: 3px;
	margin-top: 10px;

	
}

.aboutAbout p {
	width:100%;
	margin-bottom: 10px;
	font-size: 12px;
	letter-spacing: 1.5px;
	height:100%;
}


	
/*News

_____________________________________________*/

.left img {

	display:inline;
	float:left;
	margin:0px 8px 6px 4px;
	padding-bottom:60px;
	padding-left:10px;
	padding-right:30px;
	padding-top: 0px;
}

.right img {

	display:inline;
	float:right;
	margin:0px 8px 6px 4px;
	padding-bottom:30px;
	padding-left:10px;
	padding-right:40px;
	padding-top: 0px;
}


/*Portfolio

_____________________________________________*/

.galleryPresent {
	list-style:none;
	margin:0px;
	padding:0px;
	margin:0px;
	
}

#portfolio h3 {
	color:#B9201B;
	font-family:Gill Sans,Georgia,"Times New Roman",Times,serif;
	font-size:15px;
	font-weight:normal;
	letter-spacing:3px;
	text-transform:uppercase;
	width:300px;

}

#portfolio p {
	color:#fff;
	font-family:Gill Sans,Georgia,"Times New Roman",Times,serif;
	font-size:11px;
	font-weight:normal;
	letter-spacing:3px;
	text-transform:uppercase;
	width:400px;
	margin: 0 0 20px 0;

}


#portfolio {
	padding-top:465px;
	padding-left:85px;
	width:815px;
	color:#674f5d;
	font-size:13px;
	line-height:20px;
	

}


#portfolio ul li {
	float:left;
}


#portfolio ul li a img {
	outline:none;
	text-decoration:none;
	border:none;
	background:none;
	margin: 0 15px 20px 0;
	padding:0 15px 0 0px;
	
}

#portfolio ul li a {
	outline:none;
	text-decoration:none;
	border:none;
	background:none;
	height:80px;
	width:80px;
	margin:0px
}

/*Contact Form
--------------------------------------------------------------*/



#contact-area {
	width: 500px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 420px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin-left: 15px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

td.left {
	width: 80px;
	text-align: left;
	margin-top:0px;
	padding:0px 30px 0 30px;
	font-family:Gill Sans;
	text-transform: uppercase;
	font-size:1.1em;
	letter-spacing:0.1em;
	color:#fff;
	margin:0px;
}






/*Footer

_____________________________________________*/



#footer {
	background: #280806 url(../images/footerBg.jpg) repeat-x;
	font-size:11px;
	line-height:14px;
	width:2000px;
	height:170px;
}

#footer img {
	float:left;
	margin-left:80px;
	margin-right:10px;
	margin-top: 50px;
}


#footer span {
	display:block;
	float:left;
	padding-top:62px;
	letter-spacing: 1.2px;
}


#footer a {
	color:#9e8292;
	text-decoration:none;
}


#footer a:hover { 
	border-bottom: 1px dotted #fff;
	color:#ffffff; }