@charset "utf-8";


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

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

*/

/* ---------------------------------------------------------------------------
	LAYOUT
*/

#wrapper {
	width:960px;
	margin:0px auto 0px auto;
}

#header {
	height:130px;
	width:940px;
	padding:0px 10px 0px 10px;
}

#container {
	overflow:hidden;
	width:960px;
	padding:90px 0px 50px 0px;
}

.col-third {
	float:left;
	width:300px;
	padding:0px 10px 0px 10px;
}

.col-2_thirds {
	float:left;
	width:620px;
	padding:0px 10px 0px 10px;
}

.col-full {
	float:left;
	width:940px;
	padding:0px 10px 0px 10px;
}

#footer {
	width:940px;
	padding:30px 10px 30px 10px;
}

/* ---------------------------------------------------------------------------
	NAVIGATION STYLES
*/

.jqueryslidemenu {
	clear:both;
	float:right;
	height:35px;
	z-index:200;
	padding:0px;
}

.jqueryslidemenu ul {
	list-style-type:none;
	list-style-position:initial;
	list-style-image:initial;
	margin:0px;
	padding:0px;
}

.jqueryslidemenu ul 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;
	display:inline;
	float:left;
	position:relative;
	text-indent:-9999px;
	margin:0px 0px 0px 5px;
	padding:0px;
}

.jqueryslidemenu ul li a {
	color:#999999;
	display:block;
	font-size:12px;
	height:35px;
	line-height:35px;
	width:100px;
}

/*1st sub level menu*/

.jqueryslidemenu ul li ul {
	background-color:#F6F6F6;
	display:block;
	left:0px;
	position:absolute;
	visibility:hidden;
	z-index:99;
}

/*Sub level menu list items (undo style from Top level List Items)*/

.jqueryslidemenu ul li ul li {
	display:list-item;
	float:none;
	text-indent:0px;
	margin:0px;
}

/* Sub level menu links style */

.jqueryslidemenu ul li ul li a {
	width:170px;
	border-bottom:1px solid #F0F0F0;
	margin:0px;
	padding:0px 0px 0px 5px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jqueryslidemenu ul li ul li ul {
	top:0px;
}

#sub-nav {
	float:right;
	height:15px;
	width:100%;
	margin:-60px 10px 0px 0px;
}

#sub-nav 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;
	display:inline;
	float:right;
	list-style-type:none;
	list-style-position:initial;
	list-style-image:initial;
	padding:0px 35px 0px 35px;
}

#sub-nav li a {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
}

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

body {
}

h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	letter-spacing:-1px;
}

h1 {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	font-size:40px;
	line-height:40px;
	letter-spacing:-2.6px;
}

h1 span {
	font-style:italic;
	font-size:24px;
	letter-spacing:-2px;
}

h2 {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	font-size:28px;
	line-height:36px;
}

h3 {
	font-family:'Myriad Pro', Verdana, Arial, sans-serif;
	font-size:18px;
	line-height:18px;
	letter-spacing:0.5px;
	text-transform:uppercase;
	padding:0px 0px 22px 0px;
}

h4 {
	font-size:16px;
	line-height:24px;
	color:#CC3333;
}

h5 {
	font-size:14px;
	font-weight:bold;
	line-height:21px;
}

h6 {
	font-size:12px;
	font-weight:bold;
	line-height:18px;
}

p, b, strong, i, em, address, abbr, acronym, small, big, q, blockquote, cite, caption {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	font-size:12px;
	line-height:20px;
	padding:0px 0px 20px 0px;
}

#header p {
	display:inline;
	float:right;
	font-size:11px;
	margin:25px 0px 0px 0px;
	padding:0px;
}

a {
	font-family:inherit;
}

a:link {
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:active {
	text-decoration:underline;
}

a:focus {
	outline-style:none;
	outline-width:initial;
	outline-color:#000000;
}

b, strong {
	font-weight:bold;
}

i, em {
	font-style:italic;
}

em.contact-details {
	display:block;
	font-size:11px;
	padding:0px;
}

em.contact-details a {
	font-size:11px;
}

address {
	font-size:11px;
	font-style:italic;
}

#header address {
	display:inline;
	float:right;
	font-style:normal;
	text-align:right;
	margin:25px 40px 0px 0px;
}

small {
	font-size:10px;
}

big {
	font-size:14px;
}

blockquote {
	padding:0px;
}

q, blockquote p {
	display:block;
	font-style:italic;
	line-height:22px;
}

blockquote p {
	background-image:url(../img/quotation.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;
	padding:0px 0px 22px 35px;
}

cite {
	display:block;
	font-weight:bold;
	margin:-10px 0px 0px 0px;
}

/* ---------------------------------------------------------------------------
	LISTS STYLES
*/

ul, ol, dl {
	font-size:13px;
	line-height:22px;
	padding:0px 0px 22px 10px;
}

ul li {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	padding:0px 0px 0px 20px;
}

ol li {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	list-style-position:inside;
	list-style-type:decimal;
	list-style-image:initial;
}

.sidebar {
	font-size:14px;
	line-height:40px;
	padding:0px 0px 50px 0px;
}

.sidebar li {
	padding-bottom:0px;
}

.sidebar li a {
	display:block;
	height:40px;
}

.sidebar li a:hover {
	text-decoration:none;
}

.pagination {
	float:right;
	font-size:12px;
	line-height:20px;
	padding:0px;
}

.pagination li {
	display:block;
	float:left;
	height:20px;
	margin-right:10px;
	text-align:center;
	width:20px;
	padding:0px;
}

.pagination li a {
	display:block;
}

.pagination li a:hover {
	text-decoration:none;
}

#footer ul {
	float:left;
	width:430px;
	padding:0px;
}

