@charset "UTF-8";

/* -- Reset --------------------------- */

body {
	padding:0;
	margin:0;
	font:15px Arial,Helvetica,Garuda,sans-serif;
	*font-size:small;*font:x-small;
}
h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code {
	padding:0;
	margin:0;
	line-height:1em;
	font-size:100%;
	font-weight:normal;
	font-style: normal;
}
table {
	font-size:inherit;font:100%;
}
ul {
	list-style:none;
}
img {
	border:0;}
p {
	margin:1em 0;
}
img, div  {
	behavior: url(http://wecomefullcircle.com/iepngfix.htc);
}
#contenthead {
	width: 895px;
}

a {
	color: #2ABCCA;
	text-decoration: none;
}
a:hover {
	color: #E75BA6;
	text-decoration: none;
}


/* -- Canvas --------------------------- */

body {
	background-image: url(http://wecomefullcircle.com/images/bg.jpg);
	background-color: #28b2c3;
	background-repeat: repeat-x;
}

#container {
	width: 895px;
	height: auto;
	margin: 0px auto;
	position: relative;
	text-align: right;
}

#horizon {	background-color: transparent;
	position: absolute;
	margin-top: 30px;
	/* --margin-top: -235px;
	top: 35%;-- */
	left: 0px;
	width: 100%;
	text-align: center;
	min-width: 100px; 
}
#content {
	height: 550px;
	width: 895px;
	background-image: url(http://wecomefullcircle.com/images/bg_inside.png);
}
#contentgallery {
	height: 550px;
	width: 895px;
	background-image: url(http://wecomefullcircle.com/images/bg_gallery.jpg);
}

/* -- Navigation --------------------------- */

#main_nav {
	border-width: 1px 1px 1px 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #a6dfe6;
	border-bottom-color: #a6dfe6;
	padding-top: 3px;
}

#subnav {
	display:inline;
	width:208px;
	height:135px;
	margin-left: 195px;
	float: left;
}
#subnav ul {margin:0; padding:0; list-style-type:none;}
#subnav li {float:left;}

#subnav li.list1 {background:transparent url(http://wecomefullcircle.com/images/subnav/sub01_coordination.png);}
#subnav li.list2 {background:transparent url(http://wecomefullcircle.com/images/subnav/sub02_music.png);}
#subnav li.list3 {background:transparent url(http://wecomefullcircle.com/images/subnav/sub03_styling.png);}
#subnav li.list4 {background:transparent url(http://wecomefullcircle.com/images/subnav/sub04_flowers.png);}

#subnav a {display:block; width:52px; height:0; padding-top:135px; color:#000; overflow:hidden;}

#subnav a#item1 {background:transparent url(http://wecomefullcircle.com/images/subnav/sub01_coordination_up.png) -135px -52px no-repeat;}
#subnav a#item2 {background:transparent url(http://wecomefullcircle.com/images/subnav/sub02_music_up.png) -135px -52px no-repeat;}
#subnav a#item3 {background:transparent url(http://wecomefullcircle.com/images/subnav/sub03_styling_up.png) -135px -52px no-repeat;}
#subnav a#item4 {background:transparent url(http://wecomefullcircle.com/images/subnav/sub04_flowers_up.png) -135px -52px no-repeat;}

#subnav a#item1:hover {background-position:0 0; z-index:50;}
#subnav a#item2:hover {background-position:0 0; z-index:50;}
#subnav a#item3:hover {background-position:0 0; z-index:50;}
#subnav a#item4:hover {background-position:0 0; z-index:50;}

/* hack for older versions of IE with incorrect box model */

* html #subnav a:link, * html #subnav a:visited {height:135px; he\ight:0;}
* html #subnav a:hover {height:135px; he\ight:0;}

#sidebar {
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 195px; height: 415px;
	margin: 0 25px 0 0;
	padding: 10px 0 0 195px;
	float: left;	
}
#sidebar a {color: #2ABCCA; text-decoration: none;}
#sidebar a:hover {color: #E75BA6; text-decoration: none;}
#sidebar li {font-size: 85%; font-weight: bold; line-height: 20px;}
#sidebar img {
	display: block;
	margin-top: 30px;
	margin-right: 20px;
}


/* -- Sections --------------------------- */

