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

/*TYPOGRAPHIC PRESETS*/

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('../fonts/League_Gothic-webfont.eot');
	src: local('☺'), url('../fonts/League_Gothic-webfont.woff') format('woff'), url('../fonts/League_Gothic-webfont.ttf') format('truetype'), url('../fonts/League_Gothic-webfont.svg#webfontg1D0kvjx') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Calluna';
	src: url('../fonts/calluna-regular-webfont.eot');
	src: local('☺'), url('../fonts/calluna-regular-webfont.woff') format('woff'), url('../fonts/calluna-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*TYPOGRAPHIC PRESETS*/

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('../fonts/League_Gothic-webfont.eot');
	src: local('☺'), url('../fonts/League_Gothic-webfont.woff') format('woff'), url('../fonts/League_Gothic-webfont.ttf') format('truetype'), url('../fonts/League_Gothic-webfont.svg#webfontg1D0kvjx') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Calluna';
	src: url('../fonts/calluna-regular-webfont.eot');
	src: local('☺'), url('../fonts/calluna-regular-webfont.woff') format('woff'), url('../fonts/calluna-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


body {
	margin:0px;
		background: rgb(234,226,216) url(../img/bg.jpg) repeat left top;
	background-color: #F2F0F0;
}

a {
	color: #999;
	text-decoration: none;
	outline:none;
}

a:hover {
	color: #F2A80D;
}

a img {
	border:0px;	
}

p {
  margin-bottom: 20px;
  float:left;
  width:100%;
}


#divMain {
	width: 100%;
	float: left;
}


#divHeader {
	float: left;
	background-color: #4E5458;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat;
	width: 100%;
}
#divHeaderContent {
	margin-right: auto;
	margin-left: auto;
	width: 988px;
}

#divHeaderCaption {
	font-size: 12px;
	color: #EEEEEE;
	padding-top: 10px;
	float: left;
	padding-right: 14px;
	padding-left: 14px;
	width: 740px;
	padding-bottom: 16px;
}
#divCaptionText {
	background-image: url(../images/captionBottomBorder.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	float: right;
	padding-bottom: 5px;
	font-size: 16px;
	color:white;
}

#divCaptionText a:hover{
color:white;
}
#divCaptionText a{
color:white;
}

#divLogoAndMenu {
	float: left;
	width: 740px;
	padding-right: 14px;
	padding-bottom: 24px;
	padding-left: 14px;
}
#divLogoAndTagline {
	float: left;
	padding-right: 20px;
}
#divLogo {
	float: left;
	padding-right: 1px;
}
#divTagline {
	color: #999999;
	float: left;
	padding-top: 4px;
	font-size: 12px;
}

#divMenu {
	float: right;
}
#divMenu ul {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	list-style-type: none;
}
#divMenu ul li {
	display: block;
	float: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 25px;
}
#divMenu ul li a {
	color: #EEEEEE;
	text-decoration: none;
	font-size: 14px;
}
#divMenu ul li.current a {
	color: #F2A80D;
}
#divMenu ul li a:hover {
	color:#F2A80D;
}
#divTopShadow {
	float: left;
	width: 988px;
	background-image: url(../images/top_shadow_bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 4px;
}

#divSlider {
	float: left;
	width: 980px;
	height:380px;
	background-image: url(../images/left_right_shadow_bg.png);
	background-repeat: repeat-y;
	padding-right: 4px;
	padding-left: 4px;
	position: relative;
	z-index: 2;
}
#divSlider ul {
	float: left;
	width: 980px;
	height:380px;
	margin:0px;
	padding:0px;
	background-color: #000;
	overflow: hidden;
	position: absolute;
	z-index: 3;
	list-style-type: none;
}
#divSlider ul li {
	margin: 0px;
	float: left;
	height: 380px;
	width: 980px;
}
#sliderBackLink {
	position: absolute;
	z-index: 3;
	left: 21px;
	background-image: url(../images/icons/sliderBack.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 55px;
	width: 55px;
	top: 165px;
}

#sliderBackLink:hover {
	background-position: right;
}

#sliderNextLink {
	position: absolute;
	z-index: 4;
	top: 165px;
	left: 911px;
	background-image: url(../images/icons/sliderNext.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 55px;
	width: 55px;
}

