/*

	Theme: "Flurity"
	Description: CSS Style
	Author: flGravity (http://themeforest.net/user/flGravity)
	Last Modified: 16/05/2012
	
	
	TABLE OF CONTENS
	
	1. Browser Reset
	2. Basic Typography
	3. Input and Buttons 
	4. Sections 
	5. Portfolio
	6. Blog
	7. Template Classes
	8. Element Styles

*/


/** (1) Browser Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;

}
body {
	
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
ul, nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
/* generic elements */
img {
	border: 0;
	vertical-align: middle;
}
/* ie image resize fix */
img {
	-ms-interpolation-mode: bicubic;
}
:focus {
	outline:0;
}
/* switch cursor to pointer on clickable elements */
.button, label, input[type=button],
input[type=submit], button {
	cursor: pointer;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top: 1px dashed #ccc;
    margin:9px 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}


/** (2) Basic Typography */

body {
	font: 13px/20px "Open Sans","Arial",sans-serif;
	color: #777;
	background-color: #108AD7;
}

/* links */

a {
	text-decoration: none;
	color: #0c3;
	/* color transitions for links */
 	-moz-transition: color 0.2s linear;
 	-webkit-transition: color 0.2s linear;
 	-o-transition: color 0.2s linear;
 	transition: color 0.2s linear;
}

a:hover {
	color: #888;
}

p {
	font-size: 100%;
	margin-bottom: 20px;
	text-align: left;
}

small { 
	font-size: 11px;
}

strong {
	font-weight: bold;
	text-align: left;
}

em {
	font-style: italic;
}

blockquote {
	margin: 20px 10px 20px 0;
	font-size: 100%;
	font-style: italic;
	border-left: 2px solid #ccc;
	padding-left: 10px;
	font-size: 14px;
}

/* lists */

ul.list-disc, ul.list-square, ul.list-circle {
	margin-bottom: 20px;
}

ul.list-disc {
	list-style: inside disc;
}

ul.list-square {
	list-style: inside square;
}

ul.list-circle {
	list-style: inside circle;
}

/* headings */

h1, h2, h3, h4, h5 {
	/* [disabled]font-family: "PT Sans Narrow","Arial",sans-serif; */
	font-weight: normal;
	margin: 20px 0;
	color: #555;
}

h1 { font-size: 24px; }

h2 { font-size: 20px; } 

h3 { font-size: 18px; } 

h4 { font-size: 16px; } 

h5 { font-size: 14px; }

h5, h4 {
	margin: 5px 0 15px;
}

/* headings group */
hgroup { 
	margin-bottom: 20px; 
}

hgroup h1,
hgroup h2,
hgroup h3,
hgroup h4,
hgroup h5 {
	margin: 5px 0;
}

/* subheading */
hgroup h5 {
	color: #888;
	padding-left: 5px;
	font-style: italic;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #0c3;
}



/** (3) Input and Buttons  */

input, textarea {
	display: inline-block;
	background: #fff;
	border: 1px solid #eee;
	color: #555;
	outline: none;
	font-size: 12px;
	line-height: 20px;
	margin: 4px 0 10px;
	padding: 7px;
	font-family: inherit;
}

input:focus, textarea:focus {
	border-color: #e8e8e8;
}

input[type="text"],input[type="email"],input[type="password"] {
	width: 180px;
}

label {
	font-size: 11px;
	margin-left: 5px;
	font-style: italic;
	white-space: nowrap;
}

label.error {
	color: #888;
} 

