/* ------- RETRO v.1 ------- */

/* ========================================================== */
/* 						   GLOBAL RESET                       */
/* ========================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 12px; background-color: #fff; position:relative;}
body, button, input, select, textarea { font-family: Arial, Helvetica, sans-serif; color: #555; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #ffffff; text-decoration:none;}
a:visited { color: #ffffff; }
a:hover { color: #ffffff; text-decoration:underline; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }

/* ------- Images
---------------------------------------------------------- */
.alignright,img.alignright,a img.alignright {
	float:right;
	margin:0 0 15px 15px;
}
.alignleft,img.alignleft,a img.alignleft {
	float:left;
	margin:0 15px 15px 0;
}
.aligncenter,img.aligncenter,a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:15px;
}
.frame_wrapper{
	margin:0 20px  20px 0;
	float:left;
	overflow:hidden;
	border: 1px solid #e0e0e0;
    border-radius: 5px 5px 5px 5px;
	background-color:#fff;
}
img.frame{
	background-color: #f0f0f0;
    border: 1px solid #fff;
    border-radius: 5px 5px 5px 5px;
    padding: 7px 7px;
	float:left;
	overflow:hidden;
}

.iframe_wrapper{
	margin:5px 0  20px 0;
	float:left;
	overflow:hidden;
	border: 1px solid #e0e0e0;
    border-radius: 5px 5px 5px 5px;
	background-color:#fff;
}
iframe{
	background-color: #f0f0f0;
    border: 1px solid #fff;
    border-radius: 5px 5px 5px 5px;
    padding: 7px 7px;
	float:left;
	overflow:hidden;
}

p{ margin:0 0 18px 0; line-height:18px; font-size:12px; color:#777;}
.red{ color:#e73721;}

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { background:url(../images/hr-line.png) bottom repeat-x; display: block; border: 0; margin: 5px 0 20px 0; padding: 0; float:left; overflow:hidden; width:560px; height:2px;}
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0;}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* @font-face
---------------------------------------------------------- */
@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'CuprumFFURegular';
    src: url('../font/cuprum-webfont.eot');
}
@font-face {
    /* This declaration targets everything else */
    font-family: 'CuprumFFURegular';
    src: url(http://:/) format('no404'), url('../font/cuprum-webfont.woff') format('woff'), url('../font/cuprum-webfont.ttf') format('truetype'), url('../font/cuprum-webfont.svgz#CuprumFFURegular') format('svg'), url('../font/cuprum-webfont.svg#CuprumFFURegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ----- Headers ----- */
h1,h2,h3,h4,h5,h6{letter-spacing:1px; margin:0 0 15px 0; font-weight:normal; line-height:100%; display:inline-block; color:#555; font-family: CuprumFFURegular, Verdana, Geneva, sans-serif;}
h1 a,h2 a,h3 a,h4 a,h5 a{ color:#555; font-family: CuprumFFURegular, Verdana, Geneva, sans-serif;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover{ color:#ffffff; text-decoration:underline;}
h1.title{ background:url(../images/hr-line.png) bottom repeat-x; padding-bottom: 18px; margin-bottom:20px; float:left; overflow:hidden; width:560px;}
h1.title_homepage{ background:url(../images/hr-line.png) bottom repeat-x; padding-bottom: 20px; margin-bottom:20px; float:left; overflow:hidden; width:560px; text-align:center; font-size:28px;}
h1.title_homepage span{ font-size:18px;}
h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px; text-transform:uppercase;}

/* ------- Columns ------- */
.one_half { width:48%; }
.one_third { width:30.66%; }
.two_third { width:65.33%; }
.one_fourth { width:22%;}
.two_fourth {width: 48%;}
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:79.2%; }
.one_sixth { width:13.33%; }
.five_sixth { width:82.67%; }
.one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { 
position:relative; margin-right:4%; float:left;}
.last { margin-right:0 !important; clear:right; }

/* ========================================================== */
/* 						   GENERAL LAYOUT                       */
/* ========================================================== */

#container{
	width:840px;
	left:0;
	position:relative;
	overflow:hidden;
}
#dotted_bg{
	position:fixed;
	z-index:-1;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:url(../images/raster.png) repeat;
	overflow:hidden;
}
#main {
	float:left;
	overflow:hidden;
	margin-left:220px;
	background:#f9f9f9;
	width:560px;
	padding:20px 30px 20px 30px;
}
#main_portofolio {
	float:left;
	overflow:hidden;
	margin-left:220px;
	background:#f9f9f9;
	width:580px;
	padding:20px 20px 0 20px;
}
#main_full {
	float:left;
	overflow:hidden;
	margin-left:220px;
	background:#f9f9f9;
	width:580px;
	padding:20px 10px 20px 30px;
}

/* ========================================================== */
/* 						   HEADER                       */
/* ========================================================== */

#header {
	width:200px;
	padding:0 10px;
	background:#8d8c91 url(../images/header_bg.png) repeat-y;
	left:0;
	height:100%;
	position:fixed;
	z-index:500;
}

/* ----- logo ----- */
#logo{ 
	position: relative;
	float:left;
	width:150px;
	height:150px;
	padding:30px 25px 28px 25px;
	background:url(../images/line.png) top repeat-x;
}
#logo a{
	font-size: 52px;  
	letter-spacing: -6px;
	color:#fff;
}
#logo a:hover{
	text-decoration:none;
	color:#eaeaea;
}

/* ----- nav ----- */
#nav {
	position:relative;
	z-index:500;
	clear:both;
	text-align:center;
	display:block;
	width:200px;
	background:url(../images/line.png) top repeat-x;
	padding-top:2px;
}
#nav li {
	display:block;
	list-style:none;
	height:38px;
	background:url(../images/line.png) bottom repeat-x;
}
#nav li a {
	color: #fff;
    display: block;
    font-size: 16px;
	line-height:38px;
    text-decoration: none;
	font-family: CuprumFFURegular, Verdana, Geneva, sans-serif;
}
#nav li a:hover, #nav li a.selected {
	color:#ffffff;
	background:url(../images/transparent-bg.png) repeat;
}

#nav ul {
	position:absolute; 
	width:220px; 
	left:200px; 
	display:none; 
	margin-top:-40px; 
	list-style:none; 
	background:#8d8c91 url(../images/submenu_bg.png) repeat-y; 
	z-index:1000;
	padding:2px 0 1px 0;
}         
#nav ul li {
	width:220px; 
	height:38px; 
	float:left; 
	text-align: left; 
	background:url(../images/line.png) bottom repeat-x;
}
#nav ul li:first-child {
	border-top: none;
}
#nav ul li:last-child {
	border-bottom:none;
}      
#nav ul li a {
	display:block;
	width:180px; 
	padding: 0 20px; 
	line-height:38px; 
	color:#fff; 
	font-size: 16px;
}     
#nav ul a:hover {
	color:#e73721;
} 
*html #nav ul {
	margin:0 0 0 -2px;
}

