@charset "utf-8";


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

	CSS CUSTOM STYLES: @2009 by Glenn McKeown
	for Clarity - Version 1.0 Green

*/

/* ---------------------------------------------------------------------------
	HTML / BODY / BACKGROUNDS / STRUCTURES
*/

html {
	background-image:url(../../img/green/bg_border%2dand%2dgradient.jpg);
	background-repeat-x:repeat;
	background-repeat-y:no-repeat;
	background-repeat:repeat-x;
	background-attachment:initial;
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#FFFFFF;
}

#container {
	background-image:url(../../img/green/bg_gradient%2donly.jpg);
	background-repeat-x:repeat;
	background-repeat-y:no-repeat;
	background-repeat:repeat-x;
	background-attachment:initial;
	background-position:0px 1px;
	background-position-x:0px;
	background-position-y:1px;
	background-origin:initial;
	background-clip:initial;
	background-color:#FFFFFF;
}

#header {
	border-bottom:2px solid #999999;
}

#footer {
	border-top:2px solid #999999;
}

/* ---------------------------------------------------------------------------
	LOGO / NAV / LISTS
*/

.logo {
	background-image:url(../../img/green/logo.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
}

#myslidemenu .home {
	background-image:url(../../img/green/nav.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0px 0px;
	background-position-x:0px;
	background-position-y:0px;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
}

#home #myslidemenu .home, #myslidemenu .home:hover {
	background-position:0px -40px;
	background-position-x:0px;
	background-position-y:-40px;
}

#myslidemenu .about-us {
	background-image:url(../../img/green/nav.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:-105px 0px;
	background-position-x:-105px;
	background-position-y:0px;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
}

#about-us #myslidemenu .about-us, #myslidemenu .about-us:hover {
	background-position:-105px -40px;
	background-position-x:-105px;
	background-position-y:-40px;
}

#myslidemenu .portfolio {
	background-image:url(../../img/green/nav.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:-210px 0px;
	background-position-x:-210px;
	background-position-y:0px;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
}

#portfolio #myslidemenu .portfolio, #myslidemenu .portfolio:hover {
	background-position:-210px -40px;
	background-position-x:-210px;
	background-position-y:-40px;
}

#myslidemenu .blog {
	background-image:url(../../img/green/nav.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:-315px 0px;
	background-position-x:-315px;
	background-position-y:0px;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
}

#blog #myslidemenu .blog, #myslidemenu .blog:hover {
	background-position:-315px -40px;
	background-position-x:-315px;
	background-position-y:-40px;
}

#myslidemenu .contact-us {
	background-image:url(../../img/green/nav.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:-420px 0px;
	background-position-x:-420px;
	background-position-y:0px;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
}

#contact-us #myslidemenu .contact-us, #myslidemenu .contact-us:hover {
	background-position:-420px -40px;
	background-position-x:-420px;
	background-position-y:-40px;
}

ul li {
	background-image:url(../../img/green/bg_li.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:5px 10px;
	background-position-x:5px;
	background-position-y:10px;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
}

.sidebar li {
	background-image:url(../../../../../../../none);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	border-top:1px solid #F0F0F0;
}

.sidebar li a {
	color:#555555;
}

.sidebar li:first-child {
}

.sidebar li:hover {
	background-color:#F0F0F0;
}

.pagination li {
	background-image:url(../../img/green/button%2dsmall.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
}

.pagination li a {
	color:#FFFFFF;
}

.pagination li a:hover, .pagination li a.active-page {
	color:#666666;
}

/* ---------------------------------------------------------------------------
	TYPOGRAPHY
*/

h1, h2, h3, h4, h5, h6, p, a, li, b, strong, i, em, address, abbr, acronym, small, big, q, blockquote, cite, caption, table {
	color:#555555;
}

h1, h2 {
	background-color:#FFFFFF;
	color:#CC3333;
}

a {
	color:#CC3333;
}

#header p, #header address {
	color:#999999;
}

.date {
	color:#999999;
	padding:0px;
}

/* ---------------------------------------------------------------------------
	FORMS
*/

input, textarea, select {
	color:#555555;
	border:1px solid #E6E6E6;
}

input:focus, textarea:focus, select:focus {
	background-color:#FAFAFA;
}

label {
	color:#B6B6B6;
}

#submit {
	background-image:url(../../img/green/button%2dmedium.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	border-width:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	color:#FFFFFF;
	border-style:none;
}

#submit:hover {
	color:#666666;
}

/* ---------------------------------------------------------------------------
	TABLE STYLES
*/

table {
}

th {
	background-image:url(../../img/green/table%2dhead.jpg);
	background-repeat-x:repeat;
	background-repeat-y:no-repeat;
	background-repeat:repeat-x;
	background-attachment:initial;
	background-position:0% 100%;
	background-position-x:0%;
	background-position-y:100%;
	background-origin:initial;
	background-clip:initial;
	background-color:#AAAAAA;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
}

tr {
}

table tr.odd td {
	background-color:#EEEEEE;
}

table tr.even td {
	background-color:#F6F6F6;
}

td {
	border:1px solid #FFFFFF;
}

/* ---------------------------------------------------------------------------
	IMAGES
*/

.img-medium-bg {
	background-image:url(../../img/green/bg_img%2dmedium.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	width:272px;
	height:129.941px;
	padding:14px;
}

.img-large-bg {
	background-image:url(../../img/green/bg_img%2dlarge.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	width:269px;
	height:121.216px;
	padding:14px;
}

/* ---------------------------------------------------------------------------
	CONTENT SLIDER
*/

#featured ul.ui-tabs-nav li {
	background-image:url(../../img/green/button%2dlarge.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
}

#featured li.ui-tabs-nav-item a {
	color:#666666;
}

#featured li.ui-tabs-selected, #featured li.ui-tabs-nav-item a:hover, #featured ul.ui-tabs-nav li.ui-tabs-selected a {
	color:#FFFFFF;
}

#featured .info big {
	color:#999999;
}

/* ---------------------------------------------------------------------------
	GALLERY
*/

.gallery li p {
	background-image:url(../../img/green/black%2d85%2dopacity.png);
	background-repeat-x:repeat;
	background-repeat-y:repeat;
	background-repeat:repeat;
	background-attachment:initial;
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	color:#F6F6F6;
}

/* ---------------------------------------------------------------------------
	BUTTONS
*/

.button-small {
	background-image:url(../../img/green/button%2dsmall.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	color:#FFFFFF;
}

.button-small:hover {
	color:#666666;
}

.button-medium {
	background-image:url(../../img/green/button%2dmedium.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	color:#FFFFFF;
}

.button-medium:hover {
	color:#666666;
}

.button-large {
	background-image:url(../../img/green/button%2dlarge.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	color:#FFFFFF;
}

.button-large:hover {
	color:#666666;
}

/* ---------------------------------------------------------------------------
	FOOTER
*/

#footer, #footer p, #footer li, #footer li a {
	color:#555555;
}