.mark_home {
	width: 895px;
	height: 15px;
	display: block;
	display: block;
	background-image: url(http://wecomefullcircle.com/images/bookmark.png);
	background-repeat: no-repeat;
	background-position: 37px;
}
.mark_coordination {
	width: 895px; height: 15px; display: block; display: block;
	background-image: url(http://wecomefullcircle.com/images/bookmark.png); 
	background-repeat: no-repeat;
	background-position: 205px;	
}
.mark_music {
	width: 895px; height: 15px; display: block; display: block;
	background-image: url(http://wecomefullcircle.com/images/bookmark.png); 
	background-repeat: no-repeat;
	background-position: 315px;	
}
.mark_styling {
	width: 895px;
	height: 15px;
	display: block;
	display: block;
	background-image: url(http://wecomefullcircle.com/images/bookmark.png);
	background-repeat: no-repeat;
	background-position: 395px;
}
.mark_flowers {
	width: 895px;
	height: 15px;
	display: block;
	display: block;
	background-image: url(http://wecomefullcircle.com/images/bookmark.png);
	background-repeat: no-repeat;
	background-position: 485px 1px;
}
.mark_services {
	width: 895px; height: 15px; display: block; display: block;
	background-image: url(http://wecomefullcircle.com/images/bookmark.png); 
	background-repeat: no-repeat;
	background-position: 595px;	
}
.mark_about {
	width: 895px; height: 15px; display: block; display: block;
	background-image: url(http://wecomefullcircle.com/images/bookmark.png); 
	background-repeat: no-repeat;
	background-position: 715px;	
}
.mark_contact {
	width: 895px; height: 15px; display: block; display: block; 
	background-image: url(http://wecomefullcircle.com/images/bookmark.png); 
	background-repeat: no-repeat;
	background-position: 800px;	
}

#heading {
	display: block; width: 490px; height: 135px; text-align: left; float: left;
}
#heading .coordination {
	background-image: url(http://wecomefullcircle.com/images/symbols/coordination.png);
	width: 75px;
	height: 75px;
	margin: 36px 43px 0 0;
	float: right;
	display: inline;
}
#heading .music {
	background-image: url(http://wecomefullcircle.com/images/symbols/music.png);
	width: 75px;
	height: 75px;
	margin: 36px 43px 0 0;
	float: right;
	display: inline;
}
#heading .styling {
	background-image: url(http://wecomefullcircle.com/images/symbols/styling.png);
	width: 75px;
	height: 75px;
	margin: 36px 43px 0 0;
	float: right;
	display: inline;
}
#heading .flowers {
	background-image: url(http://wecomefullcircle.com/images/symbols/flowers.png);
	width: 75px;
	height: 75px;
	margin: 36px 43px 0 0;
	float: right;
	display: inline;
}
#heading .services {
	background-image: url(http://wecomefullcircle.com/images/symbols/services.png);
	width: 75px;
	height: 75px;
	margin: 36px 43px 0 0;
	float: right;
	display: inline;
}
#heading .about {
	background-image: url(http://wecomefullcircle.com/images/symbols/about.png);
	width: 75px;
	height: 75px;
	margin: 36px 43px 0 0;
	float: right;
	display: inline;
}
#heading .contact {
	background-image: url(http://wecomefullcircle.com/images/symbols/contact.png);
	width: 75px;
	height: 75px;
	margin: 36px 43px 0 0;
	float: right;
	display: inline;
}
#heading .terms {
	background-image: url(http://wecomefullcircle.com/images/symbols/terms.png);
	width: 75px;
	height: 75px;
	margin: 36px 43px 0 0;
	float: right;
	display: inline;
}

/* -- Content --------------------------- */


#contentbody {
	display: block;
	width: 895px;
	height: 415px;
	float: left;
}
#contentbodyhome {
	display: block;
	width: 895px;
	height: 550px;
}
#pagebody {
	text-align: left;
	margin: 10px 110px 0 435px;
	display: block;
}
#pagebody p {
	font-size: 85%;
	color: #666666;
	line-height: 18px;
}
#pagebody strong {
	font-weight:bold;
}
h1 {
	font-size: 200%;
	color: #FFFFFF;
	display: block;
	letter-spacing: -.05em;
	width: 320px;
	float: left;
	margin: 30px 0 0 30px;
}
h2 {
	font-size: 120%;
	color: #E55BA3;
	line-height: 21px;
	padding-bottom: 5px;
}
h3 {
	font-size: 100%;
	color: #666666;
	padding: 0px;
	margin:0;
	line-height:1em;
	font-weight:bold;
}
.crumbs {
	font-size: 75%;
	color: #92E6ED;
	width: 320px;
	margin: 40px 0 0 30px;
}

.crumbs a {color: #2BBDCA; text-decoration: none;}
.crumbs a:hover {color: #E75BA6; text-decoration: none;}

.caption  {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #C6C6C6;
	display: block;
	text-align: left;
}

/* -- Footer --------------------------- */

#footer {
	width: 860px;
	text-align: left;
	margin-left: 20px;
	color: #a6dfe6;
	float: left;
}
#footer a {color: #ffffff; text-decoration: none;}
#footer a:hover {color: #ffffff; text-decoration: underline;}

#footer .blogfeed {
	width: 620px;
	height: 50px;
	display: block;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a6dfe6;
	background-image: url(http://wecomefullcircle.com/images/blog_label.png);
	background-repeat: no-repeat;
	background-position: 0px 25px;
}
#footer .blogfeed p {
	display: block;
	font-size: 80%;
	font-weight: bold;
	margin-left: 150px;
	margin-top: 25px;
}
#footer .blogfeed .title {
	display: none;
}
#footer .phone {
	width: 240px;
	height: 50px;
	display: block;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a6dfe6;
	text-align: right;
}
#footer .phone p {
	display: block;
	font-size: 80%;
	margin-top: 25px;
}
#footer .copyright {
	width: 620px;
	height: 30px;
	display: block;
	float: left;
	font-size: 65%;
	padding-top: 10px;
}
#footer .credit {
	width: 240px;
	height: 30px;
	display: block;
	float: left;
	text-align: right;
	padding-top: 10px;
	font-size: 65%;
}
#slideshow {
	background-color: #FFFFFF;
	height: 340px;
	width: 550px;
	display: block;
	float: right;
	margin-right: 50px;
	margin-top: 25px;
}
#slideshell {
	display: block;
	height: 415px;
}
#pagebody .musicsample {
	background-color: #F0FAFB;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 10px;
	width: 300px;
	margin: 0px;
	border: thick solid #FFFFFF;
}