/* buttons */
input[type="submit"], input[type="button"], button, a.button {
	color: #093;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	padding: 4px 10px;
	border: 1px solid #e5e5e5;
	margin: 10px 0 0;
	background: url("../images/button_gradient.png") repeat-x 0 0;
	background-color: #fff;
	/* radius */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover, a.button:hover {
	background-position: 0 bottom;
	color: #0F0;
}

/* button colors */

input[type="submit"].green, 
input[type="button"].green,
button.green, a.button.green {background-color: #A8ED63; color: #fff; }

input[type="submit"].orange, 
input[type="button"].orange, 
button.orange, a.button.orange {background-color: #ED9163; color: #fff; }

input[type="submit"].blue, 
input[type="button"].blue, 
button.blue, a.button.aqua {background-color: #63A8ED; color: #fff; }

/* big button */

input[type="submit"].big, 
input[type="button"].big,
button.big, a.button.big {
	padding: 9px 20px;
	margin: 10px 0;
}


/** (4) Sections */
#section-wrapper{
	position: absolute;
	left: 14%;
	top: 0px;
	width: 86%;
}

.section-content {
	position: relative;
	top: 20px;
	padding: 0 20px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	width: 61.8%;
	margin: 0 auto;
	/*max-height: 700px;*/
	max-width: 700px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* text color */
	background: url("../images/section_bg.png");
}

/* scrollbar position and size */
.section-content .rollbar-path-vertical {
	right: 7px;
	height: 100%!important;
	width: 5px;
}


/* make rollbar expand to the full width, while height is auto */
.section-content .rollbar-content {
	width: 100%;
}

/* home section */
#home { top: 0px; background: #108ad7; }
#home #cloud1 { background: url("../images/backgrounds/cloud1.png") no-repeat 400px 400px; }
#home #cloud2 { background: url("../images/backgrounds/cloud2.png") no-repeat 0px 0px; }
#home #baloon2 { background: url("../images/backgrounds/baloon2.png") no-repeat 800px 300px; }
#home #brand { background: url("../images/backgrounds/brand.png") no-repeat 200px 150px; }

/* about section */
#about {
	top: 0px;
}
#about #kite { background: url("../images/backgrounds/kite.png") no-repeat 870px 300px; }
#about #cloud3 { background: url("../images/backgrounds/cloud3.png") no-repeat -300px 0px; }

/* portfolio section */
#portfolio { top: 0px; background: #108ad7; }
#portfolio #cloud7 { background: url("../images/backgrounds/cloud7.png") no-repeat 0px 200px; }
#portfolio #cloud8 { background: url("../images/backgrounds/cloud8.png") no-repeat 400px 100px; }
#portfolio #fish2 {
	background-image: url(../images/backgrounds/fish2.png);
	background-repeat: no-repeat;
	background-position: 900px 0px;
}

/* blog section */
#blog { top: 0px; background: #108ad7; }
#blog #cloud9 { background: url("../images/backgrounds/cloud9.png") no-repeat 100px 200px; }
#blog #cloud10 { background: url("../images/backgrounds/cloud10.png") no-repeat 850px 400px; }

/* features section */
#features { top: 4000px; background: #108ad7;}
#features #fish1 { background: url("../images/backgrounds/fish1.png") no-repeat 850px 300px; }
#features #cloud5 { background: url("../images/backgrounds/cloud5.png") no-repeat 50px 300px; }
#features #cloud6 { background: url("../images/backgrounds/cloud6.png") no-repeat 500px 400px; }

/* contacts section */
#contact {
	top: 0px; background:#108ad7;
	
	
}
#contact #cloud4 { background: url("../images/backgrounds/cloud4.png") no-repeat 100px 300px; }
#contact #baloon1 { background: url("../images/backgrounds/baloon1.png") no-repeat 950px 50px; }


/** (5) Portfolio */

.portfolio .portfolio-list {
	position: relative;
	top: 0; 
	left: 0;
}

.portfolio .portfolio-list li {
	float: left;
	width: 33.33%;
}

.portfolio .plist-inner {
	position: relative;
	margin-right: 10px;
	margin-bottom: 30px;
	overflow: hidden;
}

.portfolio .plist-thumb {
	position: relative;
	background: #fff;
	text-align: center;
}

.portfolio .plist-thumb .overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0; 
	left: -100%;
}

.portfolio .plist-thumb .overlay a {
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
}

/* media types (image, video, work etc) */
.portfolio .plist-thumb  a.type-link {
	background: url("../images/media_icons.png") no-repeat 0 0px;
}