#sliderNextLink:hover {
	background-position: right;
}
#sliderPagination {
	position: absolute;
	z-index: 5;
	width: 980px;
	left: 0px;
	top: 343px;
	text-align: center;
}
#sliderPagination a {
	background-image: url(../images/icons/sliderPaginationLink.png);
	background-repeat: no-repeat;
	background-position: left;
	width:20px;
	height:20px;
	display: inline-block;
}

#sliderPagination a.selected {
	background-position: right;
}

#sliderPagination a span {
	display:none;
}


#divContent {
	width: 988px;
	margin-right: auto;
	margin-left: auto;
}
.leftRightShadow {
	float: left;
	width: 980px;
	padding-right: 4px;
	padding-left: 4px;
	background-color: #f4f4f4;
	background-image: url(../images/left_right_shadow_bg.png);
	background-repeat: repeat-y;
}
#divResentWorksTitle {
	padding-top: 20px;
}
.bottomBorder-1 {
	background-image: url(../images/bottomBorder-1.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
	color:brown;
}
.bottomBorder-2 {
	background-image: url(../images/bottomBorder-2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 15px;
}
.recentWorkItem {
	padding-top: 19px;
	padding-bottom: 41px;
}
.recentWorkItemTitle {
	padding-top: 20px;
}
.recentWorkItemTitle a {
	color: #333;
}
.recentWorkItemTitle a:hover {
	color: #F2A80D;
	text-decoration: none;
}
#divFooter {
	width: 988px;
	margin-right: auto;
	margin-left: auto;
	color: #999;
	font-size: 12px;
}

#divfooterContent {
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat;
}
#divfooterContent a {
	color: #EEE;
}
#divfooterContent a:hover {
	color: #F2A80D;
	text-decoration:none;
}
#divfooterContent ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
#divfooterContent ul li {
	margin: 0px;
}
#divfooterContent ul li:first-child {
	padding-top:15px;
}

.footerWidgetItem {
	padding-bottom: 10px;
}
.footerWidgetItemTitle {
	color: #eee;
	padding-top: 25px;
	float: left;
	width: 100%;
}
.footerWidgetItemContent {
	float: left;
	width: 100%;
}
.footerRecentPostItem {
	float: left;
	width: 100%;
	padding-top: 15px;
}

.footerRecentPostItemImage {
	float: left;
	width: 72px;
	padding-right: 20px;
}
.footerRecentPostItemImage a img {
	border: 2px solid #999;
}
.footerRecentPostItemImage a:hover img       {
	border-top-color: #F2A80D;
	border-right-color: #F2A80D;
	border-bottom-color: #F2A80D;
	border-left-color: #F2A80D;
}
.footerRecentPostItemText {
	float: right;
	width: 368px;
}
.tweet {
	float: left;
	width: 100%;
}
.tweet .tweet_list {
	float: left;
	width: 100%;
}
.tweet .tweet_list li {
	padding-top: 15px;
	float: left;
	width: 100%;
}


#divCopyright {
	padding-top: 27px;
	padding-bottom: 28px;
}
#divFooterSocialMedia {
	text-align: right;
	padding-bottom: 28px;
	padding-top: 15px;
}
#footerLinkedin {
	background-image: url(../images/icons/footer_linkedin.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	float: right;
	margin-left: 8px;
}
#footerLinkedin:hover {
	background-position: right;
}
#footerDribbble {
	background-image: url(../images/icons/footer_dribbble.png);
	background-repeat: no-repeat;
	float: right;
	height: 32px;
	width: 32px;
	margin-left: 8px;
}
#footerDribbble:hover {
	background-position: right;
}
#footerFacebook {
	background-image: url(../images/icons/footer_facebook.png);
	background-repeat: no-repeat;
	background-position: left;
	float: right;
	height: 32px;
	width: 32px;
	margin-left: 8px;
	
}
#footerFacebook:hover {
	background-position: right;
}
#footerTwitter {
	background-image: url(../images/icons/footer_twitter.png);
	background-repeat: no-repeat;
	float: right;
	height: 32px;
	width: 32px;
	margin-left: 8px;
}
#footerTwitter:hover {
	background-position: right;
}
#divInnerPageTitle {
	background-image: url(../images/innerTitle_left_right_shadow_bg.png);
	background-repeat: repeat-y;
	float: left;
	width: 980px;
	padding-right: 4px;
	padding-left: 4px;
}
#divPageTitle {
	padding-top: 15px;
	padding-bottom: 15px;
}
#divHeaderSocialMedia {
	padding-top: 21px;
	padding-bottom: 21px;
}


