/* CSS Document */
body {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/light_body.gif);
	background-repeat: repeat-y;
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666;
}




/* Default Links */

a:link {

	color: #005daa;

}

a:hover {

	color: #005daa;

}

a:visited {

	color: #005daa;

}



p {

	font-size: 103%;

	color: #333333;

}

img {

	display: block;

}

#Left {

	color: #333333;

}



/* Default H1 Tag */

h1 {
  padding-bottom: 0.2em;

  font: 400 1.6em arial, sans-serif;
  color: #302669;
  border-bottom: 12px solid #ddd;
}



/* Default H2 Tag */

h2 {

	font-size: 130%;

	font-weight: bold;

}



/* Main Page Element */

#Page {

	width: 776px;

	margin-left: auto;

	margin-right: auto;

}



/* Page Header */

#Header {
	height: 101px;
	border-bottom: 3px solid #302669;
	background-color: #FFF;
}

#Header img {

	float: center;

	border: none;

	display: block;

}





#Left {

	float: left;

	width: 150px;

	margin-top: 20px;

	margin-bottom: 20px;

	margin-left: 20px;

	margin-right: 0px;;

	display: inline;

}

#Right {

	margin-top: 20px;

	margin-bottom: 20px;

	margin-left: 210px;

	_margin-left: 208px;

	margin-right: 20px;

	_margin-right: 18px;

	width: 540px;

}



#Right ul li {

	margin: 0px;

	padding: 0px;

	font-size: 103%;

}

#Right ol li {

	margin: 0px;

	padding: 0px;

	font-size: 103%;

}






/* Left Footer (inc contact details) */

#LeftFooter {

	clear: both;

	width: 180px;

	margin-top: -70px;

}

#LeftFooter ul {

	margin: 0px;

	padding: 0px;

	padding-top: 12px;

	margin-left: 20px;

}

#LeftFooter ul li {

	padding-left: 25px;

	padding-bottom: 12px;

	list-style: none;

}

#LeftFooter ul li.tel {

	background: url(/assets/icons/tel.gif) no-repeat top left;

}

#LeftFooter ul li.mob {

	background: url(/assets/icons/mob.gif) no-repeat top left;

}

#LeftFooter ul li.email {

	background: url(/assets/icons/email.gif) no-repeat top left;

	padding-bottom: 20px;

}



#LeftFooter ul li a {

    text-decoration: none;

    border-bottom: 1px dotted #005daa;

}

#LeftFooter ul li a:hover {

    text-decoration: none;

    border-bottom: 1px dotted Black;

}



/* Footer */

#Footer {

	border-top: 1px solid #ccc;

	padding-top: 10px;

	padding-left: 210px;

	padding-right: 10px;

	padding-bottom: 10px;

}



/* Image alignment in body copy */

.img {

	margin-right: 10px;
	border: 1px solid #000000;

}

.imgTop {

	margin-top: 0px;

}

.imgLeft {

	margin-left: 0px;

	float: left;

}

.imgRight {

	margin-right: 0px;

	float: right;

}







/* Client Quotes */

p.quote {

	margin: 0px;

	color: #005daa;

	font-size: 1.2em;


	width: 99%; /* For resolving IE em width issues */

}

p.credit {

	margin-top: 10px;

	color: #666666;

	text-align: right;

	font-size: 85%;

}



/* Sub Nav */

#Left ul {

	padding: 0px;

	margin: 0px;

}

#Left ul li {

	list-style: none;

	margin: 0px;

	margin-bottom: 5px;

}

#Left ul li a {
	margin: 0px;
	display: block;
	background: url(../images/button_off.gif) no-repeat top left;
	border-bottom: 1px solid #edf3f8;
	padding-top: 5px;
	padding-left: 20px;
	height: 19px;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}

#Left ul li a:hover {

	background: url(../images/button_on.gif) no-repeat top left;
	border-bottom: 1px solid #b5cee3;

}



body.home  #Left ul li a.home 
{	background: url(../images/button_on2.gif) no-repeat top left;	border-bottom: 1px solid #b5cee3;}

body.services  #Left ul li a.services 
{	background: url(../images/button_on.gif) no-repeat top left;	border-bottom: 1px solid #b5cee3;}


body.payroll  #Left ul li a.payroll 
{	background: url(../images/button_on.gif) no-repeat top left;	border-bottom: 1px solid #b5cee3;}


body.clients  #Left ul li a.clients 
{	background: url(../images/button_on.gif) no-repeat top left;	border-bottom: 1px solid #b5cee3;}


body.contact  #Left ul li a.contact 
{	background: url(../images/button_on.gif) no-repeat top left;	border-bottom: 1px solid #b5cee3;}








/* Wedding and Portrait Intro Pages */

body.property #Right {

	margin-top: 10px;

	margin-bottom: 10px;

	margin-left: 200px;

	_margin-left: 198px;

	margin-right: 10px;

	_margin-right: 8px;

	width: 490px;

}

body.property #Right #Intro {

	float: left;

	width: 220px;

	height: 185px;

	padding: 10px;

	background-color: #edf3f8;

}

body.property #Right #Image {

	float: right;

	width: 240px;

	margin-bottom: 10px;

}

body.property #Right #Intro h2 {

	margin-top: 0px;

	color: #005daa;

}



/* Misc */

form {

	margin: 0px;

	padding: 10px;

	background-color: #d4e0f7;

	

}



form h2 {

	margin-top: 0px;

	color: #005daa;

}



.hRule {

	border-top: 1px dotted #005daa;

}

.hRule hr {

	display: none;

}



.underline {

	text-decoration: underline;

}



/* Contact Page */

body.contact #Right ul {

	margin: 0px;

	padding: 0px;

	padding-top: 5px;

	margin-left: 20px;

}

body.contact #Right ul li {

	padding-left: 25px;

	padding-bottom: 12px;

	list-style: none;

}

body.contact #Right ul li.tel {

	background: url(/assets/icons/tel.gif) no-repeat top left;

}

body.contact #Right ul li.mob {

	background: url(/assets/icons/mob.gif) no-repeat top left;

}

body.contact #Right ul li.email {

	background: url(/assets/icons/email.gif) no-repeat top left;

}



/* Portfolio pages */

body.portfolio #Left {

	display: none;

}

body.portfolio #Right {

	margin: 0px;

	padding: 0px;

	width: 700px;

	height: 500px;

}

body.portfolio #LeftFooter {

	margin-top: 0px;

	padding-top: 5px;

	width: 700px;

	border-top: 1px solid #005daa;

}

.rightborder {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d2d2d2;
}
.small {font-size:12px;}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #4d6880;
	background-color: #edf3f8;
	padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #90b6d5;
	border-bottom-color: #90b6d5;
}
.imgborder {
	border: 1px solid #000000;
}
#slogan {
	float:right;
	margin: 75px 30px 0px 15px;
	font-family:"Trebuchet MS", Arial, Tahoma, "Times New Roman";
	font-size: 14px;
	color: #302669;
	font-weight: bold;
}
	
#logo {
	margin: 5px 0px 0px 15px;
	float:left;
}
blockquote {
  margin: 0;
  padding: 0 20px;
  background: #d4e0f7;
  border-top: 1px solid #302669;
  border-bottom: 1px solid #302669;
}