.portfolio .plist-thumb a.type-camera {
	background: url("../images/media_icons.png") no-repeat 0 -40px;
}

.portfolio .plist-thumb a.type-search {
	background: url("../images/media_icons.png") no-repeat 0 -80px;
}

.portfolio .plist-thumb a.type-play {
	background: url("../images/media_icons.png") no-repeat 0 -120px;
}

.portfolio .plist-thumb a.type-zoom {
	background: url("../images/media_icons.png") no-repeat 0 -160px;
}

.portfolio .plist-thumb a.type-photo {
	background: url("../images/media_icons.png") no-repeat 0 -200px;
}

.portfolio .plist-thumb img,
.portfolio .portfolio-work img {
	max-width: 100%;
	height: auto;
	width: auto;
}

.portfolio .plist-title {
	width: 100%;
	padding-top: 10px;
}

.portfolio .plist-title strong {
	font-size: 100%;
}

.portfolio .plist-title a {
	color: #555;
}

.portfolio .plist-title a:hover {
	color: #00CC33;
}

.portfolio .plist-title span{
	display: block;
	font-size: 11px;
}

.portfolio .plist-title span a {
	color: #888;
}

.portfolio .plist-title span a:hover {
	color: #555;
}

.portfolio .plist-title strong::before {
	content: "//";
	display: inline;
	float: left;
	margin-right: 5px;
	color: #00CC33;
	font-weight: normal;
	letter-spacing: -2px;
}


/* portfolio work and navigation */
.portfolio .portfolio-work {
	position: relative;
	top: 0;
	left: 0;
}

.portfolio .portfolio-navigation {
	padding-bottom: 20px;
	border-bottom: 1px dashed #ccc;
	height: 40px;
	margin-bottom: 20px;
}

.portfolio .portfolio-work .pnav-index {
	display: none;	
}

.portfolio .portfolio-navigation a {
	display: block;
	width: 33.33%;
	float: left;
	text-align: center;
	overflow: hidden;
	height: 40px;
	position: relative;
}

.portfolio .portfolio-navigation a img {
	height: 100%;
	width: auto;
	min-width: 0;
}

.portfolio .portfolio-work a.pnav-back {
	position: relative;
	top: 50%;
	margin-top: -12px;
	width: 33.33%;
	height: 24px;
	background: url("../images/list.png") no-repeat center center;
	text-indent: -9999px;
}


/** (6) Blog */

.blog { }

.blog .blog-list {
	overflow: hidden;
}

