/* --- CSS --- */
/* ---   chris@grafeio.co.uk   --- */

/* --- main body settings --- */

body {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	color: #004;
	background: url(../img/pagebg.jpg) repeat-x #efefef;
	}

img {
	border: none;
	}
	
p { 
	margin: 0;
	padding: 0;
	text-align: justify;
	}
	
em {
	font-style: normal;
	font-weight: bold;
	}

h1 {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: bold;
	font-family: "Trebuchet MS", trebuchet, arial, sans-serif;
	font-size: 125%;
	color: #933;
	}
h2 {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: bold;
	font-family: "Trebuchet MS", trebuchet, arial, sans-serif;
	font-size: 125%;
	color: #933;
	}
	
.right {float: right; text-align: right; padding-left: 20px;}
.left {float: left; text-align: left; padding-right: 20px;}
.note {font-size: 90%; color: #555;}


/* --- page layout --- */




/* -------------------- */

#container1 {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 820px;
	background: url(../img/c1bg.gif) repeat-y;
	}

#container2 {
	margin: 0 auto;
	padding: 0;
	width: 750px;
	background: url(../img/c2bg.jpg) no-repeat;
	}

/* -------------------- */

#home_header {
	margin: 0 auto;
	padding: 0;
	width: 730px;
	height: 200px;
	background: url(../img/header/header1.jpg) no-repeat;
	}

#header {
	margin: 0 auto;
	padding: 0;
	width: 730px;
	height: 200px;
	background: url(../img/header/rotate.php) no-repeat;
	}

#navigation {
	clear: both;
	margin: 0 auto;
	padding-top: 5px;
	width: 730px;
	text-align: left;
	background: #fff;
	}

#navigation ul {
	margin: 0;
	padding: 8px 0 7px 0;
	border-bottom: 1px solid #d9d9d9;
}

#navigation li {
	display: inline;
	list-style-type: none;
	padding-right: 4px;
	}

#navigation li a, #navigation li a:visited{
	padding: 7px 6px;
	color: #999;
	text-decoration: none;
	background: #f3f3fe;
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	}
	
#navigation li a:hover{
	color: #b00;
	background: #fff;
	}

#navigation li#active a{
	color: #333;
	background: #efefef;
	border-bottom: 1px solid #efefef;
	z-index: 2;
	}
	
/* -------------------- */

#column1 {
	float: right;
	margin-top: 30px;
	padding: 5px;
	width: 190px;
	height: 400px;
	}

.box_top {
	width: 100%;
	height: 17px;
	text-align: center;
	font-weight: bold;
	background: url(../img/box_top.jpg) repeat-x;
	color:#000;
	border-bottom: 1px solid #999;
	}

#column1 ul { 
	margin: 0;
	padding: 0;
	list-style-type: none;
	}


#column1 li {	
	padding: .2em 0 .2em .8em;
	}

#column1 li a { 
	display: block;
	margin: 0 0 1px 0;
	text-decoration: none;
	}

#column1 li a:hover {
	display: block;
	background: url(../img/rp_list.gif) repeat-x;
	color: #fff;
	}

#column1 li#active a {
	display: block;
	background: url(../img/rp_list.gif) repeat-x;
	border: 1px solid #555;
	}

.home_list li { 
	display: block;
	margin: 0 0 1px 0;
	padding: .2em 0 .2em .8em;
	}

#news {
	margin-top: 10px;
	width: 170px;
	height: 50px;
	text-align: left;
	}

#submenu {
	margin-top: 10px;
	width: 170px;
	text-align: left;
	border: 1px solid #aaa;
	}

#column1 .side_box {
	margin-top: 10px;
	width: 175px;
	font-size: 90%;
	text-align: left;
	border: 1px solid #aaa;
	}

#column1 .side_box_sans {
	margin-top: 10px;
	width: 175px;
	font-size: 90%;
	text-align: left;
	border: 0px;
	}
	
#column1 .side_box p {
	margin: 0;
	padding: 10px;
	}
	
#column1 .side_box a, #column1 .side_box a:visited {
	color: #004;
	text-decoration: none;
	border: none;
	}

#column1 .side_box a:hover, #column1 .side_box a:active {
	color: #b00;
	text-decoration: underline;
	border: none;
	}

#column1 .mcp_logo {
	margin-top: 5px;
	width: 170px;
	text-align: center;
	}

#column1 .specials {
	margin-top: 10px;
	width: 170px;
	text-align: center;
	}

	
/* -------------------- */

#content {
	margin-top: 20px;
	margin-left: 25px;
	margin-bottom: 20px;
	padding: 0;
	width: 500px;
	text-align: justify;
	}
	
#content a {
	color: #036;
	text-decoration: underline;
	}

#content a:hover, a:active {
	color: #fff;
	text-decoration: none;
	}

#content ul {
	}

#content li {
	padding-top: .2em;
	list-style-type: none;
	}

#page_title {
	width: 300px;
	height: 20px;
	padding: 1px 0 0 30px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #fff;
	background: url(../img/page_title.jpg) no-repeat;
	}

#collage {
	padding-top:12px;
	}

div.float_left {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	}

.float_left img {
	float:left;
	padding-right: 0px;
	padding-bottom: 0px;
	}

 div.float_right {
	margin-bottom: 10px;
	padding-bottom: 10px;
 	text-align: right;
	border-bottom: 1px solid #ccc;
	}

.float_right img {
	float:right;
	padding-left: 0px;
	padding-bottom: 0px;
	}

.summary {
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	}


.summ_title {
	margin-bottom: 8px;
	}


.summ_foto {
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #9bd;
	}




/* -------------------- */

#form {
	margin: 15px 0;
	float: right;
	font-size: 90%;
	}

#form fieldset {
	padding: 10px;
	border: 1px solid #ddd;
	}

#form legend {
	color: #036;
	}

#form_error  p {
	padding: 10px 0 10px 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	color: #d00;
	border-top: #d00 1px solid;
	border-bottom: #d00 1px solid;
	}

#form .textfield {
	width: 140px;
	height: 20px;
	margin: 3px;
	padding: 2px 0 0 4px;
	background: url(../img/textfield_bg.gif) no-repeat;
	border: 0px solid #eee;
	}

#existing_client {
	margin-right: 0px;
	}

#form table.personal_details td fieldset {
	height: 155px;
	}

#form .textarea {
	margin: 3px;
	padding: 4px 0 0 4px;
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	background: url(../img/textarea_bg.gif) no-repeat;
	border: 0px solid #eee;
	}

.submit, .reset {
	width: 60px;
	margin: 3px;
	}
	
#login_form .textfield {
	width: 80px;
	margin: 0px;
	padding: 0;
	font-size: 9pt;
	}
	
#login_form .submit {
	width: 50px;
	margin: 0px;
	padding: 0;
	font-size: 9pt;
	}

/* -------------------- */

#footer {
	clear: both;
	margin: 10px auto 0 auto;
	padding: 0 0 10px 0;
	height: 50px;
	text-align: center;
	font: 10px "Lucida Grande", verdana, sans-serif;
	color: #79b;
	background: url('../img/footerbg.jpg') no-repeat bottom;
	}

#footer ul { 
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#footer ul li { display: inline; }
		
#footer a:link, a:visited {
	color: #79b;
	text-decoration: none;
	}

#footer a:hover, a:active {
	color: #0b0;
	text-decoration: none;
	border-top: 1px solid #0b0;
	}

/* ------------ */
/*--- Finito ---*/