@charset "UTF-8";
/* CSS Document */

/* Color Glossary

	Orange: #f7941e;
	Grey: #9d9fa2;

*/

/* Structure 
--------------------------------- */

body {
	color: #9d9fa2;
}

#wrapper {
	margin: 20px auto;
}

#header {
	width: 960px;
	position: relative;
}

#searchTerm {
	border: 0px #ffffff solid;
	background: transparent url(../../layout/images/search.png) no-repeat 0 0;
	height: 18px;
	width: 114px;
	padding: 3px 0 3px 20px;
	color: #f7941e;
	position: absolute;
	top: 0;
	right: 21px;
}

#searchTerm.gray {
	color: #9d9fa2;	
}

#search-submit {
	border: 0px #ffffff solid;
	background: transparent url(../../layout/images/search-submit.png) no-repeat 0 0;
	height: 24px;
	width: 21px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
}

#tag {
	background: transparent url(../../layout/images/tag.png) no-repeat 0 0;
	width: 353px;
	height: 20px;
	position: absolute;
	top: 40px;
	right: 0px;
}

#main {
	padding: 30px 0;
	margin: 0;
}

#breadcrumb {
	padding: 10px 0 0 0;
	text-transform: lowercase;
}

#content-left {
	float: left;
	width: 630px;
	line-height: 1.4;
}

#content-right {
	float: right;
	width: 300px;
	padding: 50px 0 0 0;
}

#content-right img {
	text-align: right;	
}

#footer {
	border-top: 1px solid #9d9fa2;
	padding: 10px 0 0 0;
	position: relative;
	font-size: 12px;
}

#copyright {
	float: left;
}

#powered {
	float: right;	
}

#social {
	position: absolute;
	top: 10px;
	left: 45%;
	padding: 0;
	margin: 0;
}

#social li {
	display: inline;
	list-style: none;
	padding-right: 7px;
	float: left;
}

#social a {
	height: 32px;
	width: 32px;
	display: block;
	background: no-repeat 0 0;
}

#social a#facebook {
	background-image: url(../../layout/images/facebook.png);
}

#social a#flickr {
	background-image: url(../../layout/images/flickr.png);
}

#social a#skype {
	background-image: url(../../layout/images/skype.png);
}

#social a#twitter {
	background-image: url(../../layout/images/twitter.png);
}

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

#nav {
	position: absolute;	
	top: 10px;
	right: 0;
	width: 650px;
}

#nav ul {
	padding: 0;
	margin: 0;
	float: right;
	position: absolute;
	top: 1px;
	right: 160px;
}

#nav ul li {
	display: inline;
	list-style: none;
	float: left;
	position: relative;
}

#nav ul li a {
	color: #9d9fa2;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 2px 10px 1px 10px;
	line-height: 1.5;
}

#nav ul li a.current, #nav ul li a.currentParent {
	color: #f7941e;
}


#nav ul li ul {
	position: absolute;
	top: -200em;
	left: 0;
	background: url(../images/grey-transparent-bkgrd.png) repeat 0 0;
	display: block;
	padding: 10px;
	z-index: 3;
	font-size: 12px;
	width: 150px;
}

#nav ul li ul li {
	clear: both;
	float: left;
	position: relative;
	padding: 5px 0;
}

#nav ul li ul li a {
	color: #fff;
	display: block;
}

#nav ul li ul li a:hover {
	color: #f7941e;
}



/* Headings 
--------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-variant: small-caps;
	color: #f7941e;
	margin: 15px 0;
}

h1 {
	border-bottom: 1px solid #9d9fa2;
	color: #9d9fa2 !important;
}

/* Links 
--------------------------------- */

a {
	color: #f7941e;
}

/* Misc 
--------------------------------- */

.gray {
	color: #9d9fa2;
}

.orange {
	color: #f7941e;
}

table#team h4 {
	margin: 0;
}

table#team {
	padding: 30px 0 0 0;
}

table#team td {
	padding: 10px 0 0 0;
	line-height: 1.2;
}

input[type=text], textarea {
	border: 1px solid #9d9fa2;
	width: 400px;
	height: 18px;
	padding: 2px 0;
}

textarea {
	height: 108px;	
}

input[type=submit] {
	background: #f7941e;
	width: 100px;
	color: #ffffff;
	border: 0px solid #f7941e;
	height: 24px;
}

#content-right h3 {
	margin: 0 0 5px 0;
}

#content-right ul {
	list-style: none;
	padding: 0 0 20px 5px;
	margin: 0;
}

#content-right ul li {
	padding: 5px 0;
}

.heading {
	font-size: 18px;
	padding: 10px 0;
}

a.sidebar-icon {
	padding: 0 10px 10px 0;
	height: 32px;
	width: 32px;
	display: block;
	float: left;
}

/* Page - Search Results 
--------------------------------- */

.search {
	padding: 25px 0 0 0;
}