/* ----- social icons ----- */
ul.social_icons{	
	clear:both;
	width:144px;
	position:fixed;
	bottom:20px;
	margin:0;
	padding:0px 28px;
}
ul.social_icons li {
	list-style:none;
	width:18px;
	height:18px;
	float:left;
	padding:0 3px;
}
ul.social_icons li.last {
	padding-right:0;
}
ul.social_icons li a {
	opacity:.5;	
	filter:alpha(opacity=50); /* For IE8 and earlier */
	transition-duration: 1s;
	-moz-transition-duration:1s;/* Firefox 4 */
	-webkit-transition-duration:1s; /* Safari and Chrome */
	-o-transition-duration:1s; /* Opera */
}
ul.social_icons li a:hover {
	opacity:.99;
	filter:alpha(opacity=99); /* For IE8 and earlier */
	transition-duration: 1s;
	-moz-transition-duration:1s;/* Firefox 4 */
	-webkit-transition-duration:1s; /* Safari and Chrome */
	-o-transition-duration:1s; /* Opera */
}

p.contact{
	width:200px;
	text-align:center;
	color:#dedede;
	font-weight:bold;
	padding:10px 0;
	margin-bottom:0;
	background:url(../images/transparent-bg2.png) repeat;
}
p.contact span{
	font-style:italic;
}

/* ========================================================== */
/* 						   FOOTER                       */
/* ========================================================== */

#footer {
	width:560px;
	float:left;
	overflow:hidden;
	margin-left:220px;
	padding:15px 30px 5px 30px;
	background:#e9e9e9 url(../images/hr-line.png) top repeat-x;
	color:#222;
	text-align:center;
}
#footer p{
	margin:0 0 15px 0;
	color:#454545;
}

/* ========================================================== */
/* 						   HOME PAGE                       */
/* ========================================================== */

/* ----- Slider Wrapper ----- */
.slideshow_wrapper {
	float: left;
	position: relative;
	margin-bottom:20px;
	width: 558px;
	height:318px;
	border: 1px solid #e0e0e0;
    border-radius: 5px 5px 5px 5px;
	background-color:#fff;
}
.slideshow_frame {
	float: left;
	position: relative;
	margin-bottom:20px;
	width: 542px;
	height:302px;
	background-color: #f0f0f0;
    border: 1px solid #fff;
    border-radius: 5px 5px 5px 5px;
    padding: 7px 7px;
}

/* ----- Nivo Slider ----- */
#slider {
	position:relative;
	width:542px;
	height:302px;
}
#slider img {
	position:absolute;
	width:542px;
	height:302px;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}
.nivo-caption {
	text-shadow:none; 
}
.nivo-caption a { 
	color:#efe9d1;
	text-decoration:underline; 
}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.98; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	font-size:13px;
	margin:0;
	width:70%;
	vertical-align:middle;
	text-align:left;
	padding:10px 0 10px 20px;
	color:#fefefe;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	text-indent: -1000em;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:20px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position:absolute;
	right:10px;
	bottom:12px; 
	z-index:110;
	cursor:pointer;
}
.nivo-controlNav a {
	text-indent:-9999em; 
	background:url(../images/bullets.png); 
	width:12px; 
	height:12px;
	display:block;
	border:0;
	margin-right:5px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -12px;
}

/* ----- Homepage Portofolio ----- */
.toggle {
	margin-bottom:0;
	float:left;
	overflow:hidden;
	width:580px;
	clear:both;
}
.toggle .item_wrapper {
	padding:0;
	margin-top: 0;
	margin-bottom: 18px;
	font-size:12px;
	color:#666;
	cursor: pointer;
	clear:both;
	float:left;
	width:580px;
	position:relative;
	z-index:1;
}
.toggle .item_wrapper h2.title {
	position:absolute;
	top:110px;
	left:100px;
	width:380px;
	text-align:center;
	z-index:200;
	font-size:32px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:0;
	font-family:Arial, Helvetica, sans-serif;
}
.toggle .item_wrapper span.info_icon {
	background:url(../images/info_icon.png) no-repeat;
	width:48px;
	height:48px;
	position:absolute;
	top:220px;
	left:266px;
	text-align:center;
	z-index:200;	
}
.toggle .item_wrapper.active h2.title {
	display:none;
}
.toggle .item_wrapper.active span.info_icon {
	display:none;	
}
.toggle .item_wrapper img {
	position:relative;
	z-index:10;
	overflow:hidden;
	margin-bottom:0;	
}
span.overlay_portofolio2 {
    background-color: #000;
	width: 580px;
    height: 300px;
    position: absolute;
    z-index: 100;	
}
.toggle .item_wrapper.active span.overlay_portofolio2, .toggle .item_wrapper:hover span.overlay_portofolio2 {	
}
.toggle .item_wrapper.active img, .toggle .item_wrapper:hover img {	
}
.toggle .description {
	margin: 0;
	padding:0px 10px 30px 10px!important;
	float:left;
	width:560px;
	text-align:center;
	color:#555;
}
.toggle .description h3{
	margin:0 0 15px 0;
	padding:0;
}
.toggle .description h3 a{
	font-size:22px;
	color:#555;
}
.toggle .description h3 a:hover{
	color:#ffffff;
	text-decoration:none;
}
.toggle .description p{
	margin:0 0 20px 0;
	padding:0;
}
.description .portofolio_links{
	width:580px;
	margin-bottom:20px;
}

/* ========================================================== */
/* 						   PORTOFOLIO                       */
/* ========================================================== */

.portofolio_frame {
	width: 268px;
    height: 198px;
	float:left;
	position:relative;
	overflow:hidden;
	margin:0 20px 20px 0;
	z-index:5;
	border: 1px solid #e0e0e0;
    border-radius: 5px 5px 5px 5px;
}
.portofolio_frame.last{
	margin:0 0 20px 0;
}
.portofolio_item {
	background-color: #f0f0f0;
    border: 1px solid #fff;
    border-radius: 5px 5px 5px 5px;
    padding: 6px 6px;
    z-index: 50;
	width: 254px;
    height: 184px;
	text-align:center;
	
}
span.overlay_portofolio {
    background: url(../images/overlay_zoom.png) center center no-repeat #fff;
	width: 254px;
    height: 144px;
	float:left;
    position: absolute;
	left:7px;
	top:7px;
    z-index: 10;	
}
.portofolio_item img {
	margin-bottom:0;
}
.portofolio_item h2.item_title {
	margin-bottom:0;
	font-size:11px!important;
	margin-top:7px!important;
}
.portofolio_item h2.item_title a {
	font-size:11px!important;
	font-weight:bold;
	line-height:12px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
}
.portofolio_item h2.item_title a:hover {
	color:#e73721;
	text-decoration:none;
}

.portofolio_item p {
	font-size:11px;
	color:#555;
}

/* ========================================================== */
/* 				  		    PORTOFOLIO-SINGLE                     */
/* ========================================================== */

/*--Slideshow--*/
.slideshow {
	width: 542px;
	height:302px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	margin:0px 0px;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
	width: 542px;
	height:302px;
}
.image_reel img {
	float: left;
	width: 542px;
	height:302px;
}
.paging {
	position: absolute;
	bottom: 15px;
	right:15px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	height: 12px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	text-indent:-9999em; 
	background:url(../images/bullets.png); 
	width:12px; 
	height:12px;
	display:block;
	border:0;
	margin-right:5px;
	float:left;
}
.paging a.active {
	background-position:0 -12px;
}
.paging a:hover {font-weight: bold;}

/* ========================================================== */
/* 				  		    ABOUT US                     */
/* ========================================================== */