#footer ul 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;
	display:inline;
	text-transform:uppercase;
	padding:0px;
}

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

form p {
	padding-bottom:0px;
}

input, textarea, select {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	font-size:12px;
	line-height:20px;
	width:280px;
	margin:5px 0px 18px 0px;
	padding:5px 10px 5px 10px;
}

input, select {
	height:15px;
}

textarea {
	height:150px;
	width:450px;
}

#submit {
	height:30px;
	width:101px;
	margin:10px 0px 0px 0px;
}

#submit {
	cursor:pointer;
}

label {
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
	padding:0px 0px 0px 8px;
}

/* ---------------------------------------------------------------------------
	BLOG STYLES
*/

.date {
	margin-bottom:10px;
}

.more {
	margin:-20px 0px 0px 0px;
}

#blog .button-medium {
	margin-bottom:20px;
}

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

caption {
	font-size:13px;
	font-weight:bold;
	letter-spacing:-0.3px;
	text-align:left;
	padding:0px 0px 5px 10px;
}

table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	margin:0px 0px 18px 0px;
}

th {
	font-size:12px;
	text-transform:capitalize;
	padding:10px 15px 10px 15px;
}

tr {
}

td {
	padding:7px 15px 7px 15px;
}

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

.gallery {
	padding-left:0px;
}

.gallery 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;
	float:left;
	height:160px;
	list-style-type:none;
	list-style-position:initial;
	list-style-image:initial;
	overflow:hidden;
	position:relative;
	width:300px;
	margin:0px 0px 20px 0px;
	padding:0px;
}

.gallery li.margin-left {
	margin-left:20px;
}

.gallery li img {
	position:absolute;
	left:0px;
	top:-1px;
}

.gallery li p {
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:38px;
	left:14px;
	position:absolute;
	top:160px;
	width:252px;
	padding:10px;
}

.gallery li p span {
	display:block;
	font-style:italic;
}

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

#featured {
	height:340px;
	position:relative;
	width:940px;
	margin:0px 10px 80px 10px;
}

#featured ul.ui-tabs-nav {
	left:0px;
	position:absolute;
	top:170px;
	width:180px;
	padding:0px;
}

#featured ul.ui-tabs-nav li {
	line-height:0;
	list-style-type:none;
	list-style-position:initial;
	list-style-image:initial;
	margin:10px 0px 0px 10px;
	padding:0px;
}

#featured li.ui-tabs-nav-item a {
	display:block;
	line-height:30px;
	text-align:center;
	width:170px;
}

#featured li.ui-tabs-selected, #featured li.ui-tabs-nav-item a:hover, #featured ul.ui-tabs-nav li.ui-tabs-selected a {
	text-decoration:none;
}

#featured .ui-tabs-panel {
	height:340px;
	position:absolute;
	z-index:10;
	width:939px;
	left:-3px;
	top:-26px;
}

#featured .ui-tabs-panel .info {
	height:340px;
	overflow:hidden;
	position:absolute;
	text-align:right;
	width:370px;
	z-index:20;
	left:378px;
	top:3px;
}

#featured .info big {
	display:block;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:1px;
	line-height:22px;
	width:175px;
}

#featured .ui-tabs-hide {
	display:none;
}

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

.button-small {
	border-width:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	display:block;
	height:20px;
	line-height:20px;
	text-align:center;
	width:20px;
	border-style:none;
	margin:0px;
	padding:0px;
}

.button-small:hover {
	text-decoration:none;
}

.button-medium {
	border-width:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	width:101px;
	border-style:none;
	margin:0px;
	padding:0px;
}

.button-medium:hover {
	text-decoration:none;
}

.button-large {
	border-width:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	width:170px;
	border-style:none;
	margin:0px;
	padding:0px;
}

.button-large:hover {
	text-decoration:none;
}

/* ---------------------------------------------------------------------------
	OTHER STYLES
*/

hr {
	visibility:hidden;
	height:30px;
}

.logo {
	display:block;
	float:left;
	height:52px;
	padding-bottom:0px;
	width:230px;
	margin:45px 0px 0px 0px;
}

.copyright {
	display:inline;
	float:right;
	text-align:right;
	text-transform:uppercase;
}

.header-image {
	float:left;
	width:675px;
	height:333px;
	position:relative;
}

.hide {
	display:none;
}

.button-medium {
	border-width:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	width:101px;
	border-style:none;
	margin:0px;
	padding:0px;
}

.button-medium:hover {
	text-decoration:none;
}

.left {
	float:left;
}

.right {
	float:right;
}

.img-left {
	float:left;
	margin-top:5px;
	margin-right:5px;
}

.img-right {
	float:right;
	margin-top:5px;
	margin-left:5px;
}