/*
	HartillArt.com Cascading Style Sheet
	Author: design@mpace.ca/www.mpace.ca
*/

/*
	To navigate - ctrl + f, type the below plus an "s"
	=paragraph
	=heading
	=list
	=link
	=form
	=table
	=div-struc
	=classe
	=fixe
*/



@media handheld {}

@media screen, projection{

html,body{
	font-size:86%;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #f5f3e9;
}

body {background:#000 url(images/pattern-bg.jpg) repeat-x top center;}

/*RESET STYLES*/
body,div, dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,label,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0; line-height:1.4em;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,th,var{font-style: normal; font-weight:normal;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
caption,th{text-align:left;}
object{margin:0; padding:0; line-height:1;}

/*TAGS*/
strong {}
label{}
input,select{}
form{display:inline;}
cite{font-size:0.85em; color:#666; width:700px; display:block;}

/*
	=paragraphs
********************************/
p{margin:8px 0;}
#site_info p{padding:0; margin:0 0 8px 0; color:#fff; font-size:0.85em;}
#contact_form p{margin:0 0 8px 0;}

/*
	=headings
*******************************/
#header h1 a{ background:url(images/logo-main.gif) no-repeat top left; position:absolute; left:0; top:20px; width:453px; height:104px; text-indent:-9999px;}
h2{font-size:1.6em; color:#d3ceb5; text-transform:uppercase; letter-spacing:0.15em;}
h3{font-size:1.2em; color:#aba898; margin:5px 0;}
h4{font-size:1em; color:; text-transform:uppercase; letter-spacing:0.2em;}

/*
	=lists
*******************************/
#main_navigation ul{font-size:1.2em; letter-spacing:0.2em; margin:0; padding:0;}
#main_navigation ul li{margin:0 0 5px 0; padding:0;}

#skip{position:absolute; text-indent:-9999px;}

#content_main ul{margin:8px 0 8px 15px;}
#content_main ul li{margin:5px 0;}

/*
	=links
*******************************/
#header a{border:none; text-decoration:none;}
a {color:#fff; text-decoration:none; padding-bottom:0.2em;}
#content_main a:link,#content_main a:visited {background:url(images/bg_link.gif) repeat-x bottom left;}
#content_main a:hover,#content_main a:active {background:none;}
#main_navigation ul li a, a:link, a:visited {font-weight:bold;}
a:hover, #main_navigation a:hover, #main_navigation a:active, a:hover, a:active {color:#d3ceb5;}

/*
	=forms
*******************************/
#contactForm #name,#contactForm #email, #contactForm #subject, #contactForm #comment-question{width:300px;}

/*
	=tables
*******************************/

/*
	=div-struct
*******************************/
#container,#header,#content{width:900px; position:relative;}
#container{text-align:left;	margin:0 auto;}

#header{height:140px;}

#content{width:900px; position:relative;}
#content_main{width:700px; float:left; position:relative; background:#000 url(images/content-bg.jpg) repeat-x top center; border-top:5px solid #262626; border-bottom:1px solid #262626;  padding:5px 10px 5px 10px;}

#content_secondary{padding-left:25px; float:left; position:relative;}

#site_info{width:880px; position:relative; text-align:left; padding:5px 10px 0 10px;}

#content_welcome{width:700px; padding-bottom:20px;}

#portfolio{float:left; width:700px; height:599px;  margin-left:-10px; padding-bottom:15px; }

#contact_info,#contact_form{float:left; width:340px;}

.image_dvd{margin-top:5px; width:690px; display:block; padding:5px; clear:both; float:left; background-color:#0e0e0e; border-bottom:1px solid #1f1f1f;}
.image_dvd img{border:1px dotted #1f1f1f; padding:2px; background-color:#0a0a0a; padding:5px; float:right; display:block;}


/*
	=classes
*******************************/
.icon_link{vertical-align:middle; margin-right:3px;}
.image-right{float:right; display:block; padding:5px; border:1px solid #333; background-color:#fff; margin:0 0 8px 8px;}
.firstItem{margin-top:0; padding-top:0; line-height:1;}
.item_number{font-weight:bold; color:#aba898;}
.newImages{font-weight:bolder; color:yellow;}
/*
	=fixes
*******************************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


}

@media print {

	html { font: 100%/1.5 Tahoma,arial, serif; }
	#header, #main_navigation, #content_secondary, #footer {display:none;}
    #content_main{ margin-top:5px;line-height:1.5em; }
}