/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
div { text-align: left; vertical-align: top;
	top: 0px;
	left: 4px;
}
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }

/* Global Classes
=====================================================================*/
.distext { display: none; }
.clearboth { clear:both; }
.clearleft { clear: left; }
.clearright { clear:right; }

/* Global Elements
=====================================================================*/

html { overflow-x: auto; height:100%;}
	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
body 
{
	background-position: 50% 0;
	background: url('/Images/ArtistiBG.jpg') no-repeat scroll 50% 0;
	background-color: #180E04;
	text-align: center;
	line-height: 1.6em;
	color: #B9631E;
}
hr
{
	height: 3px;
	background-color: #241405;
	border-style:none;
	text-align: center;

}

/* Library
=====================================================================*/

.l { float: left; width: 49%; }
.r { float: right; width:49%; }
.r:after { display: block; content: ''; clear: both; height: 0; visibility: hidden; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.justify { text-align: justify; }
.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; float: none; }
.clear-right { clear: right; float: none; }
.hide {	display:none; }
.clear-both { clear: left; float: none; }
.inline { display: inline; }
.block { display: block; }
.noborder { border: 0px none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.visible { display: block; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.border5 { border: solid 10px #241405; }
.border10 { border: solid 10px #241405; }
.border20 { border: solid 20px #241405; }
.font36 { font-size:36px;}
.font24 { font-size:24px;}
.font18 { font-size:18px;}

div.hidden, a.hidden
{
	display: none;
	margin: 0;
}

/* Typographic Elements
=====================================================================*/

h2, h4, h6, body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

blockquote, em, h1, h3, h5, i, .feedBy  {
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* Navigation 2.0
-------------------------------------------------------------- */
#nav  
{
	line-height: 1; 
    z-index: 9998; 
    background-image: url('/Images/ArtistiNavigation.jpg');
    background-repeat: no-repeat;
    height:50px;
    width:960px;
    }
    
 #nav a {
	display: block;
	height: 50px;
	text-indent: -999em;
	overflow: hidden;
}

#nav li { float: left; position: relative; }
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; }
	
		#nav ul.org-nav a {
				background: transparent url('/Images/ArtistiNavigation.jpg') no-repeat scroll 0 0;
				height: 50px;
			}
			#nav ul.org-nav #nav-spacer-left a {
				background-position: 0px 0px;
				width: 96px;
			}
			#nav ul.org-nav #nav-home a {
				background-position: -96px 0px;
				width: 96px;
			}
			#nav ul.org-nav #nav-home a:hover {
				background-position: -96px -50px;
			}
			#nav ul.org-nav #nav-classes a {
				background-position: -192px 0px;
				width: 96px;
			}
			#nav ul.org-nav #nav-classes a:hover {
				background-position: -192px -50px;
			}
			#nav ul.org-nav #nav-gallery a {
				background-position: -288px 0px;
				width: 96px;
			}
			#nav ul.org-nav #nav-gallery a:hover {
				background-position: -288px -50px;
			}
			#nav ul.org-nav #nav-store a {
				background-position: -384px 0px;
				width: 96px;
			}
			#nav ul.org-nav #nav-store a:hover {
				background-position: -384px -50px;
			}
			#nav ul.org-nav #nav-links a {
				background-position: -480px 0px;
				width: 96px;
			}
			#nav ul.org-nav #nav-links a:hover {
				background-position: -480px -50px;
			}
			#nav ul.org-nav #nav-blog a {
				background-position: -576px 0px;
				width: 96px;
			}
			#nav ul.org-nav #nav-blog a:hover {
				background-position: -576px -50px;
			}
			#nav ul.org-nav #nav-about a {
				background-position: -672px 0px;
				width: 96px;
			}
			#nav ul.org-nav #nav-about a:hover {
				background-position: -672px -50px;
			}
			#nav ul.org-nav #nav-contact a {
				background-position: -768px 0px;
				width: 96px;
			}
			#nav ul.org-nav #nav-contact a:hover {
				background-position: -768px -50px;
			}

			#nav ul.org-nav #nav-spacer-right a {
				background-position: -864px 0px;
				width: 96px;
			}




/* Masterpage Headers
=====================================================================*/

h1 {
	font: italic normal bold 1.9em/normal Georgia, "Times New Roman", Times, serif;
	color: #B9631E;
}

h2 {
	font-size: .8em;
	text-transform: uppercase;
	color: #B9631E;
	font-weight: bold;
}

.l h2 { } /* Left column specific */

.r h2 { letter-spacing:1px; padding: 0px 7px; margin-bottom: 10px; } /* Right column specific */

h3 {
	font-size: 1.7em;
	line-height: 1.1em;
	color: #9BB52D;
}

h4 {
	font-size: .9em;
	text-transform: uppercase;
	color: #188C96;
	letter-spacing: 1px;
	font-weight: bold;
}

h5 {
	font-size: 1.5em;
	line-height: 1.2em;
}

h6 {
	font-size:.88em;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}


/* Global Links
=====================================================================*/

a {
	margin: 0px;
	padding: 0px;
}

a:link,
a:visited,
a:active
{
	background: transparent;
	color: #B9631E;
	text-decoration: none;
	
}

a:hover
{
	background: transparent;
	color: #188C96;	
	text-decoration: none;
}

#topborder
{
	height: 30px;
	background-color: #3A2007;
}

#logoarea
{
	margin: 0 auto 0 auto;
	height: 150px;
	width: 960px;
	text-align: left;
}

/*---------------------------------
Silverlight
-------------------------------------*/
    #silverlightControlHost {
	    height: 100%;
	    width: 960px;
	    text-align:center;
    }

#maingrid
{
	margin: 0 auto 0 auto;
	text-align: left;
	/* re_aligns text to left second part of two part MSIE centering workaround */
	width: 960px; 	/* Total width */
	background: transparent;



}

#bottom {
	width: 960px;
	position: relative;
}

/*
---------------------------------------
HomePage
---------------------------------------
*/
#homePage
{
	margin: 10px;
}
#homePage p
{
	margin-left:5px;
	margin-right: 10px;
}

#homePage a
{
    margin-left:5px;
}
#homePage img
{
	margin-right:20px;
}

/*
---------------------------------------
Faux CLASSES
---------------------------------------
*/
#classes
{
	text-align:center;
}
#classesPics
{
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

#classText
{
	text-align:center;
}


/*
---------------------------------------------------------------
Gallery
-----------------------------------------------------------------
*/

#commercial img
{

	margin-right: 20px;
}

#residential img
{

	margin-right: 20px;
}

#finishes img
{

	margin-right: 20px;
}

/*
---------------------------------------------------------------
GALLERY VIEW
---------------------------------------------------------------
*/

#galleryview
{
	text-align:center;
}

/*
-----------------------------------------------
Blog
------------------------------------------------
*/

#blogitem
{
	margin-top: 20px;
}

#bloglist
{
	margin-top: 20px;
}



/*
-------------------------------------------------------------- 
FOOTER
-------------------------------------------------------------- 
*/

.footer {
	vertical-align: bottom;
	height:125px;
	clear:both;

	background: url('/Images/ARFooter.jpg') no-repeat scroll 50% 0;
} 


.footer a { display: inline; white-space: nowrap; color: #B9631E; }

.footer a:Hover
{
	display: inline; white-space: nowrap; color: #188C96;
}

.footer ul {
   	margin: 0 auto;
   	padding: 1em 0;
   	text-align: center;
   	width: 85%;
}
.footer ul li{
	display: inline;
	padding: 0.5em;
}
.footer hr 
{
	margin-right: 13px;
}