/* 

STYLE SHEET FOR tony quinn accountants 

Created by Jane Moran

	

1. defaults
	
2. structure
	
3. links and navigation
	
4. fonts
	
5. images

Notes



*/



/* --------- 1. defaults  --------- */



* {
	margin: 0;
		
	padding: 0;
	
	}
html, body {margin: 0;  height: 100%;  min-height: 100%;}

body {
		
	margin: 0;
	padding: 0;
	font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #ffffff url(images/drop-shadow.gif) 50% 0 repeat-y;

	}

hr{border:1px solid #999; margin-right:20px; margin-bottom:10px;}

ul.default{list-style-type: none;
padding: 0;
margin: 0;}

ul.default li{margin-left:40px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .4em;padding-left: .6em;
}

/*  --------- 2. structure  --------- */



#wrapper {
		
	font-size: 1.2em;
	line-height: 1.8em;
	width: 1024px;
	margin: 0 auto;
	background: #ffffff; 	}
	
#bar {
	padding-top:184px;
	}	
#barimage {
	float: left;
	width: 1022px;
	}

	






	
#divleft, #divmid, #divright {
	margin-top: 8px;
	float: left;
	width: 325px;
	
	}

#divleft {
	margin-right:0px;
	padding-top: 25px;
	}

#divmid {
	width: 545px;
	padding-left: 53px;
	padding-right: 2px;
	color: #000000;
	
		}








#footer {
		

	font: 0.73em Verdana, Arial, Helvetica, sans-serif;
	
	color: #000000;
	width: 1024px;
	margin-bottom: 10px;
margin-top:20px;
font-weight:bold;
margin-left:10px;
	
	}
	

	

/* float-clearing rules */


.separator {
	clear: both;

			}



.separatorInvisible {
	clear: both;

			height: 1px;
		
			}



.clearFix:after {
    	content: "."; 
    	
			display: block; 
    	
			height: 0; 
    	
			clear: both; 
    	
			visibility: hidden;
		
			}		
		


/* ---------- 3. links and navigation ---------- */





#navigation ul {
	list-style-type:  none;

}
#navigation li {float:  left;	padding-bottom: 20px;	background: url(images/css-nav.gif) 0 0px;
height: 50px;	margin: -28px 0px 20px 0px;	}	
#navigation a:link, #navigation a:visited {
	font:  1.1em Arial, Helvetica, sans-serif;
	text-transform:  none;
	color:  #99cccc;
	text-decoration: none;
	display: block;
	height: 50px;
	padding-left: 25px;
	
}

#navigation a:hover {
	background: url(images/css-nav.gif) 0 -51px;
	color: #000000;
}

#navigation a:active {
	background: url(images/css-nav.gif) 0 -51px;
	color: #000000;
}

#homePage #homePageLink a:link, #homePage #homePageLink a:visited, 
#servicesPage #servicesPageLink a:link, #servicesPage #servicesPageLink a:visited,
#contactPage #contactPageLink a:link, #contactPage #contactPageLink a:visited
{background:  url(images/css-nav.gif) 0 -51px;
color: #000000;
	
}










#navigation {
		

	padding: 0px 0px 0px 380px;
	font: 1.4em Verdana, Arial, Helvetica, sans-serif;
	width: 480px;
	text-transform: none;
	text-decoration: none;
	color: #ffffff;	
	}	



a {
		
	color: #000000;
	}
		




a:link {
		
	color: #99cccc;
	}


a:visited {
		
	color: #99cccc;
	}
a:hover {
		
	color: #000000;	}	
	
contactdet a:link {
			
		color: #99cccc;
		text-decoration: none;
		}
contactdet a:hover {
			
		color: #000000;	}


/* ---------- 4. fonts ---------- */










h1 {

	font: 1.6em/2.1em Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;		

		}
	
		}
		
	h2 {
		margin: 0;
		padding: 0;
	    }
	h2 p {	
	    font-size: 1.1em;
		line-height: 1.2em;
		font-weight: lighter;
	    width: 270px;
		padding-left: 50px;
		
		}



.fa {

	color: #99cccc;
	}

.opening
{
	font-size: 0.6em;
	line-height: 0.8em;
	font-weight: lighter;
}






blockqquote {
	margin: 0;
	padding: 0;
	}
blockquote p {
	font-weight: lighter;
	font-size: 1.7em;
	line-height: 1.3em;
	width: 280px;
	padding-left: 55px;
    }
	
.boxout img {
	border: solid 1px #a39c94;
	}