#headerLinkedin {
	background-image: url(../images/icons/header_linkedin.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 32px;
	width: 32px;
	float: right;
	margin-left: 8px;
}
#headerLinkedin:hover {
	background-position: right;
}
#headerDribbble {
	background-image: url(../images/icons/header_dribbble.png);
	background-repeat: no-repeat;
	background-position: left;
	float: right;
	height: 32px;
	width: 32px;
	margin-left: 8px;
}
#headerDribbble:hover {
	background-position: right;
}
#headerFacebook {
	background-image: url(../images/icons/header_facebook.png);
	background-repeat: no-repeat;
	background-position: left;
	float: right;
	height: 32px;
	width: 32px;
	margin-left: 8px;
}
#headerFacebook:hover {
	background-position: right;
}
#headerTwitter {
	background-image: url(../images/icons/header_twitter.png);
	background-position: left;
	background-repeat: no-repeat;
	float: right;
	height: 32px;
	width: 32px;
	margin-left: 8px;
}
#headerTwitter:hover {
	background-position: right;
}
#divLeftContent {
	padding-top: 30px;
	padding-bottom: 30px;
}

.featuredImage {
  padding-bottom: 20px;
}

#divRightContent {
	padding-top: 1px;
	padding-bottom: 30px;
}
#searchInput {
	background-color: #E2E2E2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 8px;
	width: 204px;
	color: #666;
}
.widgetTitle {
	padding-top: 1px;
	float: left;
	width: 220px;
}
.widgetContent {
	float: left;
	width: 220px;
}
.widgetContent ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
.widgetContent ul li {
	margin: 0px;
	padding: 0px;
}
.widgetContent ul li:first-child {
	padding-top: 10px;
}

.widgetContent .recentWorkItem {
	padding-top: 15px;
	padding-bottom: 0px;
	float: left;
	width: 220px;
}

.widgetContent .recentWorkItemTitle {
	padding-top: 10px;
}
.widgetContent .recentWorkItemTitle a {
	color: #333;
}
.widgetContent .recentWorkItemTitle a:hover {
	color: #F2A80D;
	text-decoration: none;
}
#divPortfolioFilter {
	width: 720px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 30px;
	float: left;
}
#filterTitle {
	line-height: 14px;
	float: left;
}

#divPortfolioFilter ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
#divPortfolioFilter ul li {
	float: left;
	display: block;
	line-height: 16px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #D9D9D9;
	padding-left: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 11px;
}
#divPortfolioFilter ul li:first-child {
	border:0px;
	margin-left: 0px;
}
#divPortfolioFilter ul li a{
	color:#999999;
}
#divPortfolioFilter ul li a:hover{
	color:#666;
}
#divPortfolioFilter ul li.current a {
	color:#666;
}

#portfolioList {
	width: 740px;
	margin-right: 10px;
	margin-left: 10px;
	float:left;
	padding-bottom:30px;
}
#portfolioList ul {
	list-style-type: none;
	background-image: url(../images/portfolioList_bg.jpg);
	background-repeat: repeat;
	width: 740px;
	float:left;
	overflow:hidden;
	margin-bottom:-32px;
}
#portfolioList ul li {
	margin-right: 10px;
	margin-left: 10px;
	width: 220px;
	margin-top: 0px;
	margin-bottom: 0px;
	float:left;
}
.portfolioItem {
	padding-top: 30px;
	padding-bottom: 20px;
}
.portfolioItemTitle {
	padding-top: 20px;
}
.portfolioItemTitle a {
	color: #333;
}
.portfolioItemTitle a:hover {
	color: #F2A80D;
	text-decoration: none;
}