.about_featured {
	float:left;
	overflow:hidden;
	margin:5px 0 2px 0;
}
.about_featured h3{
	margin:4px 0 12px 0;
	font-size:21px;
}
.services_wrapper {
	margin: 0 0 5px 0;
	float:left;
	overflow:hidden;
}
.services_wrapper h4 {
	margin-bottom:7px;
}
.services_wrapper h4 a {
	font-size:11px;
	font-weight:bold;
	line-height:12px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
}
.services_wrapper h4 a:hover {
	color:#ffffff;
	text-decoration:none;
}

.services p {
	font-size:11px;
}
.services_icon{
	float:left;
	margin:3px 15px 0px 2px;
}

/* ========================================================== */
/* 				  		    GALLERY                     */
/* ========================================================== */

/* ----- gallery filter ----- */
#portfolio-filter{
	margin:5px 0 20px 0;
	width:560px;
	float:left;
}
#portfolio-filter li {  
	display: block;
	float:left;
	margin-right:10px;	
}
#portfolio-filter li a {
	background-color:#f1f1f1;
	padding:4px 12px; 
	font-size:13px;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
}
#portfolio-filter li a:hover, #portfolio-filter li a.current {  
	color:#444;
	background-color:#e9e9e9;
	text-decoration:none;
}

/* ----- gallery 3 columns ----- */
.gallery {
	margin: 0;
	float:left;
	overflow:hidden;
}
.gallery_item_3columns {
	float:left;
	width:180px;
	height:140px;
	border: 1px solid #e0e0e0;
    border-radius: 5px 5px 5px 5px;
	background-color:#fff;
	margin:0 8px 8px 0;
	overflow:hidden;
}
.gallery_item_3columns img {
	background-color: #f0f0f0;
    border: 1px solid #fff;
    border-radius: 5px 5px 5px 5px;
    padding: 5px 5px;
    z-index: 50;
	width: 168px;
    height: 128px;
}
li.last{
	margin-right:0;
}
span.overlay_gallery3columns {
    background: url(../images/overlay_zoom.png) center center no-repeat #fff;
	width:180px;
	height:140px;
    position: absolute;
    z-index: 10;	
}

/* ----- gallery 3 columns ----- */

.gallery_item_2columns {
	width: 268px;
    height: 158px;
	float:left;
	position:relative;
	overflow:hidden;
	margin:0 20px 20px 0;
	z-index:5;
	border: 1px solid #e0e0e0;
    border-radius: 5px 5px 5px 5px;
}
.gallery_item_2columns img {
	background-color: #f0f0f0;
    border: 1px solid #fff;
    border-radius: 5px 5px 5px 5px;
    padding: 6px 6px;
    z-index: 50;
	width: 254px;
    height: 144px;
}
li.last{
	margin-right:0;
}
span.overlay_gallery2columns {
    background: url(../images/overlay_zoom.png) center center no-repeat #fff;
	width:268px;
	height:158px;
	border-radius: 5px 5px 5px 5px;
    position: absolute;
    z-index: 10;	
}

/* ----- gallery full ----- */

.picture-slides-frame{
	margin-bottom: 20px;
	width: 558px;
	float:left;
	position:relative;
	z-index:5;
	border: 1px solid #e0e0e0;
    border-radius: 5px 5px 5px 5px;
}
.picture-slides-container {
	width:544px;
	padding: 0;
	position: relative;
	display: block;
	float:left;
	overflow:hidden;
	background-color: #f0f0f0;
    border: 1px solid #fff;
    border-radius: 5px 5px 5px 5px;
    padding: 6px 6px;
    z-index: 50;
}
.picture-slides-fade-container {
	position: relative;
	overflow: hidden;
	z-index: 1002;
}
.picture-slides-fade-container a {
	display: block;
	text-align: center;
}
.picture-slides-fade-container a img {}
.picture-slides-image-load-fail {
	display: none;
}
.picture-slides-thumbnails {
	list-style: none;
	margin: 0;
	overflow: hidden;
	width:544px;
}
.picture-slides-thumbnails li {
	float: left;
	width: 64px;
	height:45px;
	margin:4px 2px 0 2px;
}
.picture-slides-thumbnails li img {
	opacity: 1;
	filter: alpha(opacity=100);
}
.picture-slides-thumbnails a {
	outline: none;
}
.picture-slides-thumbnails a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}
.picture-slides-thumbnails li .picture-slides-selected-thumbnail img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.picture-slides-dim-overlay {
	position: absolute;
	left: 0;top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	z-index: 1000;
	display: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
}

/* ========================================================== */
/* 				  		    NEWS                              */
/* ========================================================== */

.news_wrapper{
	float:left;
	margin-top:3px;
}
.news_box{
	margin:0 0 20px 0;
	width:560px;
	float:left;
	overflow:hidden;
	padding-bottom:22px;
	background:url(../images/hr-line.png) bottom repeat-x;
}
.last{
	background:none;
	margin:0;
}
.newsEntry_frame {
	margin-right: 20px;
	width: 264px;
    height: 184px;
	float:left;
	position:relative;
	z-index:5;
	border: 1px solid #e0e0e0;
    border-radius: 5px 5px 5px 5px;
}
.newsEntry_frame img {
	background-color: #f0f0f0;
    border: 1px solid #fff;
    border-radius: 5px 5px 5px 5px;
    padding: 6px 6px;
    z-index: 50;
	width: 250px;
    height: 170px;
	
}
span.overlay_news {
    background: url(../images/overlay_zoom.png) center center no-repeat #fff;
	width: 264px;
    height: 184px;
	border-radius: 5px 5px 5px 5px;
	float:left;
    position: absolute;
	left:0;
    z-index: 10;	
}
.news_box h2{
	margin:3px 0 8px 0;
	font-size:20px;
}
.date_comments{
	float:left;
	width:260px;
	margin-bottom:12px;
}
span.date{
	background:url(../images/date.png) left no-repeat;
	padding-left:20px;
	color:#888;
	font-size:11px;
	line-height:14px;
	float:left;
	margin-right:15px;
}
a.comments{
	background:url(../images/comments.png) left no-repeat;
	padding-left:20px;
	color:#e73721;
	font-size:11px;
	line-height:14px;
	float:left;
	margin-right:15px;
}
.news_box h2 a{
	color:#555;
}
.news_box h2 a:hover{
	color:#ffffff;
}
.news_box p{
	margin-bottom:15px;
}
.news_box img{
	float:left;
	overflow:hidden;
	margin-right:20px;
	margin-bottom:0;
}

/* ========================================================== */
/* 				  		    Contact Form                     */
/* ========================================================== */

.map{
	margin-bottom:25px;
	float:left;
}
form{
	width:560px;
	margin-bottom:20px;
}
label.contact-label{
	width:550px;
	float:left;
	margin:6px 0;
	font-size:11px;
}
input.contact-input{
	width:320px;
	height:16px;
	padding:5px 5px;
	font-size:11px;
	float:left;
	margin-bottom:4px;
	background-color:#fcfcfc;
	border-top:1px solid #cacaca;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
}
textarea{
	width:548px;
	height:150px;
	padding:5px 5px;
	font-size:11px;
	line-height:18px;
	margin-bottom:20px;
	background-color:#fcfcfc;
	border-top:1px solid #cacaca;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
}
input.contact-input:hover, textarea:hover{ 
	border-top:1px solid #b5b5b5;
	border-bottom:1px solid #cacaca;
	border-left:1px solid #cacaca;
	border-right:1px solid #cacaca;
}
input.contact-input:focus, textarea:focus{ 
	border-top:1px solid #b5b5b5;
	border-bottom:1px solid #cacaca;
	border-left:1px solid #cacaca;
	border-right:1px solid #cacaca;
}
input.contact-submit{
	float:right;
	margin:0 0 30px 0!important;
	padding:8px 20px!important;	
	font-size:13px!important;
	color:#fff;
	border:none;
	cursor:pointer;
}
input.contact-submit:hover{
	background-color:#212121;
}
.comment-required, .name-required, .email-required{
  color:red;
  clear:both;
  float:left;
  font-size:11px;
}

