
/* Belfast Framer styles */
/* global settings */

html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
font-weight:normal;
line-height:.5em;
font-size: 100.01%;
}



body {
font-size: 100.01%;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-family: "Times New Roman", Times, serif;
color: #593511;
text-align: center;
background-image:url(g/background.jpg);


}


/* classes */




.border-1  { border:1px solid #593511; }

.border-2  { border:2px solid #593511;}



.float-left   {

float:left;
margin:0 12px 0px 0;

}

.float-right   {

float:right;
margin:0  0 0px 12px;

}

.clear-floats  {

clear:both;
height:1px;
width:100%;

}



.squeeze-five   {

margin:5px;

}




.underline   {
padding-bottom:2px;
border-bottom:1px solid #593511;
width:100%;
}



.hide   {  display:none;}


.head-room   {line-height:1.2em;}


/*  font size classes  */


.xxxl   {   font-size:180%;}

.xxl   {  font-size:160%;}

.xl   {   font-size:140%;}

.l   {    font-size:120%;}

.s   {    font-size:90%;}

.xs   {    font-size:80%;}

.bold  {   font-weight:bold;}

.normal  {   font-weight:normal;}


/*  font classes  */

.times  {   font-family: "Times New Roman", Times, serif;}

.arial  {   font-family: Arial, Verdana, Helvetica, sans-serif;}

.verdana  {   font-family: Verdana, Arial, Helvetica, sans-serif;}

.lucida {  font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;}

.arial-black {  font-family: Arial Black, Arial Black, Gadget, sans-serif;}

.impact {  font-family:Impact, Impact5, Charcoal6, sans-serif;} 

.comic {  font-family:Comic Sans MS, Comic Sans MS5, cursive;}
 
.mono {  font-family:Courier New, Courier New, Courier6, monospace;}



/*  letter spacing classes  */


.space-one   {  letter-spacing:1px;}

.space-two   {  letter-spacing:2px;}

.space-three   {  letter-spacing:3px;}




/*  text align classes  */


.left   {  text-align:left;}

.right   {  text-align:right;}

.center   {  text-align:center;}

.justify   {  text-align:justify;}


/*  vertical spacing classes  */


.height-5  { width:100%;height:5px;}
.height-10  { width:100%;height:10px;}
.height-20  { width:100%;height:20px;}
.height-50  { width:100%;height:50px;}



.squeeze-5  {  margin:5px;   }

.lh-normal  {

line-height:1.4em;

}

.lh-one  {

line-height:1em;

}









/* page layout divs */


#page-wrap   {

padding-bottom:40px;

}




#center-page  {

width:750px;

margin: 10px auto 0px auto;
text-align:left;
background-image: url(g/page-body.jpg);
background-position: 0px 0px;
background-repeat: repeat-y;


}

#page-top   {

background-image: url(g/page-top.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;

height:94px;


}


#page-foot   {

background-image: url(g/page-foot.jpg);
background-position: 0px bottom;
background-repeat: no-repeat;
padding-bottom:0px;
height:40px;


}


#inner-page    {

margin:0 37px 0px 30px;
 border:1px solid #593511; 
background-image: url(g/WhiteShadeAA.jpg);
background-repeat: no-repeat;
background-position: -140px -20px;
padding:26px 0 30px 0;


}


#left-column    {

width:190px;
float:left;
margin:0px 0 0 0px;
height:400px;
}

#address-plate   {

background-image: url(g/gold.jpg);
background-repeat: repeat-y;
width:170px;
 border:1px solid #593511;
border-top:1px solid #fff575;
border-right:1px solid #fff575;
margin:0 0 0 10px;

}

address.squeeze  {

margin:6px;

}


#main-column    {

width:470px;
float:left;
margin:0px 0 0 0px;


}





.set-margins   {

margin-left:20px;margin-right:20px;


}

.set-margins p {

font-size:90%;
line-height:1.4em;
margin:0 0 1em 0;


}


.set-margins img   {

 border:1px none #593511;

}


.set-margins img.no-border  {border:none;}

.set-margins big   {

font-size:150%;

}


.set-margins address  {

font-size:86%;
line-height:1.2em;
margin:0 0 1.4em 0;


}

.dotted-line  {

height:1px;
border-bottom:1px dotted #d2c3b4;
margin:0 0 1em 0;
}



.set-margins h2, h3, h4, h5, h6   {

line-height:1em;
margin:0 0 .5em 0;

}

h1.page-title   {

font-family: "Times New Roman", Times, serif;
font-size:150%;
line-height:1em;
margin:0 0 1em 0;
border-bottom:1px solid #baa38e;

}









/* Primary navigation styles */

#nav  { 
		
position:absolute;
top:75px;left:50%;z-index:5;
border-top:3px double #ECB889;
border-top:3px double #593511;
border-right:none;border-bottom:none;
width:648px;
height:4em;
margin:0 0 0 -344px;
padding:19px 0 0 0;
text-align:left;

}
							
						
#menu  {	text-align:right;}
	
#menu ul  {	

text-align:center;
width:100%;
list-style-type:none;
font-size:11px;
font-family:verdanna, sans-serif;
margin:0px 0px 0px 0px;padding:0;
display:inline;


}	


#menu ul li a { 


text-decoration:none;
color:#91181A;font-weight:bold;
display:inline;
line-height:1.5em;
padding:0 10px 0 10px;margin:0;
background:#fff;
border-right:solid 1px #ECB889;
border-bottom:solid 1px #ECB889;
border-left:solid 1px #ECB889;
border-top:solid 1px #ECB889;


border:1px solid #593511;
}



#menu ul li.home a { background:#fff;}
 #menu ul li.about a { background:#fff;}
#menu ul li.news a { background:#fff;}
#menu ul li.artists a { background:#fff;}
#menu ul li.samples a { background:#fff;}

#menu ul li a:hover {

background:#ECB889;
background-image:url(g/shaderA.jpg);
background-repeat: no-repeat;
background-position:0px 0px;
							
}

#menu ul  li{

				
margin:0px 0px 0px 10px;
padding:0 0px 0 0px;
letter-spacing:0;
display:inline;
text-align:center;
			
			
   
}








/*  font size classes  */

.huge   {   font-size:400%;}
.xxxxxl   {   font-size:300%;}
.xxxxl   {   font-size:200%;}
.xxxl   {   font-size:180%;}
.xxl   {  font-size:160%;}
.xl   {   font-size:140%;}
.l   {    font-size:120%;}

.s   {    font-size:90%;}
.xs   {    font-size:80%;}
.xxs   {    font-size:75%;}
.xxxs   {    font-size:70%;}

.bold  {   font-weight:bold;}

.normal  {   font-weight:normal;}



.drop-cap:first-letter { 

font-size: 280%; 
float: left;
line-height:.8em;
color:#8ca460;


}





/*ViewMaster  */
/*Single Column  */
/*Width scales to fix box */
/*Or Set Width in dl class */
/*Use dt for title */
/*use span title for subtitle that floats over picture */
/*Use dd for image or text */
/*Add padding to dd bottom with foot class */

dl.viewmaster    {

margin-bottom:30px;



}

.viewmaster dt  {

margin:0 0 0em 0;
line-height:1em;


}


.viewmaster dd   {

margin:0px;
line-height:1em;
padding-top:0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:80%;



}


.imageWrap  {

margin-bottom:20px;
}

.imageWrap h6 {

 font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:70%;
padding-top:1px;
}

				