#contactForm {
	width: 700px;
}
#contactForm label{
	float: left;
	font-weight: bold;
	clear: both;
	padding-bottom: 5px;
}
#contactForm .textInput{
	background-color: #e2e2e2;
	padding: 8px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 300px;
	clear: both;
	color: #666;
	margin-bottom: 15px;
}
#contactForm .textArea{
	background-color: #e2e2e2;
	padding: 8px;
	float: left;
	height: 150px;
	width: 500px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	color: #666;
	margin-bottom: 15px;
}
#submit {
	float: left;
	clear: both;
}
#blogList {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 690px;
	list-style-type: none;
}
#blogList li {
	float: left;
	width: 690px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/bottomBorder-1.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#blogList li:first-child {
	float: left;
	width: 690px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: none;
}

.blogItemLeftConten {
	float: left;
	width: 120px;
	padding-right: 30px;
}
.blogItemDate {
	float: left;
	height: 98px;
	width: 98px;
	background-image: url(../images/blog_date_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 11px;
	padding-left: 11px;
	text-align: center;
	color: #eee;
	padding-bottom: 20px;
}
.blogItemDay {
	font-size: 36px;
	float: left;
	width: 98px;
	line-height: 36px;
	padding-top: 17px;
	padding-bottom: 5px;
	font-weight: bold;
}
.blogItemMonthAndYear {
	float: left;
	width: 98px;
	font-size: 11px;
}
.blogItemInfo {
	float: left;
	width: 120px;
	padding-right: 30px;
}
.blogItemRightConten {
	float: right;
	width: 540px;
}
.blogItemTitle a {
	color:#333;
}
.blogItemTitle a:hover {
	color:#F2A80D;
}
.readMore {
	color: #eee;
	background-color: #42474A;
	padding: 7px;
	float: left;
	line-height: 14px;
}
#blogNav {
	background-image: url(../images/bottomBorder-1.jpg);
	background-repeat: repeat-x;
	background-position: top;
	float: left;
	width: 690px;
	margin-top: 30px;
	padding-top: 30px;
}
#blogNav #olderEntriesLink {
	float: left;
	color: #333;
}
#blogNav #olderEntriesLink:hover {
	color: #F2A80D;
}
#blogNav #newerEntriesLink {
	float: right;
	color: #333;
}
#blogNav #newerEntriesLink:hover {
	color: #F2A80D;
}
#divPostContent {
	float: left;
	width: 690px;
	background-image: url(../images/bottomBorder-1.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom:10px;
}
#divPostComments {
	float: left;
	width: 540px;
	padding-left: 150px;
	padding-top: 20px;
}
#commentsList {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 540px;
	list-style-type: none;
}
#commentsList li {
	float: left;
	width: 540px;
	margin: 0px;
	padding-top: 30px;
}
.avatar {
	float: left;
	width: 34px;
	padding-right: 20px;
}
.avatar img {
	float: left;
}
.commentText {
	float: right;
	width: 486px;
}
#divCommentsForm {
	float: left;
	width: 540px;
	padding-left: 150px;
	padding-top: 30px;
}

#divCommentsForm label{
	float: left;
	clear: right;
	padding-top: 7px;
	padding-left: 10px;
}
#divCommentsForm .textInput{
	background-color: #e2e2e2;
	padding: 8px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 300px;
	clear: left;
	color: #666;
	margin-bottom: 30px;
}
#divCommentsForm .textArea{
	background-color: #e2e2e2;
	padding: 8px;
	float: left;
	height: 150px;
	width: 500px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	color: #666;
	margin-bottom: 30px;
}
#portfolioNav {
	width: 220px;
	float: left;
	padding-bottom: 15px;
}
#olderPorrtfolioItemLink {
	color: #333;
	float: left;
}
#olderPorrtfolioItemLink:hover {
	color: #F2A80D;
}
#newerPorrtfolioItemLink {
	color: #333;
	float: right;
}
#newerPorrtfolioItemLink:hover {
	color: #F2A80D;
}
#portfolioItemInfo {
	padding-top: 20px;
	float: left;
	width: 220px;
}
#divLunchProject {
	background-image: url(../images/bottomBorder-1.jpg);
	background-repeat: repeat-x;
	background-position: top;
	float: left;
	width: 220px;
	padding-top: 20px;
}
#lunchProjectLink {
	color: #333;
}
#lunchProjectLink:hover {
	color: #F2A80D;
}