.search .date {
	font-size: 12px;
}

.search h4 {
	margin: 0 0 10px 0;	
	font-variant: normal;
}

#search-pages {
	padding: 25px 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}

#search-pages-term {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}

#search-form input[type=submit] {
	margin: 0 0 0 10px;
}

/* Page - About Us 
--------------------------------- */

#accordion h4 {
	border-bottom: 1px solid #9d9fa2;
	color: #9d9fa2;
	font-variant: normal;
}


/* Page - Home Page 
--------------------------------- */

#carousel {
	background: url(../images/home-carousel-bkgrd.png) no-repeat 0 0;
	height: 400px;
	width: 960px;
	position: relative !important;
}

#carousel #carousel-items {
	position: relative;
	z-index: 1;
}

#carousel div {
	height: 400px;
	width: 960px;
	position: relative;
	background-color: transparent !important;
}

#carousel .carousel-image {
	position: absolute !important;
	top: 30px;
	left: 80px;
}

#carousel .carousel-text {
	position: absolute !important;
	top: 75px;
	right: 100px;
	width: 360px;
	height: 230px;
	background: url(../images/grey-transparent-bkgrd.png) repeat 0 0;
	color: #ffffff;
	font-size: 14px;
	line-height: 1.4;
	padding: 10px;
}

#carousel .carousel-text a {
	color: #ffffff;
	text-decoration: underline;
}

#carousel #carousel-nav {
	position: absolute !important;
	right: 100px;
	bottom: 70px;
	z-index: 2;
}

#carousel #carousel-nav li {
	display: inline;
	float: left;
	padding-right: 10px;
}

#carousel #carousel-nav a {
	font-size: 36px;
	color: #ffffff;
}

#carousel #carousel-nav a.activeSlide {
	color: #f7941e;
}

#carousel #carousel-nav a:hover {
	color: #f7941e;
	text-decoration: none;
}

/* Page - Portfolio 
--------------------------------- */

#portfolio {
	width: 960px;
	height: 500px;
	position: relative;
	margin: 10px 0 0 0;
}

#portfolio #portfolio-content {
	background: #9d9fa2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #ffffff;
	position: absolute;
	top: 33px;
	left: 0;
	width: 960px;
	height: 450px;
	clear: both;
}

#portfolio-content div#slides {
	position: absolute;	
	top: 20px;
	left: 40px;
	z-index: 1;
}

#portfolio-content div.slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 920px;
}

#portfolio-content div.slide img {
	float: left;
}

#portfolio-content div.slide div {
	width: 500px;
	position: absolute;
	top: 0;
	right: 30px;
}

#portfolio-content div.slide div a.link {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	background: url(../../layout/images/external-link.png) no-repeat 0 0;
	padding: 9px 0 0 30px;
	height: 15px;
	color: #fff;
}

#portfolio-content div.slide div a.link:hover {
	color: #f7941e;
	text-decoration: none;
}

#portfolio-content div.slide div h3 {
	margin: 0;
	padding: 0 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: normal;
	color: #ffffff;
}

#portfolio-content div.slide div table {
	padding: 20px 0 0 0;
}

#portfolio-content div.slide div td {
	background: url(../../layout/images/checkmark.png) no-repeat 0 0;
	height: 30px;
	padding: 0 0 0 30px;
}

#portfolio-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	left: 20px;
}

#portfolio-nav li {
	float: left;
	padding: 0 20px 0 0;
}

#portfolio-nav li a {
	font-size: 36px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight: bold;
}

#portfolio-nav li a.current {
	color: #9d9fa2;
}

#portfolio-nav li a:hover {
	text-decoration: none;
	color: #9d9fa2;
}


#cat-nav {
	position: absolute;
	bottom: 20px;
	right: 30px;
	width: 500px;
	z-index: 2;
}

#cat-nav div {
	position: absolute;
	bottom: 0;
	right: 25px;
	overflow: hidden;
	height: 83px;
	width: 445px;
}

#cat-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width:3818px !important;
	width:3822px;
	position: relative;
}

#cat-nav ul li {
	float: left;
	position: relative;
}

#cat-nav ul li a {
	display: block;
	margin: 3px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

#cat-nav ul li a.activeSlide, #cat-nav ul li a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#portfolio-content a.prev, #portfolio-content a.next {
	display: block;
	position: absolute;
	bottom: 15px;
	height: 47px;
	width: 24px;
	background: url(../../layout/images/portfolio-arrows.png) no-repeat;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

#portfolio-content a.prev:hover, #portfolio-content a.next:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#portfolio-content a.prev {
	left: 0;
	background-position: 0 -47px;
}

#portfolio-content a.next {
	right: 0;
	background-position: -24px -47px;
}

#portfolio-content a.prev.disabled {
	background-position: 0 0;
	cursor: default;
}

#portfolio-content a.next.disabled {
	background-position: -24px 0;
	cursor: default;
}