/* ========================================================== */
/* 				  		    TYPOGRAPHY                              */
/* ========================================================== */

/* Styled Lists
---------------------------------------------------------- */
ul.list_1, ul.list_2, ul.list_3, ul.list_4, ul.list_5, ul.list_6, ul.list_7, ul.list_8, ul.list_9, ul.list_10, ul.list_11, ul.list_12 {
	list-style-type:none;
	margin-left:0px;
	margin-bottom:20px;
}
ul.list_1 li, ul.list_2 li, ul.list_3 li, ul.list_4 li, ul.list_5 li {
	background-image:url(styles/_default/icons/styled_list_black.html);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-color:transparent;
	padding-left:24px;
	margin:4px 0;
	font-size:12px;
	color:#666;
	line-height:18px;
}
ul.list_1 li {
	background-position: -60px -60px;
}
ul.list_2 li{
	background-position: -92px -30px;
}
ul.list_3 li {
	background-position: -2px -120px;
}
ul.list_4 li {
	background-position: -122px 0px;
}
ul.list_5 li {
	background-position: -29px -89px;
}
ul.list_color_black li {
	background-image:url(../images/styled_list_black.png);
}
ul.list_1 ul, ul.list_2 ul, ul.list_3 ul, ul.list_4 ul, ul.list_5 ul {
	list-style-type: none;
	margin-left:0;
}
/* Highlight
---------------------------------------------------------- */
.highlight1 {
	background-color:#5a5a5a;
	color:#fff;
	padding:1px 5px;
} 
.highlight2 {
	background-color:#0066ee;
	color:#fff;
	padding:1px 5px;
} 

/* Dropcaps
---------------------------------------------------------- */	
.dropcap1 {
	position:relative;
	float: left;
	margin:4px 15px 0 0;
	background-image:url(../images/dropcap1.png);
    width: 40px;
    height: 40px;
	font-size: 28px;
	line-height:40px;
	text-align:center;
	color:#fff;
}
.dropcap2 {
	position:relative;
	float: left;
	margin:4px 15px 0 0;
	background-image:url(../images/dropcap2.png);
    width: 40px;
    height: 40px;
	font-size: 28px;
	line-height:40px;
	text-align:center;
	color:#fff;
}

/* Pullquotes
---------------------------------------------------------- */

span.pullquote {
    font-size: 11px;
    line-height: 20px;    
	padding: 5px 15px 8px 20px;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#888;
	font-size:11px;
	background:#f5f5f5 url(../images/pullquotes.png) left repeat-y;
	float:left;
	margin:0 0 20px 10px;
}
span.pullquote_left,
span.pullquote_right {
    width: 40%;
    font-size: 11px;
    line-height: 20px;    
	padding: 3px 0px 4px 20px;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#999;
	font-size:11px;
	background:#f5f5f5 url(../images/pullquotes.png) left repeat-y;
}
span.pullquote_left {
	float:left;
    margin: 15px 20px 0px 10px;
}
span.pullquote_right {
	float:right;
    margin: 15px 10px 0px 20px;
}
/* code & pre
---------------------------------------------------------- */
code, pre {
	display: block;
	white-space: pre;
}
.code_wrap {
	border: 1px solid #e5e5e5;
	padding: 5px;
	margin-bottom:20px;
	clear: both;
}
.code, .pre {
	white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -pre-wrap;                /* Opera 4 thru 6 */
	white-space: -o-pre-wrap;              /* Opera 7 and up */
	*word-wrap: break-word;
	background: #f9f9f9;
	color:#777;
	overflow: auto;
}
.code {
	padding: 0 10px 20px;
	padding: 20px 10px\9; /* IE Hack */
	background: #f5f5f5 url(../images/pre.png);
}
	/* IE9 Hack */
	:root .code {
		padding:0 10px 20px\9;
	}
.pre {
	padding:6px 10px;
}


/* Styled Buttons
---------------------------------------------------------- */