#divPortfolioSlider {
	position: relative;
	z-index: 2;
	width:700px;
	height:480px;
}

#divPortfolioSlider ul {
	width: 700px;
	height:480px;
	margin:0px;
	padding:0px;
	background-color: #000;
	position: absolute;
	z-index: 3;
	list-style-type: none;
}
#divPortfolioSlider ul li {
	margin: 0px;
	float:left;
	width: 700px;
	height:480px;
}
#portfolioSliderBackLink {
	position: absolute;
	z-index: 3;
	left: 15px;
	background-image: url(../images/icons/sliderBack.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 55px;
	width: 55px;
	top: 213px;
}

#portfolioSliderBackLink:hover {
	background-position: right;
}

#portfolioSliderNextLink {
	position: absolute;
	z-index: 4;
	top: 213px;
	left: 628px;
	background-image: url(../images/icons/sliderNext.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 55px;
	width: 55px;
}

#portfolioSliderNextLink:hover {
	background-position: right;
}
#portfolioSliderPagination {
	position: absolute;
	z-index: 5;
	width: 700px;
	left: 0px;
	top: 425px;
	text-align: center;
}
#portfolioSliderPagination a {
	background-image: url(../images/icons/sliderPaginationLink.png);
	background-repeat: no-repeat;
	background-position: left;
	width:20px;
	height:20px;
	display: inline-block;
}

#portfolioSliderPagination a.selected {
	background-position: right;
}

#portfolioSliderPagination a span {
	display:none;
}





#divFullwidth {
	padding-top: 30px;
	padding-bottom: 30px;
}

#divFullwidth img {
  padding-bottom: 20px;
}

.one_half,
.one_third,
.one_fourth,
.one_fifth,
.one_sixth {
	float:left;
	padding-right:4%;
	margin-bottom:20px;	
}

.one_half {
	width:48%;	
}
.one_third {
	width:30.66%;	
}
.one_fourth {
	width:22%;	
}
.one_fifth {
	width:16.8%;	
}
.one_sixth {
	width:13.33%;
}

.column_last {
	padding-right:0px;
}

