/* ------- RETRO v1.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, li  { font-family: CuprumFFURegular,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: #e73721; text-decoration:none;}

a:visited { color: #e73721; }

a:hover { color: #e73721; 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:14px; 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; *margin: 5px 0 0 0;/* for ie7 */

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(//:) 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:#e73721; 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:#e73721;

	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;

}


/* ----- credit card ----- */
ul.credit_card li{	
	list-style:none;
	padding:10px;
	margin-top:5px;
	font-size:14px;
	line-height:14px;
	color:#fff;
	text-align:center;
	font-weight:100;
}

/* ----- 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;

}

.nivo-slice {

	display:block;

	position:absolute;

	z-index:5;

	height:100%;

}

.nivo-box {

	display:block;

	position:absolute;

	z-index:5;

}



.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;

	*padding-bottom:20px; /* ------- ie7 only ------- */

	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:#e73721;

	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;

	*padding-bottom:10px; /* ------- ie7 only ------- */

}

.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:#e73721;

	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;

	float:left;

	overflow:hidden;

	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;

}

.news_wrapper .last{

	background:none!important;

	margin:0!important;

	clear:both!important;

}

.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:#e73721;

}

.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.png);

	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: 16px;

  font-weight: 100;

  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;

	*height:30px; *line-height:30px; /* ------- ie7 only ------- */

    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;

	*height:30px; *line-height:30px; /* ------- ie7 only ------- */

    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: #e73721;

}

#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: #e73721;

	font-size:11px;

	line-height:18px;

}  

#twitter_update_list span a:hover {  

	text-decoration: underline;  

	color: #e73721;  

}  

#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;}

#testimonialright {float:right;margin-left:880px;padding-right:30px;color:#fff;font-size:14px;position:fixed;"}