.blog .blog-list > li {
	position: relative;
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

.blog .blog-meta ul {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px dashed #ccc;
}

.blog .blog-meta {
	margin: 0;
	font-size: 11px;
}

.blog .blog-meta li strong {
	color: #555;
	margin-right: 5px;
}

.blog .blog-photo {
	width: 95%;
	/*max-height: 200px;*/
	/*height: auto;*/
	/*overflow: hidden;*/
	margin: 10px 0;
	border: 5px solid #fff;
}

.blog img {
	/*height: auto;*/
	max-width: 100%;
}

.blog .blog-short {
	
}

.blog .blog-entry {
	display: none;
	position: relative;
	top: 0;
}

.blog .blog-entry h1 {
	margin-top: 10px;
}

.blog .blog-entry .blog-photo {
	/*max-height: 300px;*/
}

.blog .blog-entry .blog-meta ul {
	overflow: hidden;
}

.blog .blog-entry .blog-meta ul li {
	float: left;
	margin-right: 15px;
}

.blog .blog-entry .blog-entry-return {
	display: block;
	float: right;
	width: 24px;
	height: 24px;
	background: url("../images/list.png");
	margin-top: -2px;
}

.blog .blog-entry-comments {
	margin: 20px 0 20px;
	border-top: 3px solid #fff;
}


.blog .blog-entry-comments .comment-list li {
	margin: 10px 0 20px;
}

.blog .blog-entry-comments .comment-meta {
	font-size: 11px;
	color: #888;
	padding: 5px 10px;
	margin-bottom: 10px;
	min-height: 40px;
	padding-left: 50px;
	background: url("../images/user.png") no-repeat 0 center;
}

.blog .blog-entry-comments .comment-meta strong {
	color: #555;
	display: block;
}

.blog .blog-entry-comments textarea {
		max-width: 95%;
}

/** (7) Template Classes */

/* link with right arrow
 <a class="link" href="#">Link</a>
*/

.link {
	font-style: italic;
	font-size: 90%;
}


p + .link {
	position: relative;
	top: -10px;
}

.link::after {
	content: "\2192";
	display: inline;
	margin-left: 5px;	
}

/* floats and clearings */
.left { float: left; }
.right { float: right; }
.clear, .clearfix { zoom:1; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden;  width: 0; height: 0; }
.clearfix:before, .clearfix:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

/* no margin */
.nomargin {
	margin-bottom: 0!important;
}

/* floated images */
.image {
	max-width: 100%;
}

.image.left {
	float: left;
	margin: 0 10px 10px 0;
}

.image.right {
	float: right;
	margin: 0 0 10px 10px;
}

/* image frame */
img.frame {
	padding: 4px;
	background: #fff;
	border: 1px solid #eee;
}

/* sidebar */
.sidebar, aside {
	font-size: 11px;
}

/* very simple column grid (2 and 3 cols) */
.one,
.one-half,
.one-third,
.two-thirds,
.one-fourth, 
.three-fourths  {
	float: left;
	padding-left: 3%;
}

.first { 
	clear: both;
	padding-left: 0;
}

.one-half { width: 48%; }
.one-third { width: 31%; }
.two-thirds { width: 65%; }
.one-fourth { width: 22.5%; }
.three-fourths { width: 73.5%; }


/* social icons 

	<a class="social flickr"></a>
*/


.social {
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	text-indent: -9999px;
}

.social.external {
	border-top-right-radius: 0;
	-mox-border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
}

/* social icons (24x24 px) with hover backgroungs
  (EE6363, A863ED, A8ED63, ED9163, 63EDED, 63A8ED)
*/

.social.flickr:hover, .social.vimeo:hover {background-color: #A863ED; }
.social.facebook:hover, .social.picasa:hover { background-color: #A8ED63; }
.social.youtube:hover, .social.twitter:hover { background-color: #ED9163; }
.social.linkedin:hover, .social.email:hover { background-color: #63EDED; }
.social.share:hover { background-color: #63A8ED; }

.social.flickr   { background: #ccc url("../images/social/white_flickr.png"); }
.social.vimeo    { background: #ccc url("../images/social/white_vimeo.png"); }
.social.facebook { background: #ccc url("../images/social/white_facebook.png"); }
.social.twitter  { background: #ccc url("../images/social/white_twitter.png"); }
.social.youtube  { background: #ccc url("../images/social/white_youtube.png"); }
.social.picasa   { background: #ccc url("../images/social/white_picasa.png"); }
.social.linkedin { background: #ccc url("../images/social/white_linkedin.png"); }
.social.email    { background: #ccc url("../images/social/white_email.png"); }
.social.share    { background: #ccc url("../images/social/white_share_this.png"); }

/* toggle list 

 <ul class="toggle-list">
   <li title="Title 1"></li>
   <li title="Title 2"></li>
   ...
 </ul>
*/

.toggle-list {
		margin-top: -10px;
}

.toggle-list > li {
	position: relative;
	padding-top: 40px;
	overflow: hidden;
}

.toggle-list li .toggle-title {
	color: #555;
}

.toggle-list li .toggle-title:hover {
	color: #888;
}

.toggle-list li .toggle-content {
	padding-bottom: 0;
}

.toggle-list li .toggle-title {
	position: absolute;
	margin: 10px 0 0;
	padding-left: 30px;
	top: 0; left: 0;
	cursor: pointer;
	background: url("../images/toggle_controls.gif") no-repeat 0 0;
}

.toggle-list .toggle-active .toggle-title {
	background-position: 0 -20px;
}


/* tabs 

	<div class="multitab">
		<ul class="tabnav">
			<li><a href="#tab1">Tab 1</a></li>
			<li><a href="#tab2">Tab 2</a></li>
		</ul>
		<div id="tab1" class="tab">Tab Content</div>
		<div id="tab2" class="tab">Tab Content</div>
	</div>	
*/

.multitab {
	position: relative;
	padding-top: 40px;
	margin-bottom: 20px;
}

.multitab .tabnav {
	position: absolute;
	background: #fff;
	background: rgba(255,255,255,0.5);
	top: 0; 
	left: 0;
	width: 100%;
}

.multitab .tabnav li {
	float: left;
	padding: 5px 20px;
	position: relative;
}

.multitab .tabnav li.active {
	border-top: 3px solid #6daad0;
	background: #fff;
}

.multitab .tabnav li a {
	color: #555;
}

.multitab .tabnav li a:hover,
.multitab .tabnav li.active a {
	color: #888;
}


/* carousel (jcarousel plugin) 

	<div class="carousel">
		<ul>
			<li> </li>
			...
		</ul>
	</div>
*/

.carousel  {
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
}

.carousel .jcarousel-container {
	width: 440px;
}

.carousel .jcarousel-clip {
	overflow: hidden;
}

.carousel .jcarousel-item {
	display: block; 
	position: relative; 
	float: left; 
	width: 100px;
	height: 80px;
	margin-right: 10px;
	text-align: center;
}

.carousel .jcarousel-item img {
	max-width: 100%;
	height: auto;
}

.carousel .jcarousel-item a {
	display: block;
}

.carousel .jcarousel-next,
.carousel .jcarousel-prev {
	position: absolute;
	bottom: -20px;
	cursor: pointer;
}
.carousel .jcarousel-next:hover,
.carousel .jcarousel-prev:hover {
	color: #6daad0;
}

.carousel .jcarousel-prev { left: 0px; }
.carousel .jcarousel-next { left: 20px; }


/* image slider (flexslider plugin)

	<div class="slider">
		<ul class="slides">
			<li><img src="images/1.jpg" alt></li>
			...
		</ul>
	</div>
*/

.slider {
	position: relative;
	overflow: hidden;
	height: auto;
	margin: 0 auto;
	margin-bottom: 20px;
}

.slider .slides::after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.slider .slides > li {
	position: relative;
	display: none;
}

.slider .slides img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}


/* slider navigation controls */

.slider.slider-navigation .flex-direction-nav {
	display: block;
}

.slider .flex-direction-nav {
	display: none;
	margin: 0;
	position: absolute; 
	right: 0;
	bottom: 0;
}

.slider .flex-direction-nav li {
	list-style: none;
	float: left;
}

.slider .flex-direction-nav a {
	display: block;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
}

.slider .flex-direction-nav a.prev {
	background: url("../images/slider_controls.png") no-repeat 0 0;
}

.slider .flex-direction-nav a.next {
	background: url("../images/slider_controls.png") no-repeat 0 -20px;
	
}

/* slider pagination controls */

.slider.slider-pagination .flex-control-nav {
	display: block;
}

.slider .flex-control-nav {
	display: none;
	position: absolute;
	list-style: none;
	bottom: 5px;
	left: 50%;
}

.slider .flex-control-nav li {
	position: relative;
	float: left;
	margin-right: 5px;
	left: -50%;
}

.slider .flex-control-nav a {
	display: block;
	width: 10px;
	height: 10px;
	background: url("../images/slider_controls.png") no-repeat 0 -40px;
	text-indent: -9999px;
	cursor: pointer;
}

.slider .flex-control-nav .active {
	background-position: -10px -40px;
}


/* services */
.services {
	overflow: hidden;
}

.services li {
	margin: 20px 0;
	position: relative;
}

.services .service-image {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	margin: 20px 20px 0 10px;
}

.services .service-content {
	overflow: hidden;
	padding: 0 10px;
}

.services .service-content h3 {
	margin: 0 0 10px;
}

/** (8) Element Styles */

/* site preloader */

#preloader {
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	height: 100%;
	width: 100%;
	z-index: 200;
}

#preloader #indicator {
	position: absolute;
	top: 0; 
	bottom: 0;
	margin: auto 0;
	height: 5px;
	background: #fff url("../images/preloader_bg.gif") repeat;
	width: 0%;
}

#preloader #progress {
	position: absolute;
	left: 0;
	right: 0;
	width: 90px;
	margin: 0 auto;
	top: 50%;
	margin-top: -60px;
	font-size: 10px;
	color: #888;
	text-align: center;
	height: 11px;
	padding: 83px 0 17px;
	/* logo image converted for embedding into css using http://webcodertools.com/imagetobase64converter */
background-image: url(data:image/gif;base64,R0lGODlhWgBvAKIHAGbMZv///5nMmTPMM5mZmTMzM2aZZv///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjU4MjQxNjRFMENBNUUxMTE5OEFDQUFGRDE1RDg1OUYxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMyQUZCMkExRTI1RjExRTFCMTcyODdEQTA5Q0UwRTlFIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMyQUZCMkEwRTI1RjExRTFCMTcyODdEQTA5Q0UwRTlFIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTIzN0E1RDE4N0JGRTExMUI4RTM5ODY2MjExODRDRDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTgyNDE2NEUwQ0E1RTExMTk4QUNBQUZEMTVEODU5RjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAAHACwAAAAAWgBvAAAD/3iyHBIwyniqvTjrzbu3DAMIQEmGTzqt1Oe+7zKOp1jPMkmj6sO2sOAmhJvRcLykcody/CRCTw55rBGvyizPxAw5fSuYzaizdpndU3WrzaYX359CfXNjUWe8/t7WpgNzdG9pO4V7OTZ8bGZ9XgJzSIuIjXlWk4hripiXD4GSWIaMRBCEh0mljSmeqaxXDm+cdaaymZ1jRYJ3oZMApK2ssE2PMlxGJcc6xcbJRSMOA8l0uZvBfYC3ZYLNZWTGJhADysfF0eTj5+g1DpDbXNrc3dw6EPJVyvDeuc0mtmrm4/X8CSwC7ZW7f/D8OUt40Aq7ge3Q3fP27VW5bhhJFHyGj//ZjmsKM8Zrx0wgPWQoRZKJkHKkuocqEYqDWIKlSoYVAwCAlrIjA3YA/4nD2HLeSZkUN4Lb57HMujFNDxZFeXEnmKESndo8V05ev3QSe5bk2jOCAJ4kz0k4S9QjsgWQ8MWsGbWqUrZjgw6YMPSiNJBZWxYLZ9BtSwlhgzozG05wYjgwKQrWSCqsx71meyrDHCFcXogOiYFNPM4gUXISGltW+oz046+u85bAbDgrYtKEU5N1zW9YVd7FSKFVnLO1X9ZsLU+lce3xaHT0PLueoNq2Tbm8f4p27HpjctJ8E3NuDTwr7PJhOQ8Yjm48+XOs0VuGW1u+1eix11afMf67fX7/gP0nEUvscRUefL1sJWBvCizYng/+pcPXfqzt9x9k2zmo1E7pgYHfOONx6OAODY4Iom6JTWAYiiNiWJ99d1l4zArV5faeg9qZCGKCpj044TEx6oihjicSKJF7OlUHxnpC0iefjDtmdqSH5NkYIY7NlacRbjwmaR1js/Eoook57mhmQWNOCSaIrIETjo1MchnmnABl2Z6PIjamWoV0LpbamxDWOCeUZpaZ5pEFnUXhTiEuSuNsPhyaXp/72XJnnkAmyiSFYHyn2gocqqfnoHIC5KSZQMKnKYU2BhBnmKAy+eGlo4466JBvokrnetHlCquReiLJaIKYSioogiRediap/72GuV6ngq6gaIKbkrqoszueiqmtqgZaI7S5eqbis89wi+CeO346DKmphpqnd9W2+iqv42o6aLjIugukobW2ayu9Xs42Xrx+9uomm7tumyqgp/5brMIE6rnknm0q+kC8BRFcrIyWOuyur8FO/KuXbwpL2LSMPjAmvv1uWibLCrPM2bQ2Dptyva6GfDDIH/dMQ4M84xszhxHfRzKHVCK96UZxCt1vni/r2zPPN+8c6dIVzwun0z4L3fHHMMtMdK8b2SwuYiXLKtzUbIcbddBtC7yh2sOu16bZc8cdNtLrir13ycMyRi/BVNpddbl/x51j4okfbnHOaReeNtp6x+0M0P9tM+44uRjTWLKHhgO+9NS5Oim66HWfXjLaC4ROruB2g8tosKGe7q7pfqdO+uutjc474hUCXjfYwz9r+uyp+y0z2sszz7uiWGOte+iXaxSu7XanPbvd+qUd+5/cRxw59MXr/vOWGE+ffO0DUw+wm2rDP7twqrvO9wECb6++/d53mfz70ItR9ng0QIKN7nz6K2D/XIc1cGGte88bIOy2577SPWJhDFTgArMnu+y1L3zwk5f2rudBaOAuev9DnvfiBznAgQ9gAXRgCRU4LLg4C2MepGAOs/cn/cGuZt/rDA2jN8ATzlCFRFTgVUooJgmGUIYz5J9nLvi/KDIxiVBUSg7/ydYlK64wh0b8IgV1yMQfvi6AuYEeFFPIxJ/JbYdw9KLhzMg0D/qAh2STowbPp8c+EvGFrytjC+noRybZkIyF9CIdQ/g9NeYxkYYLIyS9OLE5tnCOjkzSJItIxU320VuYnOHFwofGTboRkZ7koBC/R8ZezG6UqTRkJ2NpRVDyqpTG4yEqE3lKWioSeDyp5Rx9KUsFEDOK1CqiH3cJyV4es4T0a9ozl2nDaULzktYspDOziRluTpKP3twLLsNpRTeSE5bk/OQwzjnOdDKxmuEcgTv9CE9vtnOenMQfM/Hpznry85+RnCVAAWrOgXLTAABAKAEAQAABNJQAFNinQbNn/4ABGEAAF32oQ+VwgAlcQKLZrKgBRppRh24UoiyowBNWCgH8TVOkJDXAQwOAUpba9KYrNaYeYRpTAviUpjgNqlCDCoKRJtShPj3pUJfK1DAAoqMfaKpUhxqFF0z1qk+tqlYtIIGaXrUDQADqVqsaAQIUgKMYaOkF1NqBArj1rW/lKlizalWIrpWmb6WrWTVgVr0WgAAXcOsG+prWv/I1rhUQbGAB21GzwpWxECiATA1rgb1iwLEFWKtbGXsAymYgAJ5N7GY1+1e6hrazjHVrVs3KWMKytrKZ1SxEPcta1aJ2sGe9QF8J29HSZkCxFjAsaDkr2t7C1bYHsGxw/+rY1ntmFrRnPS1XPQtdn9rWALmtgE8TS9zb8ja4BoAuabUbW/L6dLa5VS52pUverG72vIZFbnJjC1zuzpe4rP2uee/709CKV7n33cBw26vb0r7VuvRlbmqdy9zRbjcDdj3vT+26VsA+uLJ0rfBTaQrhDUv4qRJuLWdpet6nJgAAOw==);
}

/* contact form */

#contact-form {
	margin-top: 20px;
}

#response_msg {
	display: inline-block;
	margin-left: 20px;
}

/* google map */

#map {
	position: relative;
	width: 100%;
	height: 250px;	
	border: 2px solid #fff;
}

/* go top button */

.gohome {
	display: block;
	position: fixed;
	width: 40px;
	height: 40px;
	background: url("../images/gohome.png") no-repeat 0 0;
	padding: 0;
	text-indent: -9999px;
	bottom: 10px;
	right: 10px;
	z-index: 20;
	color: #fff;
	text-align: center;
	line-height: 40px;
}

.gohome:hover{
	background-position: 0 -40px;
}

/* sidebar */

#header {
	position: fixed;
	width: 14%;
	min-width: 146px;
	max-width: 171px;
	height: 100%;
	background: url("../images/stripes.png");
	text-align: right;
	z-index: 120;
}

#header:before{
	content: "";
	display: block;
	position: absolute;
	right: -15px;
	top: 0;
	height: 100%;
	width: 15px;
	background: url("../images/nav_shadow.png") repeat-y;
}

/* min heights for navigation elements (logo, menu, twitter) */

#header #logo {
	min-height: 270px;
}
#header #nav {
	min-height: 0px;
}
#header #multitab_wrap { min-height: 170px; }

/* site logo */

#logo {
	position: relative;
	top: 10px;
	text-align: center;
	height: 28.3%;
}


/* contact info */
#contact-me {
	display: none;
	font-size: 11px;
	line-height: 1.3em;
	color: #888;
	float: left;
}

#contact-me a {
	color: #555;
}

#contact-me a:hover {
	color: #888;
}

/* navigation menu */

#nav {
	height: 38.3%;
}