/* gray */
.button.gray {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #e0e0e0));
  background-image: -moz-linear-gradient(#f0f0f0, #e0e0e0);
  background-image: -o-linear-gradient(#f0f0f0, #e0e0e0);
  background-image: linear-gradient(#f0f0f0, #e0e0e0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e0e0e0'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e0e0e0'); /* for IE */
  border: 1px solid #c9c9c9;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -moz-box-shadow: inset 0 1px 0 0 white;
  -webkit-box-shadow: inset 0 1px 0 0 white;
  -o-box-shadow: inset 0 1px 0 0 white;
  box-shadow: inset 0 1px 0 0 white;
  color: #555;
  text-shadow: 1px 1px 0 #FFFFFF;
  display: inline-block;
  font-size: 12px;
  font-weight: bolder;
  line-height: 1;
  margin:0 15px 15px 0;
  padding: 7px 14px 8px 14px;
  text-align: center;
  position: relative;
}
.button.gray:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(100%, #f0f0f0));
  background-image: -moz-linear-gradient(#e0e0e0, #f0f0f0);
  background-image: -o-linear-gradient(#e0e0e0, #f0f0f0);
  background-image: linear-gradient(#e0e0e0, #f0f0f0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#f0f0f0'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#f0f0f0'); /* for IE */
  -moz-box-shadow: inset 0 1px 0 0 #f2f2f2;
  -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2;
  -o-box-shadow: inset 0 1px 0 0 #f2f2f2;
  box-shadow: inset 0 1px 0 0 #f2f2f2;
  cursor: pointer;
  text-decoration:none;
}

/* black */
.button.black {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #474747), color-stop(100%, #2b2b2b));
  background-image: -moz-linear-gradient(#474747, #2b2b2b);
  background-image: -o-linear-gradient(#474747, #2b2b2b);
  background-image: linear-gradient(#474747, #2b2b2b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#2b2b2b'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#2b2b2b'); /* for IE */
  border: 1px solid #242424;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 0 #616161;
  -webkit-box-shadow: inset 0 1px 0 0 #616161;
  -o-box-shadow: inset 0 1px 0 0 #616161;
  box-shadow: inset 0 1px 0 0 #616161;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bolder;
  line-height: 1;
  margin:0 15px 15px 0;
  padding: 7px 14px 8px 14px;
  text-align: center;
  position: relative;
}
.button.black:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #242424), color-stop(100%, #3b3b3b));
  background-image: -moz-linear-gradient(#242424, #3b3b3b);
  background-image: -o-linear-gradient(#242424, #3b3b3b);
  background-image: linear-gradient(#242424, #3b3b3b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#3b3b3b'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#3b3b3b'); /* for IE */
  -moz-box-shadow: inset 0 1px 0 0 #545454;
  -webkit-box-shadow: inset 0 1px 0 0 #545454;
  -o-box-shadow: inset 0 1px 0 0 #545454;
  box-shadow: inset 0 1px 0 0 #545454;
  cursor: pointer;
  text-decoration:none;
}

/* light blue */
.button.lightblue {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5aa1d8), color-stop(100%, #2489d6));
  background-image: -moz-linear-gradient(#5aa1d8, #2489d6);
  background-image: -o-linear-gradient(#5aa1d8, #2489d6);
  background-image: linear-gradient(#5aa1d8, #2489d6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5aa1d8', endColorstr='#2489d6'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5aa1d8', endColorstr='#2489d6'); /* for IE */
  border: 1px solid #258cda;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 0 #85b9e0;
  -webkit-box-shadow: inset 0 1px 0 0 #85b9e0;
  -o-box-shadow: inset 0 1px 0 0 #85b9e0;
  box-shadow: inset 0 1px 0 0 #85b9e0;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bolder;
  line-height: 1;
  margin:0 15px 15px 0;
  padding: 7px 14px 8px 14px;
  text-align: center;
  position: relative;
}
.button.lightblue:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2380c7), color-stop(100%, #4a95cf));
  background-image: -moz-linear-gradient(#2380c7, #4a95cf);
  background-image: -o-linear-gradient(#2380c7, #4a95cf);
  background-image: linear-gradient(#2380c7, #4a95cf);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2380c7', endColorstr='#4a95cf'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2380c7', endColorstr='#4a95cf'); /* for IE */
  -moz-box-shadow: inset 0 1px 0 0 #75acd7;
  -webkit-box-shadow: inset 0 1px 0 0 #75acd7;
  -o-box-shadow: inset 0 1px 0 0 #75acd7;
  box-shadow: inset 0 1px 0 0 #75acd7;
  cursor: pointer;
  text-decoration:none;
}

/* blue */
.button.blue {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #597db1), color-stop(100%, #3a6198));
  background-image: -moz-linear-gradient(#597db1, #3a6198);
  background-image: -o-linear-gradient(#597db1, #3a6198);
  background-image: linear-gradient(#597db1, #3a6198);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#597db1', endColorstr='#3a6198'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#597db1', endColorstr='#3a6198'); /* for IE */
  border: 1px solid #3b639b;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 0 #7d99bf;
  -webkit-box-shadow: inset 0 1px 0 0 #7d99bf;
  -o-box-shadow: inset 0 1px 0 0 #7d99bf;
  box-shadow: inset 0 1px 0 0 #7d99bf;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bolder;
  line-height: 1;
  margin:0 15px 15px 0;
  padding: 7px 14px 8px 14px;
  text-align: center;
  position: relative;
}
.button.blue:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #365a8c), color-stop(100%, #51719e));
  background-image: -moz-linear-gradient(#365a8c, #51719e);
  background-image: -o-linear-gradient(#365a8c, #51719e);
  background-image: linear-gradient(#365a8c, #51719e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#365a8c', endColorstr='#51719e'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#365a8c', endColorstr='#51719e'); /* for IE */
  -moz-box-shadow: inset 0 1px 0 0 #728cb1;
  -webkit-box-shadow: inset 0 1px 0 0 #728cb1;
  -o-box-shadow: inset 0 1px 0 0 #728cb1;
  box-shadow: inset 0 1px 0 0 #728cb1;
  cursor: pointer;
  text-decoration:none;
}

/* dark blue */
.button.darkblue {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3054a1), color-stop(100%, #1c3b7d));
  background-image: -moz-linear-gradient(#3054a1, #1c3b7d);
  background-image: -o-linear-gradient(#3054a1, #1c3b7d);
  background-image: linear-gradient(#3054a1, #1c3b7d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3054a1', endColorstr='#1c3b7d'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3054a1', endColorstr='#1c3b7d'); /* for IE */
  border: 1px solid #1d3d81;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 0 #416ac3;
  -webkit-box-shadow: inset 0 1px 0 0 #416ac3;
  -o-box-shadow: inset 0 1px 0 0 #416ac3;
  box-shadow: inset 0 1px 0 0 #416ac3;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bolder;
  line-height: 1;
  margin:0 15px 15px 0;
  padding: 7px 14px 8px 14px;
  text-align: center;
  position: relative;
}
.button.darkblue:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1a3570), color-stop(100%, #2e4b8a));
  background-image: -moz-linear-gradient(#1a3570, #2e4b8a);
  background-image: -o-linear-gradient(#1a3570, #2e4b8a);
  background-image: linear-gradient(#1a3570, #2e4b8a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a3570', endColorstr='#2e4b8a'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a3570', endColorstr='#2e4b8a'); /* for IE */
  -moz-box-shadow: inset 0 1px 0 0 #3e61ac;
  -webkit-box-shadow: inset 0 1px 0 0 #3e61ac;
  -o-box-shadow: inset 0 1px 0 0 #3e61ac;
  box-shadow: inset 0 1px 0 0 #3e61ac;
  cursor: pointer;
  text-decoration:none;
}

/* light green */
.button.lightgreen {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80bf4f), color-stop(100%, #63a72f));
  background-image: -moz-linear-gradient(#80bf4f, #63a72f);
  background-image: -o-linear-gradient(#80bf4f, #63a72f);
  background-image: linear-gradient(#80bf4f, #63a72f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80bf4f', endColorstr='#63a72f'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80bf4f', endColorstr='#63a72f'); /* for IE */
  border: 1px solid #65ab30;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 0 #9bcb76;
  -webkit-box-shadow: inset 0 1px 0 0 #9bcb76;
  -o-box-shadow: inset 0 1px 0 0 #9bcb76;
  box-shadow: inset 0 1px 0 0 #9bcb76;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bolder;
  line-height: 1;
  margin:0 15px 15px 0;
  padding: 7px 14px 8px 14px;
  text-align: center;
  position: relative;
}
.button.lightgreen:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5c9a2d), color-stop(100%, #73af46));
  background-image: -moz-linear-gradient(#5c9a2d, #73af46);
  background-image: -o-linear-gradient(#5c9a2d, #73af46);
  background-image: linear-gradient(#5c9a2d, #73af46);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c9a2d', endColorstr='#73af46'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c9a2d', endColorstr='#73af46'); /* for IE */
  -moz-box-shadow: inset 0 1px 0 0 #8ebf69;
  -webkit-box-shadow: inset 0 1px 0 0 #8ebf69;
  -o-box-shadow: inset 0 1px 0 0 #8ebf69;
  box-shadow: inset 0 1px 0 0 #8ebf69;
  cursor: pointer;
  text-decoration:none;
}

/* green */
.button.green {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #668b46), color-stop(100%, #4a6d2c));
  background-image: -moz-linear-gradient(#668b46, #4a6d2c);
  background-image: -o-linear-gradient(#668b46, #4a6d2c);
  background-image: linear-gradient(#668b46, #4a6d2c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#668b46', endColorstr='#4a6d2c'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#668b46', endColorstr='#4a6d2c'); /* for IE */
  border: 1px solid #4d702e;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 0 #7fa95b;
  -webkit-box-shadow: inset 0 1px 0 0 #7fa95b;
  -o-box-shadow: inset 0 1px 0 0 #7fa95b;
  box-shadow: inset 0 1px 0 0 #7fa95b;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bolder;
  line-height: 1;
  margin:0 15px 15px 0;
  padding: 7px 14px 8px 14px;
  text-align: center;
  position: relative;
}
.button.green:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #436129), color-stop(100%, #5a7641));
  background-image: -moz-linear-gradient(#436129, #5a7641);
  background-image: -o-linear-gradient(#436129, #5a7641);
  background-image: linear-gradient(#436129, #5a7641);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#436129', endColorstr='#5a7641'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#436129', endColorstr='#5a7641'); /* for IE */
  -moz-box-shadow: inset 0 1px 0 0 #739457;
  -webkit-box-shadow: inset 0 1px 0 0 #739457;
  -o-box-shadow: inset 0 1px 0 0 #739457;
  box-shadow: inset 0 1px 0 0 #739457;
  cursor: pointer;
  text-decoration:none;
}

/* dark green */
.button.darkgreen {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #497c22), color-stop(100%, #2f5511));
  background-image: -moz-linear-gradient(#497c22, #2f5511);
  background-image: -o-linear-gradient(#497c22, #2f5511);
  background-image: linear-gradient(#497c22, #2f5511);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#497c22', endColorstr='#2f5511'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#497c22', endColorstr='#2f5511'); /* for IE */
  border: 1px solid #315912;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 0 #61a22f;
  -webkit-box-shadow: inset 0 1px 0 0 #61a22f;
  -o-box-shadow: inset 0 1px 0 0 #61a22f;
  box-shadow: inset 0 1px 0 0 #61a22f;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bolder;
  line-height: 1;
  margin:0 15px 15px 0;
  padding: 7px 14px 8px 14px;
  text-align: center;
  position: relative;
}
.button.darkgreen:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #28480f), color-stop(100%, #3e651f));
  background-image: -moz-linear-gradient(#28480f, #3e651f);
  background-image: -o-linear-gradient(#28480f, #3e651f);
  background-image: linear-gradient(#28480f, #3e651f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28480f', endColorstr='#3e651f'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28480f', endColorstr='#3e651f'); /* for IE */
  -moz-box-shadow: inset 0 1px 0 0 #568a2e;
  -webkit-box-shadow: inset 0 1px 0 0 #568a2e;
  -o-box-shadow: inset 0 1px 0 0 #568a2e;
  box-shadow: inset 0 1px 0 0 #568a2e;
  cursor: pointer;
  text-decoration:none;
}

/* light red */
.button.lightred {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #da5858), color-stop(100%, #d82222));
  background-image: -moz-linear-gradient(#da5858, #d82222);
  background-image: -o-linear-gradient(#da5858, #d82222);
  background-image: linear-gradient(#da5858, #d82222);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da5858', endColorstr='#d82222'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da5858', endColorstr='#d82222'); /* for IE */
  border: 1px solid #dd2222;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 0 #e28383;
  -webkit-box-shadow: inset 0 1px 0 0 #e28383;
  -o-box-shadow: inset 0 1px 0 0 #e28383;
  box-shadow: inset 0 1px 0 0 #e28383;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bolder;
  line-height: 1;
  margin:0 15px 15px 0;
  padding: 7px 14px 8px 14px;
  text-align: center;
  position: relative;
}
.button.lightred:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ca2121), color-stop(100%, #d14747));
  background-image: -moz-linear-gradient(#ca2121, #d14747);
  background-image: -o-linear-gradient(#ca2121, #d14747);
  background-image: linear-gradient(#ca2121, #d14747);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca2121', endColorstr='#d14747'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca2121', endColorstr='#d14747'); /* for IE */
  -moz-box-shadow: inset 0 1px 0 0 #d97373;
  -webkit-box-shadow: inset 0 1px 0 0 #d97373;
  -o-box-shadow: inset 0 1px 0 0 #d97373;
  box-shadow: inset 0 1px 0 0 #d97373;
  cursor: pointer;
  text-decoration:none;
}

/* red */
.button.red {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d81818), color-stop(100%, #ae0a0a));
  background-image: -moz-linear-gradient(#d81818, #ae0a0a);
  background-image: -o-linear-gradient(#d81818, #ae0a0a);
  background-image: linear-gradient(#d81818, #ae0a0a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d81818', endColorstr='#ae0a0a'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d81818', endColorstr='#ae0a0a'); /* for IE */
  border: 1px solid #b20a0a;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 0 #e73c3c;
  -webkit-box-shadow: inset 0 1px 0 0 #e73c3c;
  -o-box-shadow: inset 0 1px 0 0 #e73c3c;
  box-shadow: inset 0 1px 0 0 #e73c3c;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bolder;
  line-height: 1;
  margin:0 15px 15px 0;
  padding: 7px 14px 8px 14px;
  text-align: center;
  position: relative;
}
.button.red:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9e0a0a), color-stop(100%, #bc1a1a));
  background-image: -moz-linear-gradient(#9e0a0a, #bc1a1a);
  background-image: -o-linear-gradient(#9e0a0a, #bc1a1a);
  background-image: linear-gradient(#9e0a0a, #bc1a1a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e0a0a', endColorstr='#bc1a1a'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e0a0a', endColorstr='#bc1a1a'); /* for IE */
  -moz-box-shadow: inset 0 1px 0 0 #de2b2b;
  -webkit-box-shadow: inset 0 1px 0 0 #de2b2b;
  -o-box-shadow: inset 0 1px 0 0 #de2b2b;
  box-shadow: inset 0 1px 0 0 #de2b2b;
  cursor: pointer;
  text-decoration:none;
}

/* dark red */
.button.darkred {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #981010), color-stop(100%, #6b0606));
  background-image: -moz-linear-gradient(#981010, #6b0606);
  background-image: -o-linear-gradient(#981010, #6b0606);
  background-image: linear-gradient(#981010, #6b0606);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#981010', endColorstr='#6b0606'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#981010', endColorstr='#6b0606'); /* for IE */
  border: 1px solid #6f0606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 0 #c41717;
  -webkit-box-shadow: inset 0 1px 0 0 #c41717;
  -o-box-shadow: inset 0 1px 0 0 #c41717;
  box-shadow: inset 0 1px 0 0 #c41717;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bolder;
  line-height: 1;
  margin:0 15px 15px 0;
  padding: 7px 14px 8px 14px;
  text-align: center;
  position: relative;
}
.button.darkred:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5c0505), color-stop(100%, #7e1010));
  background-image: -moz-linear-gradient(#5c0505, #7e1010);
  background-image: -o-linear-gradient(#5c0505, #7e1010);
  background-image: linear-gradient(#5c0505, #7e1010);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c0505', endColorstr='#7e1010'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c0505', endColorstr='#7e1010'); /* for IE */
  -moz-box-shadow: inset 0 1px 0 0 #a91919;
  -webkit-box-shadow: inset 0 1px 0 0 #a91919;
  -o-box-shadow: inset 0 1px 0 0 #a91919;
  box-shadow: inset 0 1px 0 0 #a91919;
  cursor: pointer;
  text-decoration:none;
}

/* yellow */
.button.yellow {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1c81a), color-stop(100%, #a79f0c));
  background-image: -moz-linear-gradient(#d1c81a, #a79f0c);
  background-image: -o-linear-gradient(#d1c81a, #a79f0c);
  background-image: linear-gradient(#d1c81a, #a79f0c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1c81a', endColorstr='#a79f0c'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1c81a', endColorstr='#a79f0c'); /* for IE */
  border: 1px solid #aca40c;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 0 #e4dc3a;
  -webkit-box-shadow: inset 0 1px 0 0 #e4dc3a;
  -o-box-shadow: inset 0 1px 0 0 #e4dc3a;
  box-shadow: inset 0 1px 0 0 #e4dc3a;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bolder;
  line-height: 1;
  margin:0 15px 15px 0;
  padding: 7px 14px 8px 14px;
  text-align: center;
  position: relative;
}
.button.yellow:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #98910b), color-stop(100%, #b6ae1b));
  background-image: -moz-linear-gradient(#98910b, #b6ae1b);
  background-image: -o-linear-gradient(#98910b, #b6ae1b);
  background-image: linear-gradient(#98910b, #b6ae1b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98910b', endColorstr='#b6ae1b'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98910b', endColorstr='#b6ae1b'); /* for IE */
  -moz-box-shadow: inset 0 1px 0 0 #dbd229;
  -webkit-box-shadow: inset 0 1px 0 0 #dbd229;
  -o-box-shadow: inset 0 1px 0 0 #dbd229;
  box-shadow: inset 0 1px 0 0 #dbd229;
  cursor: pointer;
  text-decoration:none;
}

/* orange */
.button.orange {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1911a), color-stop(100%, #a7710c));
  background-image: -moz-linear-gradient(#d1911a, #a7710c);
  background-image: -o-linear-gradient(#d1911a, #a7710c);
  background-image: linear-gradient(#d1911a, #a7710c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1911a', endColorstr='#a7710c'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1911a', endColorstr='#a7710c'); /* for IE */
  border: 1px solid #ac740c;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 0 #e4a83a;
  -webkit-box-shadow: inset 0 1px 0 0 #e4a83a;
  -o-box-shadow: inset 0 1px 0 0 #e4a83a;
  box-shadow: inset 0 1px 0 0 #e4a83a;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bolder;
  line-height: 1;
  margin:0 15px 15px 0;
  padding: 7px 14px 8px 14px;
  text-align: center;
  position: relative;
}
.button.orange:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #98670b), color-stop(100%, #b6801b));
  background-image: -moz-linear-gradient(#98670b, #b6801b);
  background-image: -o-linear-gradient(#98670b, #b6801b);
  background-image: linear-gradient(#98670b, #b6801b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98670b', endColorstr='#b6801b'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98670b', endColorstr='#b6801b'); /* for IE */
  -moz-box-shadow: inset 0 1px 0 0 #db9d29;
  -webkit-box-shadow: inset 0 1px 0 0 #db9d29;
  -o-box-shadow: inset 0 1px 0 0 #db9d29;
  box-shadow: inset 0 1px 0 0 #db9d29;
  cursor: pointer;
  text-decoration:none;
}

/* brown */
.button.brown {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #775e28), color-stop(100%, #513e15));
  background-image: -moz-linear-gradient(#775e28, #513e15);
  background-image: -o-linear-gradient(#775e28, #513e15);
  background-image: linear-gradient(#775e28, #513e15);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#775e28', endColorstr='#513e15'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#775e28', endColorstr='#513e15'); /* for IE */
  border: 1px solid #554116;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 0 #9b7b36;
  -webkit-box-shadow: inset 0 1px 0 0 #9b7b36;
  -o-box-shadow: inset 0 1px 0 0 #9b7b36;
  box-shadow: inset 0 1px 0 0 #9b7b36;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bolder;
  line-height: 1;
  margin:0 15px 15px 0;
  padding: 7px 14px 8px 14px;
  text-align: center;
  position: relative;
}
.button.brown:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #443512), color-stop(100%, #614d24));
  background-image: -moz-linear-gradient(#443512, #614d24);
  background-image: -o-linear-gradient(#443512, #614d24);
  background-image: linear-gradient(#443512, #614d24);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#443512', endColorstr='#614d24'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#443512', endColorstr='#614d24'); /* for IE */
  -moz-box-shadow: inset 0 1px 0 0 #836a34;
  -webkit-box-shadow: inset 0 1px 0 0 #836a34;
  -o-box-shadow: inset 0 1px 0 0 #836a34;
  box-shadow: inset 0 1px 0 0 #836a34;
  cursor: pointer;
  text-decoration:none;
}

/* purple */
.button.purple {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ad40e7), color-stop(100%, #9710e0));
  background-image: -moz-linear-gradient(#ad40e7, #9710e0);
  background-image: -o-linear-gradient(#ad40e7, #9710e0);
  background-image: linear-gradient(#ad40e7, #9710e0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad40e7', endColorstr='#9710e0'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad40e7', endColorstr='#9710e0'); /* for IE */
  border: 1px solid #9a10e5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 0 #c06feb;
  -webkit-box-shadow: inset 0 1px 0 0 #c06feb;
  -o-box-shadow: inset 0 1px 0 0 #c06feb;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bolder;
  line-height: 1;
  margin:0 15px 15px 0;
  padding: 7px 14px 8px 14px;
  text-align: center;
  position: relative;
}
.button.purple:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8d10d1), color-stop(100%, #a22ee0));
  background-image: -moz-linear-gradient(#8d10d1, #a22ee0);
  background-image: -o-linear-gradient(#8d10d1, #a22ee0);
  background-image: linear-gradient(#8d10d1, #a22ee0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d10d1', endColorstr='#a22ee0'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d10d1', endColorstr='#a22ee0'); /* for IE */
  -moz-box-shadow: inset 0 1px 0 0 #b55ee4;
  -webkit-box-shadow: inset 0 1px 0 0 #b55ee4;
  -o-box-shadow: inset 0 1px 0 0 #b55ee4;
  box-shadow: inset 0 1px 0 0 #b55ee4;
  cursor: pointer;
  text-decoration:none;
}

/* teal */
.button.teal {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4ec6c4), color-stop(100%, #2cafad));
  background-image: -moz-linear-gradient(#4ec6c4, #2cafad);
  background-image: -o-linear-gradient(#4ec6c4, #2cafad);
  background-image: linear-gradient(#4ec6c4, #2cafad);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ec6c4', endColorstr='#2cafad'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ec6c4', endColorstr='#2cafad'); /* for IE */
  border: 1px solid #2db4b1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 0 #76d0cf;
  -webkit-box-shadow: inset 0 1px 0 0 #76d0cf;
  -o-box-shadow: inset 0 1px 0 0 #76d0cf;
  box-shadow: inset 0 1px 0 0 #76d0cf;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bolder;
  line-height: 1;
  margin:0 15px 15px 0;
  padding: 7px 14px 8px 14px;
  text-align: center;
  position: relative;
  font-stretch: narrower;
}
.button.teal:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2aa2a0), color-stop(100%, #42b8b6));
  background-image: -moz-linear-gradient(#2aa2a0, #42b8b6);
  background-image: -o-linear-gradient(#2aa2a0, #42b8b6);
  background-image: linear-gradient(#2aa2a0, #42b8b6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2aa2a0', endColorstr='#42b8b6'); /* for IE */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2aa2a0', endColorstr='#42b8b6'); /* for IE */
  -moz-box-shadow: inset 0 1px 0 0 #68c4c3;
  -webkit-box-shadow: inset 0 1px 0 0 #68c4c3;
  -o-box-shadow: inset 0 1px 0 0 #68c4c3;
  box-shadow: inset 0 1px 0 0 #68c4c3;
  cursor: pointer;
  text-decoration:none;
}
.last{
	margin-right:0;
}


/* ========================================================== */
/* 				  		    FEATURES                        */
/* ========================================================== */

/* Styled tables
---------------------------------------------------------- */
table, td, th {
    vertical-align: middle;
}
.styled_table {
	margin-bottom:20px;
}
.styled_table table {
	width: 100%;
	margin:0;
}
.styled_table th {
	color: #fefefe;
	background-color:#454545;
	text-align: center;
    font-size: 14px;
    font-weight: normal;
    padding: 14px;
}
.styled_table td {
	border-top: 1px solid #FFFFFF;
	background-color:#f5f5f5;
    text-align: center;
    color: #888;
	font-size: 12px;
    padding: 12px;
}
.styled_table tbody tr:hover td {
	background-color:#fefefe;
}
.styled_table tfoot td {
    padding: 10px;
	background-color:#f0f0f0;
	color:#555;
	font-size:10px;
	border-bottom:1px solid #e0e0e0;
}

/* Tabs Module
---------------------------------------------------------- */
ul.tabNavigation {
	margin:0;
	padding: 0;
	list-style: none;
	height: 30px;
	width: 100%;
}
ul.tabNavigation li {
	float: left;
	margin:0;
	padding: 0;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	position:relative;
	margin-right:5px;
}
ul.tabNavigation li a {
	float:left;
	font-size:12px; 
	display:block; 
	padding-left:12px; 
	padding-right:12px; 
	text-decoration:none; 
	line-height:30px; 
	background-color:#fefefe; 
	border:1px solid #e9e9e9;
	color:#555; 
	position:relative; 
	outline:0;
}
ul.tabNavigation li a.selected, ul.tabNavigation li a:hover {
	background-color:#454545;
	border:1px solid #353535;
	color:#fefefe;
	text-decoration:none;
}
.tabs div {
	display: block;
	border: 1px solid #e9e9e9;
	clear: both;
	background-color: #fcfcfc;
	margin-bottom:20px;
	margin-top:5px;
	padding: 15px 20px 0 20px;
}

/* Toggle Module Style #1
---------------------------------------------------------- */
#toggle-view {
	list-style:none;	
	font-size:11px;
	margin-bottom:20px;
	width:100%;
}
#toggle-view li {
	position:relative;
	cursor:pointer;
}	
#toggle-view h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#666;
	padding-left:15px;
	line-height:16px;
}
#toggle-view span {
	position:absolute;
	color:#777;
	font-size:13px;
	line-height:16px;
	*margin-top:17px; /* ------- for IE7 only ------- */
}
#toggle-view p {
	padding:0px 10px 10px 15px;
	display:none;
}

/* Styled Boxes
---------------------------------------------------------- */
.info_box, .warning_box, .note_box, .success_box {
	padding-bottom: 12px;
    padding-left: 35px;
    padding-top: 12px;
	padding-right:10px;
	margin-bottom: 20px;
	border: 1px solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.info_box {
	background: #d0e3ea url(../images/info.png) no-repeat 10px 12px;
	border-color: #038bd4;
	color: #038bd4;
}
#container .info_box a:link, #container .info_box a:visited, #container .info_box a:hover {
	color: #038bd4;
	text-decoration:underline;
}
.warning_box {
	background: #ffcfcf url(../images/warning.png) no-repeat 10px 12px;
	border-color: #c93119;
	color: #c93119;
}
#container .warning_box a:link, #container .warning_box a:visited, #container .warning_box a:hover {
	color: #c93119;
	text-decoration:underline;
}
.note_box {
	background: #fdedb6 url(../images/note.png) no-repeat 10px 12px;
	border-color: #a87525;
	color: #a87525;
}
#container .note_box a:link, #container .note_box a:visited, #container .note_box a:hover {
	color: #a87525;
	text-decoration:underline;
}
.success_box {
	background: #cfe2b1 url(../images/success.png) no-repeat 10px 12px;
	border-color: #7a9e3c;
	color: #5d8836;
}
#container .success_box a:link, #container .success_box a:visited, #container .success_box a:hover {
	color: #5d8836;
	text-decoration:underline;
}

/* ------- pagination ------- */
.pagination{
	width:560px;
	margin:0px 0 20px 0;
	float:left;
	background:url(../images/hr-line.png) top repeat-x;
	padding-top:25px;
}
.pagination span.inactive a{
    border: 1px solid #CCCCCC;
    color: #484848;
	padding:3px 7px;
    text-decoration: none;
	margin-right:3px;
	font-size:13px;
}
.pagination span.active a, .pagination span.inactive a:hover{
    background-color:#555;
	border: 1px solid #c8c8c8;
	padding:3px 7px;
    color:#fefefe;
	text-decoration:none;
	margin-right:3px;
	font-size:13px;
}

/* ========================================================== */
/* 		         NON-SEMANTIC HELPER CLASSES                  */
/* ========================================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ========================================================== */
/* 				  		    MEDIA QUERIES                     */
/* ========================================================== */

@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 768px) {
}

/* ========================================================== */
/* 				  		    PRINT STYLES                     */
/* ========================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* ========================================================== */
/*                      TOP WIDGET AREA                       */
/* ========================================================== */
#widgetOverlay {
    display: none;
    position: fixed;
    left: 0;
    top: -5px;
    z-index: 10000;
	background-color:#111;
	opacity:.96;
	filter:alpha(opacity=96); /* For IE8 and earlier */
	widht: 880px!important;
}
#topWidget {
    padding: 30px 45px 10px 30px;
    position: relative;
    z-index: 10000;
	width:805px;
}
#widgetOpen {
    position: absolute;
    left: 840px;
    margin: 0;
    z-index: 9999;
}
#widgetOpen a {
    background: url(../images/panel_buttons.gif) top left no-repeat;
    display: block;
    height: 40px;
    width: 40px;
    text-indent: -9999px;
}
#widgetOpen a.hide {
    background-position: 0 -40px;
}
#widgetOverlay a:link,
#widgetOverlay a:visited {
	color: #ffffff;
}
#widgetOverlay h4 {
	color: #cecece;
	padding-bottom: 0;
	margin-bottom: 0.9em;
	border-bottom: none;
}
#widgetOverlay p {
	color: #999;
	margin-bottom: 0.9em;
}
#widgetOverlay p.testimonials{
	margin-bottom: 0.9em;
	color: #999;
	font-size:11px;
	line-height:18px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif; 
}
#widgetOverlay p.testimonials span {
	font-weight:normal;
	font-size:11px;
	font-style:normal;
}

/* ========================================================== */
/* 				  		      Twitter                         */
/* ========================================================== */

#twitter_update_list{
	float:left;
	margin-bottom:10px;
}
#twitter_update_list li {
	float:left;
	list-style-type: none;
	margin:5px 0 5px 0;
}  
#twitter_update_list span a {  
	display: block;
	clear:both;
	float:left; 
	color: #ffffff;
	font-size:11px;
	line-height:18px;
}  
#twitter_update_list span a:hover {  
	text-decoration: underline;  
	color: #ffffff;  
}  
#twitter_update_list span {
	float:left;
	clear:both;
	color: #999;
	font-size:11px;
	line-height:18px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif; 
}

/* ========================================================== */
/* 				  		    Flickr                     */
/* ========================================================== */
/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {
	width:240px; 
	margin-bottom:20px;
	margin-top:5px; 
	float:left; 
	*padding-bottom:20px; /* ------- for IE7 only ------- */
}
#flickr_badge_wrapper {}

.flickr_badge_image {margin:0 4px 2px 0!important; float:left;}
.flickr_badge_image img:hover {}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}