.yellow_alert {
	padding:15px;
	width:908px;
	border: 1px solid #FED079;
	background-color: #FFFABD;	
}
.green_alert {
	padding:15px;
	width:908px;
	border: 1px solid #BEE589;
	background-color: #DDFFAF;	
}
.red_alert {
	padding:15px;
	width:908px;
	border: 1px solid #CF8B8B;
	background-color: #F4B6B6;	
}
.orange_button {
	padding-right: 16px;
	padding-left: 16px;
	background-color: #FAB778;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DCA36C;
	border-right-color: #DFAD7C;
	border-bottom-color: #DCA36C;
	border-left-color: #DCA36C;
	background-image: url(../images/buttons/orange_button_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
	margin-right: 8px;
	margin-bottom: 20px;
	float: left;
}

.red_button {
	padding-right: 16px;
	padding-left: 16px;
	background-color: #F09E9E;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D38D8D;
	border-right-color: #D79999;
	border-bottom-color: #D38D8D;
	border-left-color: #D38D8D;
	background-image: url(../images/buttons/red_button_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
	margin-right: 8px;
	margin-bottom: 20px;
	float: left;
}

.blue_button {
	padding-right: 16px;
	padding-left: 16px;
	background-color: #9ED0E5;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8DB8CA;
	border-right-color: #99BFCF;
	border-bottom-color: #8DB8CA;
	border-left-color: #8DB8CA;
	background-image: url(../images/buttons/blue_button_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
	margin-right: 8px;
	margin-bottom: 20px;
	float: left;
}

.green_button {
	padding-right: 16px;
	padding-left: 16px;
	background-color: #98B86D;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #98B86D;
	border-right-color: #A3BF7D;
	border-bottom-color: #98B86D;
	border-left-color: #98B86D;
	background-image: url(../images/buttons/green_button_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
	margin-right: 8px;
	margin-bottom: 20px;
	float: left;
}

.gray_button {
	padding-right: 16px;
	padding-left: 16px;
	background-color: #D2CFCF;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BAB8B8;
	border-right-color: #C1BFBF;
	border-bottom-color: #BAB8B8;
	border-left-color: #BAB8B8;
	background-image: url(../images/buttons/gray_button_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
	margin-right: 8px;
	margin-bottom: 20px;
	float: left;
}

.white_button {
	padding-right: 16px;
	padding-left: 16px;
	background-color: #F5F5F5;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D7D7D7;
	border-right-color: #DADADA;
	border-bottom-color: #D7D7D7;
	border-left-color: #D7D7D7;
	background-image: url(../images/buttons/white_button_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
	margin-right: 8px;
	margin-bottom: 20px;
	float: left;
}

.darkGray_button {
	padding-right: 16px;
	padding-left: 16px;
	background-color: #5A5A5A;
	color: #EBEBEB;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #5A5A5A;
	border-right-color: #6C6C6C;
	border-bottom-color: #5A5A5A;
	border-left-color: #5A5A5A;
	background-image: url(../images/buttons/darkgray_button_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
	margin-right: 8px;
	margin-bottom: 20px;
	float: left;
}

.black_button {
	padding-right: 16px;
	padding-left: 16px;
	background-color: #1C1C1C;
	color: #EBEBEB;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1C1C1C;
	border-right-color: #353535;
	border-bottom-color: #1C1C1C;
	border-left-color: #1C1C1C;
	background-image: url(../images/buttons/black_button_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
	margin-right: 8px;
	margin-bottom: 20px;
	float: left;
}

.orange_button:hover,
.red_button:hover,
.blue_button:hover,
.green_button:hover,
.gray_button:hover,
.white_button:hover,
.darkGray_button:hover,
.black_button:hover {
	color: #000;
}

.darkGray_button:hover,
.black_button:hover {
	color: #ccc;
}


/* ========================== Tabs ========================== */

.tabsContainer  {
	width: 100%;
	margin-bottom:20px;
	float:left;
}

.tabs {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 100%;
	border-bottom:1px solid #D7D7D7;
	float:left;
}
	
.tabsContainer ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 100%;
	float:left;
}
.tabsContainer ul li 
{
	list-style:none;
	margin:0px;
	float:left;
}
.tabsContainer ul li a{
	text-decoration: none;
	padding-top: 2px;
	padding-left:17px;
	padding-right:17px;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	border-width: 1px;
	border-style: solid;
	border-color: #D7D7D7;
	margin-right:2px;
	background-color:#F5F5F5;
	z-index:999;
	margin-bottom:-1px;
	margin-right:3px;
	color:#333;
	float:left;
}
.tabsContainer ul li a:hover {
	
    text-decoration: none;
}

.tabsContainer ul li a.current  {
	color: #606060;
	background-color:#FFF;
	background-image: url(images/tab_current.html);
	background-repeat: no-repeat;
	background-position: 155px center;
	font-weight: bold;
	border-bottom:1px solid #fff;
}

.tabsContainer .panes {
	width:100%;
	z-index:888;
	background-color:#FFF;
	float:left;
}

.tabsContainer .pane {
	padding-left:17px;
	padding-right:17px;
	padding-top:12px;
	padding-bottom:12px;
	float:left;
	border-left:1px solid #D7D7D7;
	border-right:1px solid #D7D7D7;
	border-bottom:1px solid #D7D7D7;
	clear:both;
}

.action-button{
	display:block;
	margin-top: 20px;
	text-decoration: none;
	background-color: rgba(248,94,4,0.85);
	font-family: 'LeagueGothicRegular', Impact, Trebuchet, sans-serif;
	text-transform: uppercase;
	font-size: 1.9em;
	color: rgb(234,226,216);
	text-align: center;
	padding: 10px;
	-moz-border-radius: 3px;
		border-radius: 3px;
	-webkit-transition:all 0.7s ease-in-out;
		-o-transition:all 0.7s ease-in-out;
			-moz-transition:all 0.7s ease-in-out;
}

.action-button:hover{
	color:rgb(234,226,216);
	border-bottom:none;
	background-color:rgba(245,121,48,0.95);		
}