#nav ul {
	float: left;
	position: relative;
	left: 50%;
	top: 0px;
}

#nav ul li {
	font: 20px/1.4em "PT Sans Narrow", "Arial", sans-serif;
	position: relative;
	right: 50%;
}

#nav a {
	color: #888;
}

#nav a[href^="http"]::before {
	content: "+";
	display: inherit;
	margin-right: 5px;
	color: #ccc;
}

#nav a:hover, #nav .active  {
	color: #00CC33;
}

/* copyright notice */
.copyright {
	position: absolute;
	width: 100%;
	bottom: 0px;
	right: 10px;
	margin: 10px 0;
	text-align: right;
	color: #ccc;
}

/* sidebar multitab switcher */

#multitab_wrap {
	clear: both;
	position: relative;
	height: 33.3%;
}

#multitab_wrap a {
	color: #aaa;
}

#multitab_wrap a:hover {
	color: #0c3;
}


#multitab_wrap .multitab {
	position: absolute;
	width: 100%;
	bottom: 45px;
	left: 0;
	margin: 0;
	padding: 0;
}

#multitab_wrap .multitab .tabnav {
	background: none;
	float: left;
	position: relative;
	left: 50%;
	margin-bottom: 10px;	
	width: auto;
}

#multitab_wrap .multitab .tabnav li {
	padding: 0;
	margin: 0 5px;
	position: relative;
	left: -50%;
}

#multitab_wrap .multitab .tabnav li.active {
	background: none;
	border: 0;
}

#multitab_wrap .multitab .tab {
	position: relative;
	clear: both;
	border-top: 1px dashed #dfdfdf;
	border-bottom: 1px dashed #dfdfdf;
	padding: 10px;
	font-size: 12px;
	text-align: left;
}

#tweetscroll { height: 120px; }
#tab_address {
	max-height: 180px;
}
#tweetscroll .rollbar-path-vertical { width: 3px; right: 0; }
#tweetscroll .follow {
	margin: 0 10px 0 0;
	padding-right: 20px;
	text-align: center;
	background: #6daad0 url("../images/social/white_twitter_bird.png") no-repeat right center;
	
}

#tweetscroll .follow a {
	color: #fff;
	font-size: 11px;
}

#tab_twitter { padding: 10px 0; }
.tweetfeed { padding-right: 10px; }

.caption {
	font-size: 1em;
	font-style: italic;
	z-index: 500;
	position: absolute;
	padding: 4px;
	color: #fff;
	width: 70px;
	bottom: 30px;
	right: 0px;
	background-color: #0C3; 
}

html {
       overflow-y: scroll;
}