/* @group Basic */

* {

	margin: 0;
	padding: 0;
	
	}
	
.clear {

	clear: both;
	
	}
	
body {
	
	background: url('../images/composition/background.png')	left top repeat-x #F3D4F6;
	/* 12px Sans-serif */
	font: .75em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
	}

/* @group Styles */

a {

	color: #1a1a1a;
	text-decoration: none;
	
	}

p {

	line-height: 150%;
	
	}
	
p img {

	float: left;
	margin-right: 10px;
	
	}

/* @end */

/* @end */

/* @group Formatting */

/* @group Form */

.form {

	list-style-type: none;
	
	}
	
.form li {

	padding-bottom: 5px;
	
	}
	
.form .title {
	
	display: inline-block;
	font-weight: 800px;
	width: 120px;
	
	}
	
.form li .content input {

	width: 300px;
	
	}
	
.form li .content textarea {

	width: 304px;
	
	}

/* @end */

#sun {

	background: url('../images/composition/sun.png') left top no-repeat;
	height: 72px;
	position: absolute;
	width: 72px;
	z-index: 5;
	
	}

/* @group Header */

#header {
	
	height: 120px;
	margin: 0 auto;
	width: 750px;
	
	}
	
#header .title {
	
	background: url('../images/composition/logo4.png') left top no-repeat;
	display: block;
	float: left;
	height: 89px;
	width: 400px;
	margin-top: 20px;
	
	}

#header .title:hover {

	background-position: left bottom;
	
	}
	
#header .scenery {

	float: right;
	margin-top: 54px;
	
	}



/* @end */

/* @group Navigation */

#navigation {

	background: url('../images/composition/navigation_background.png') left top repeat-x;
	height: 51px;
	padding-top: 34px;
	
	}
	
#navigation ul {

	display: block;
	list-style-type: none;
	width: 400px;
	margin: 0 auto;
	
	}
	
#navigation li {

	background: url('../images/composition/navigation_button.png') right top no-repeat;
	color: #0b0b0b;
	display: block;
	float: left;
	height: 26px;
	list-style-type: none;
	margin-right: 10px;
	
	}
	
#navigation li a {
	
	background: url('../images/composition/navigation_tab.png') left top no-repeat;
	color: #21181d;
	display: block;
	height: 21px;
	margin-left: -5px;
	padding: 5px 5px;
	padding-bottom: 0px;
	text-decoration: none;

	}
		
#navigation li:hover {

	background-position: right bottom;
	
	}
	
#navigation li:hover a {

	text-decoration: none;
	background-position: left bottom;
	
	}
	
#navigation li.clear {

	background: none;
	margin: 0;
	padding: 0;
	
	}



/* @end */

/* @group Content */

/* @group Right */

#content .right {

	background: url('../images/composition/banner4.png') left top no-repeat;
	float:  right;
	height: 600px;
	width: 160px;
	
	}
	
#content .right .home {

	background: none;
	display: block;
	height: 76px;
	margin-top: 164px;
	margin-left: 11px;
	position: absolute;
	width: 139px;
	
	}
	
#content .right .home:hover {

	background: url('../images/composition/right_home_button.png') left top no-repeat;
	
	}
	
#content .right .watchdog {

	background: none;
	display: block;
	height: 147px;
	margin-top: 282px;
	margin-left: 11px;
	position: absolute;
	width: 140px;
	
	}
	
#content .right .watchdog:hover {

	background: url('../images/composition/right_family_button.png') left top no-repeat;
	
	}
	
	
#content .right .twitter {

	background: none;
	display: block;
	height: 120px;
	margin-top: 471px;
	margin-left: 19px;
	position: absolute;
	width: 107px;
	
	}
	
#content .right .twitter:hover {

	background: url('../images/composition/right_twitter_button.png') left top no-repeat;
	
	}



/* @end */

/* @group Left */

#content .left {

	float: left;
	padding: 10px;
	
	}
	

#content .left .phone {

	font-style: italic;
	
	}	
	
#content .left .links {

	margin-top: 5px;
	
	}
	
#content .left .links a {

	background: #C0A7C2;
	display: block;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 5px;
	
	}
	
#content .left .links a:hover {

	background: #6b5d6c;
	color: #FFF;
	
	}
	
#content .left .links a:visited {

	background: #a691a8;
	
	}
	
#content .left .box {

	margin-bottom: 10px;
	
	}

#content .left .box .top, #content .left .box .bottom {

	width: 590px;
	
	}
	
#content .left .box .top {

	background: url('../images/composition/left_content_top.png') left top no-repeat;
	height: 10px;
	
	}
	
#content .left .box .content {

	background: url('../images/composition/left_content_background.png') left top repeat-y;
	padding: 0 10px;
	width: 570px;
	
	}
	
#content .left .box .content .column {

	float: left;
	margin-right: 10px;
	max-width: 457px;
	
	}
	
#content .left .box .bottom {

	background: url('../images/composition/left_content_bottom.png') left top no-repeat;
	height: 10px;
	
	}



/* @end */

#content {

	background: url('../images/composition/puddle.png') left top no-repeat #C0A7C2;
	width: 770px;
	margin: 0 auto;
	
	}

#content .name {
	
	font-variant: small-caps;
	font-size: 1.16em
	
	}

/* @end */



/* @end */