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

/*! normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
HTML5 display definitions
========================================================================== */

/*
* Corrects block display not defined in IE6/7/8/9 & FF3
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/*
* Corrects inline-block display not defined in IE6/7/8/9 & FF3
*/

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
* Prevents modern browsers from displaying 'audio' without controls
*/

audio:not([controls]) {
    display: none;
}

/*
* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
* Known issue: no IE6 support
*/

[hidden] {
    display: none;
}


/* =============================================================================
Base
========================================================================== */

/*
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Keeps page centred in all browsers regardless of content height
* 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/

html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%; /* 3 */
}

/*
* Addresses margins handled incorrectly in IE6/7
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    margin: 0;
	padding: 0;
}

/*
* Addresses font-family inconsistency between 'textarea' and other form elements.
*/

body,
button,
input,
select,
textarea {
    font-family: sans-serif;
}


/* =============================================================================
Links
========================================================================== */

/*
* Addresses outline displayed oddly in Chrome
*/

a:focus {
    outline:  none;
}

/*
* Improves readability when focused and also mouse hovered in all browsers
* people.opera.com/patrickl/experiments/keyboard/test
*/

a:hover,
a:active {
    outline: 0;
}
a {
	text-decoration: none;
}

/* =============================================================================
Typography
========================================================================== */

/*
* Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
*/

h1 {
    font-size: 2em;
}
p {
	margin: 0;
	padding: 0;
}
/*
* Addresses styling not present in IE7/8/9, S5, Chrome
*/

abbr[title] {
    border-bottom: 1px dotted;
}

/*
* Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
* Addresses styling not present in S5, Chrome
*/

dfn {
    font-style: italic;
}

/*
* Addresses styling not present in IE6/7/8/9
*/

mark {
    background: #ff0;
    color: #000;
}

/*
* Corrects font family set oddly in IE6, S4/5, Chrome
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
* Improves readability of pre-formatted text in all browsers
*/

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
* 1. Addresses CSS quotes not supported in IE6/7
* 2. Addresses quote property not supported in S4
*/

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
* Prevents sub and sup affecting line-height in all browsers
* gist.github.com/413930
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
Lists
========================================================================== */

ul,
ol {
    margin: 0;
    padding: 0;
}

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
Embedded content
========================================================================== */

/*
* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
* 2. Improves image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
* Corrects overflow displayed oddly in IE9
*/

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
Figures
========================================================================== */

/*
* Addresses margin not present in IE6/7/8/9, S5, O11
*/

figure {
    margin: 0;
}


/* =============================================================================
Forms
========================================================================== */

/*
* Corrects margin displayed oddly in IE6/7
*/

form {
    margin: 0;
}

/*
* Define consistent border, margin, and padding
*/

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
* 1. Corrects color not being inherited in IE6/7/8/9
* 2. Corrects alignment displayed oddly in IE6/7
*/

legend {
    border: 0; /* 1 */
    *margin-left: -7px; /* 2 */
}

/*
* 1. Corrects font size not being inherited in all browsers
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
* 3. Improves appearance and consistency in all browsers
*/

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
*/

button,
input {
    line-height: normal; /* 1 */
}

/*
* 1. Improves usability and consistency of cursor style between image-type 'input' and others
* 2. Corrects inability to style clickable 'input' types in iOS
* 3. Removes inner spacing in IE7 without affecting normal text inputs
* Known issue: inner spacing remains in IE6
*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible; /* 3 */
}

/*
* 1. Addresses box sizing set to content-box in IE8/9
* 2. Removes excess padding in IE8/9
*/

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
* 1. Addresses appearance set to searchfield in S5, Chrome
* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
*/

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
* Removes inner padding that is displayed in S5, Chrome on OS X
*/

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
* Removes inner padding and border in FF3+
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
* 1. Removes default vertical scrollbar in IE6/7/8/9
* 2. Improves readability and alignment in all browsers
*/

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
Tables
========================================================================== */

/*
* Remove most spacing between table cells
*/

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearFloat
{
	clear: both;
	color: inherit;
	margin: 0;
	padding: 0;
}


/*====================== END NORMALIZER RESET ==============================*/


/*========= ABOVE THE FOLD STYLES ==========*/

.wrap {
	height: auto;
	width: 100%;
}
header , footer, .container {
	width: 980px;
	height: auto;
	margin: 0 auto;
}
#aboveTheFold {
	background-color: #ececec;
	background-image: -moz-linear-gradient(#ececec, #fff);
	background-image: -webkit-linear-gradient(#ececec, #fff);
	background-image: -o-linear-gradient(#ececec, #fff);
	background: linear-gradient(#ececec, #fff);
	progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ececec', endColorstr='#ffffff'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ececec', endColorstr='#ffffff')"; /* IE8 */
	padding-top: 1.5%;
}
#logo {
	background: url(../../structure/logo/hs-logo.png) no-repeat scroll 0 0 transparent;
	color: #898A8D;
    font-family: Arial;
    font-size: 1.8em;
    height: 53px;
    line-height: 0.9;
	margin-left: 1em;
    padding-left: 3.8em;
    padding-top: 0.7em;
    text-shadow: 1px 1px 1px #444444;
    text-transform: uppercase;
    width: auto;
}
header nav {
	background: url(../../structure/images/jpg/nav-bg.jpg) repeat scroll 0 0 transparent;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-o-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
    margin: 0 auto;
    padding-right: 1em;
    width: 95%;
}
header nav li {
	float: right;
	list-style: none;
}
.last-button {
	border-right: 1px solid #999999;
}
header nav a {
	border-left: 1px solid #999999;
    color: #ECECEC;
    display: block;
    font-family: tahoma;
    font-size: 1.4em;
    padding: 0.4em 0.8em;
    text-transform: uppercase;
}
header nav a:hover {
	background: #e0e0e0;
	color: #666;
	-moz-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
#aboveTheFold .container {
	min-height: 580px;
	position: relative;
	padding-top: 10em;
}
#macDisplay {
	background: url(../../structure/images/png/mac-pc-display.png) no-repeat scroll 0 0 transparent;
	position: absolute;
	top: 6em;
	left: 1.6em;
	height: 544px;
    width: 658px;
}
#text {
	margin-left: 49em;
}
#text .bold {
	color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7em;
}
#text p {
	color: #779914;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.6em;
	margin: 0;
}
#text p:last-child {
	color: #666666;
    font-size: 1.4em;
    margin-left: 4.6em;
    margin-top: 2em;
    width: 77%;
}

/*================ ABOUT STYLES =================*/

#about {
	background-image: url(../../structure/images/png/square-pattern.png), -moz-linear-gradient(#779914, #c7e404);
	background-image: url(../../structure/images/png/square-pattern.png), -webkit-linear-gradient(#779914, #c7e404);
	background-image: url(../../structure/images/png/square-pattern.png), -o-linear-gradient(#779914, #c7e404);
	background: linear-gradient(#779914, #c7e404);
	progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#779914', endColorstr='#c7e404'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#779914', endColorstr='#c7e404')"; /* IE8 */
	border-top: 10px solid #C1C1C1;
	padding-bottom: 8em;
}
#panel p {
	color: #555;
	font-size: 1.2em;
    line-height: 1.2;
    margin: 1.6em 0;
}
#panel p:nth-of-type(1) {
	color: #333333;
    font-size: 1.6em;
	margin-bottom: 1em;
    margin-top: 0.6em;
}
#panel p:nth-of-type(5) {
	text-align: right;
}
#panel span {
	text-align: right;
	color: #999;
}
#globeImg {
	background: url(../../structure/images/png/globe.png) no-repeat scroll 0 0 transparent;
	height: 380px;
    width: 366px;
	float: left;
}
#post-title {
	background: url(../../structure/images/png/globe.png) no-repeat scroll 5em 10em transparent;
	margin-bottom: 6em;
	min-height: 500px;
}
#post-title p {
	font-size: 5em;
	color: #4c6202;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}
#post-title span {
	color: #FFFFFF;
    font-size: 2em;
    margin-left: 50%;
	text-shadow: 0 1px 0 #4C6202;
}
h1 {
	color: #4C6202;
    font-family: arial;
    font-size: 1.6em;
    font-weight: 100;
    margin: 4% 0 0 58%;
    width: 39%;
}
#post-title #heading-one {
	font-size: 6em;
    margin-left: 36%;
	text-shadow: 0 1px 0 #BEFC03;
}
#post-title #heading-two {
	font-size: 4.1em;
    margin-left: 60%;
	text-shadow: 0 1px 0 #BEFC03;
}
#about .container ul {
	margin-left: 4.5%;
}
#about .container ul ul {
	position: absolute;
	top: 5em;
	left: 0;
}
#about .container ul li ul li {
	color: #4c6202;
	text-transform: capitalize;
}
#about .container ul li {
	float: left;
	list-style: none outside none;
	position: relative;
}
#about .container ul li a {
	border: 2px solid #DDFD68;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-o-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    color: #8AAB11;
	cursor: default;
    display: inline-block;
    font-family: arial;
    font-size: 3.5em;
    font-weight: bold;
    height: 46px;
    margin-right: 0.6em;
    text-align: center;
    width: 70px;
}
#shopping {
	background: url(../../structure/images/png/shopping-cart-icon.png) no-repeat scroll center, #8aab11;
}
#email-icon {
	background: url(../../structure/images/png/envelope-icon.png) no-repeat scroll center transparent;
}
#entertainment {
	background: url(../../structure/images/png/speaker-icon.png) no-repeat scroll center, #8aab11;
}
#browsing {
	background: url(../../structure/images/png/search-icon.png) no-repeat scroll center transparent;
}#file {
	background: url(../../structure/images/png/arrows-icon.png) no-repeat scroll center, #8aab11;
}
#about .container #search-bar {
	background: none repeat scroll 0 0 #F2F2F2;
    border: 2px solid #B3B3B3;
    -moz-border-radius: 20px 20px 20px 20px;
	-webkt-border-radius: 20px 20px 20px 20px;
	-o-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) inset;
    color: #B3B3B3;
	font-family: arial;
    float: left;
    font-size: 1.4em;
    padding: 0.6em 3em;
}
#search-bar span {
	color: #666666;
    margin-left: 1.2em;
}

/*=========== SERVICES STYLES ==============*/

#title-holder {
	background: none repeat scroll 0 0 #333333;
    border-bottom: 6px solid #ACCA0A;
    width: 100%;
}
#title-holder p {
	color: #fff;
	font-size: 2em;
	text-transform: uppercase;
	width: 980px;
	padding: 0.6em 0;
	margin: 0 auto;
}
#img-holder-first {
	background: url(../../structure/images/png/pc.png) no-repeat scroll 0 0 transparent;
	float: left;
    height: 272px;
    margin-top: 10em;
	margin-right: 2em;
    width: 221px;
}
#example-two #pc-description {
	float: left;
	margin-right: 6em;
	margin-top: 20em;
}
#col-one {
	float: left;
    width: 40%;
	margin-top: 12em;
}
#col-one h2, #col-two h2, #col-three h2, #col-four h2 {
	color: #000000;
    font-size: 2.2em;
    font-weight: normal;
    margin: 0;
}
h3 {
	color: #444;
    font-size: 1.5em;
    font-weight: normal;
	margin-bottom: 2em;
}
#img-holder-second {
	background: url(../../structure/images/png/mac-pc-base.png) no-repeat scroll 0 0 transparent;
	float: left;
    height: 434px;
    margin-top: 10em;
    width: 472px;
}
#col-two {
	float: right;
    margin-top: 10em;
    width: 42%;
}
#example-two #service-list {
	float: right;
    width: 38%;
}
#example-two #service-list h2 {
	color: #000000;
    font-size: 1em;
    text-indent: 0.5em;
}
#service-list li {
	font-size: 1.2em;
    list-style: circle outside none;
    margin-bottom: 0.4em;
}
#img-holder-third {
	background: url(../../structure/images/png/network.png) no-repeat scroll 0 0 transparent;
	float: left;
    height: 311px;
    margin-right: 6em;
    margin-top: 6em;
    width: 486px;
}
#col-three {
	float: left;
    width: 40%;
	margin-top: 12em;
}
#services .container span {
    color: #779914;
	font-size: 1.4em;
}
#img-holder-fourth {
	background: url(../../structure/images/png/white-board.png) no-repeat scroll 0 0 transparent;
	float: left;
    height: 448px;
	margin-right: 2em;
	margin-top: 5em;
    width: 628px;
}
#col-four {
	float: left;
    width: 32%;
	margin-top: 8em;
}
#services .container p:last-child {
	border-top: 1px solid #999999;
    color: #B22B02;
    font-size: 1.6em;
	margin-top: 2em;
    padding: 0.4em 0 4em;
    text-align: center;
}

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

#contact {
	background: url(../../structure/images/png/black-square-pattern.png) repeat scroll 0 0, url(../../structure/images/png/map-of-the-world.png) no-repeat scroll center top, #111;
	border-top: 4px solid #999;
}
footer p:nth-child(1) {
	color: #999999;
    font-size: 2em;
    margin-top: 9em;
    text-align: center;
}
footer p:nth-child(2) {
	color: #9ABA0D;
    font-size: 5em;
    text-align: center;
}
footer p:nth-child(2) span {
	color: #fff;
}
#letter-holder {
	margin: 10em auto 0;
    width: 460px;
}
#letter-holder li {
	background: #CCC;
	background-image: -moz-linear-gradient(#fff, #8a8a8c);
	background-image: -webkit-linear-gradient(#fff, #8a8a8c);
	background-image: -o-linear-gradient(#fff, #8a8a8c);
	/*progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#8a8a8c'); /* IE6 & IE7 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#8a8a8c')"; /* IE8 */
    float: left;
    font-size: 2em;
    list-style: none outside none;
    margin-right: 0.4em;
    padding: 0.2em 0.4em 0;
    text-shadow: 1px 0 1px #666666;
    text-transform: uppercase;
	border: 1px solid #000;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	behavior: url(PIE.htc);
}
#letter-holder #break {
	margin-right: 1.2em;
}
#nav-two {
	background: #fff;
	height: auto;
	width: 100%;
}
#nav-two li {
	float: left;
	list-style: none;
}
#nav-two a {
	color: #999999;
    display: block;
    font-size: 1.4em;
    padding: 0.9em 0.6em 0;
}
#footer-nav a:hover {
	border-bottom: 1px solid #999;
	color: #444;
}
#logosmall {
	background: url(../../structure/images/png/hs-logo-small.png) no-repeat scroll 0 0 transparent;
	float: right;
    height: 34px;
    margin: 0.6em 0;
    width: 128px;
}
#bottom {
	background: url(../../structure/images/png/black-square-pattern.png) repeat scroll 0 0, #111;
	padding: 3em 0;
}
#bottom p {
	color: #9F9F9F;
    float: right;
    font-size: 1.2em;
}
#bottom a {
	color: #fff;
}
#bottom li {
	list-style: none;
}
#facebook, #twitter, #linkedIn {
	color: #FFFFFF;
    display: block;
    font-size: 2.4em;
    font-weight: bold;
	float: left;
    height: 35px;
    text-align: center;
    text-shadow: 1px 0 1px #333333;
    width: 35px;
	border: 2px solid #999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
#facebook {
	background-image: -moz-linear-gradient(#324c84, #4265af);
	background-image: -webkit-linear-gradient(#324c84, #4265af);
	background-image: -o-linear-gradient(#324c84, #4265af);
	/*progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#324c84', endColorstr='#4265af'); /* IE6 & IE7 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#324c84', endColorstr='#4265af')"; /* IE8 */
	margin-right: 0.6em;
}
#twitter {
	background-image: -moz-linear-gradient(#3ca4c6, #75dcfe);
	background-image: -webkit-linear-gradient(#3ca4c6, #75dcfe);
	background-image: -o-linear-gradient(#3ca4c6, #75dcfe);
	/*progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3ca4c6', endColorstr='#75dcfe'); /* IE6 & IE7 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3ca4c6', endColorstr='#75dcfe')"; /* IE8 */
	margin-right: 0.6em;
}
#linkedIn {
	background-image: -moz-linear-gradient(#4265af, #324c84);
	background-image: -webkit-linear-gradient(#4265af, #324c84);
	background-image: -o-linear-gradient(#4265af, #324c84);
	/*progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#324c84', endColorstr='#4265af'); /* IE6 & IE7 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#324c84', endColorstr='#4265af')"; /* IE8 */
}







/*===================== PLUG-IN STYLES ===================*/

/*	--------------------------------------------------
	Carousel slider
	-------------------------------------------------- */
	#carousel
{
	position: absolute;
	top: 8em;
	left: 2.7em;
}
#carousel ul
{
	list-style: none;
	width: 8000px;
	margin: 0;
	padding: 0;
	position:relative;
}
#carousel li
{
	display:inline;
	float: left;
}
#carousel_wrap
{
	background: none no-repeat scroll 0 0 transparent;
	height: auto;
	position: relative;	
	-webkit-box-shadow: 0 2em 2.5em -1em rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 2em 2.5em -1em rgba(0, 0, 0, 0.2) inset;
	-o-box-shadow: 0 2em 2.5em -1em rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0 2em 2.5em -1em rgba(0, 0, 0, 0.2) inset;
}
#carousel_inner
{
	width: 980px;
	height: 100%;
	margin: 0 auto;
	padding-top: 72px;
	overflow: hidden;
}
#carousel_bar
{
	width: 752px;
	height: 80px;
	margin: 0 auto;
	margin-top: -40px;
}
/*	--------------------------------------------------
	END Carousel slider
	-------------------------------------------------- */


/*	--------------------------------------------------
	Slide up panel
	-------------------------------------------------- */
	
#panel {
	background: #f9f9f9;
	border-bottom: 4px solid #C1C1C1;
    border-left: 4px solid #C1C1C1;
    border-right: 4px solid #C1C1C1;
	height: auto;
	padding: 2em 5em;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	background-image: -moz-linear-gradient(#c1c1c1, #fff 95%);
	background-image: -webkit-linear-gradient(#c1c1c1, #fff 95%);
	background-image: -o-linear-gradient(#c1c1c1, #fff 95%);
	/*progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c1c1c1', endColorstr='#ffffff'); /* IE6 & IE7 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c1c1c1', endColorstr='#ffffff')"; /* IE8 */
	-moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
	-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
	margin: 0 auto 10%;
	width: 30%;
	border: 3px solid #C1C1C1;
    -moz-border-radius: 0 0 16px 16px;
	-webkit-border-radius: 0 0 16px 16px;
	-o-border-radius: 0 0 16px 16px;
	border-radius: 0 0 16px 16px;
    color: #555555;
    padding: 0.1em 0.4em;
}
.btn-slide {
	background: url(../../structure/images/png/arrows.png) no-repeat scroll 7em -1em;
    color: #555555;
    display: block;
    font-family: arial;
	font-size: 3em;
    padding: 0.1em 0.4em;
    text-align: center;
    text-decoration: none;
}
.active {
	background-position: 7em 0.6em;
}
/*	--------------------------------------------------
	END Slide up panel
	-------------------------------------------------- */
	
/*	--------------------------------------------------
	Organic tabs
	-------------------------------------------------- */
	/*
	 Organic Tabs
	 by Chris Coyier
	 http://css-tricks.com
*/


/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example two */

#example-two {
}

#example-two .list-wrap { background: #fff; padding: 10px; margin: 0 0 15px 0; }

#example-two ul { list-style: none; }
#example-two ul li a { display: block; padding: 4px; color: #666; }
#example-two ul li a:hover { background: #fff; color: #666; }
#example-two ul li:last-child a { border: none; }

#example-two .nav {
	overflow: hidden;
}
#example-two .nav li {
	float: left;
	margin-right: 1px;
}
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a {
	background: none repeat scroll 0 0 #ACCA0A;
    border: 0 none;
    color: #333333;
    display: block;
    font-size: 1.5em;
    padding: 5px 10px;
    text-align: center;
}

#example-two li a.current,#example-two li a.current:hover { 
	background-color: #fff !important;
	color: #4C6202;
}
#example-two .nav li a:hover, #example-two .nav li a:focus {
	background: #d5f405;
	color: #000;
}
/*	--------------------------------------------------
	END Organic tabs
	-------------------------------------------------- */

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 2em;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
	NOTES
	
	Close button entity is ×
/*	--------------------------------------------------
	END Reveal Modals
	-------------------------------------------------- */
	
/*	--------------------------------------------------
	Css3 animated buttons
	-------------------------------------------------- */
	.button-wrapper-large {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 6px solid #FFFFFF;
    -moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-o-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
    margin: 5em auto 6em;
    padding: 0.4em;
    width: 30%;
}
.a-btn{
    background:#fecc5f;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#ECECEC,0),color-stop(#999999,1));
    background:-webkit-linear-gradient(top, #ECECEC 0%, #999999 100%);
    background:-moz-linear-gradient(top, #ECECEC 0%, #999999 100%);
    background:-o-linear-gradient(top, #ECECEC 0%, #999999 100%);
    background:linear-gradient(top, #ECECEC 0%, #999999 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECECEC', endColorstr='#999999',GradientType=0 );
    border:1px solid #777777;
    border-color:#999999 #999999 #888888;
    -webkit-box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #e6e6e6;
    -moz-box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #e6e6e6;
    box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #e6e6e6;
    height:38px;
    display:inline-block;
    position:relative;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin: 2px 0;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
	width: 100%;
}
.a-btn-text{
    padding-top:7px;
    display:block;
    font-size:18px;
    white-space:nowrap;
    color:#222;
    text-shadow:0 1px 0 #fff;
	text-align: center;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn-slide-text{
    position:absolute;
    top:35px;
    left:0px;
    width:auto;
    right:52px;
    height:0px;
    background:#fff;
    color:#666;
    font-size:13px;
    white-space:nowrap;
    font-family:Georgia, serif;
    font-style:italic;
    text-indent:15px;
    overflow:hidden;
    line-height:30px;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
    -webkit-transition:height 0.3s linear;
    -moz-transition:height 0.3s linear;
    -o-transition:height 0.3s linear;
    transition:height 0.3s linear;
}
.a-btn-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:52px;
    border-left:1px solid #999;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-icon-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    background:transparent url(../images/arrow_right.png) no-repeat 50% 55%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn:hover{
    height:65px;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(#888,0),color-stop(#b0b0b0,1));
    background:-webkit-linear-gradient(top, #888 0%, #b0b0b0 100%);
    background:-moz-linear-gradient(top, #888 0%, #b0b0b0 100%);
    background:-o-linear-gradient(top, #888 0%, #b0b0b0 100%);
    background:linear-gradient(top, #888 0%, #b0b0b0 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#b0b0b0',GradientType=0 );
    /*-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);*/
}
.a-btn:hover .a-btn-text{
    text-shadow:0px 1px 1px rgba(0,0,0,0.4);
    color:#fff;
}
.a-btn:hover .a-btn-slide-text{
	height: 30px;
}
.a-btn:hover .a-btn-icon-right span{
    opacity:1;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.a-btn:hover .a-btn-icon-right #phone{
	background: url(../../structure/images/png/phone-icon.png) no-repeat scroll 0 0 transparent;
}
.a-btn:hover .a-btn-icon-right #address{
	background: url(../../structure/images/png/address-icon.png) no-repeat scroll 0 0 transparent;
}
.a-btn:hover .a-btn-icon-right #form{
	background: url(../../structure/images/png/form-icon.png) no-repeat scroll 0 0 transparent;
}
/*.a-btn:active{
    position:relative;
    top:1px;
    background:#fec354;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#fec354,0),color-stop(#fecd61,1));
    background:-webkit-linear-gradient(top, #fec354 0%, #fecd61 100%);
    background:-moz-linear-gradient(top, #fec354 0%, #fecd61 100%);
    background:-o-linear-gradient(top, #fec354 0%, #fecd61 100%);
    background:linear-gradient(top, #fec354 0%, #fecd61 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec354', endColorstr='#fecd61',GradientType=0 );
    border-color:#d29a3a #cc9436 #c89133;
    text-shadow:0 1px 0 #fee1a0;
    -webkit-box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
    -moz-box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
    box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
}*/
/*	--------------------------------------------------
	END Css3 animated buttons
	-------------------------------------------------- */

/*	--------------------------------------------------
	Quovolver Demo Styles
	-------------------------------------------------- */
#feedback-btn {
	background: none repeat scroll 0 0 #8AAB11;
    border-radius: 6px 0 0 6px;
    border-right: 2px solid #C7E404;
    color: #fff;
    padding: 0.4em;
    position: fixed;
    right: 0;
    top: 30%;
	font-size: 1.2em;
}

	
#feedback { margin-bottom: 0; padding-bottom: 0; line-height: 1.5; }
#feedback p { margin-bottom: 10px; }
blockquote p { margin-bottom: 10px; font-style: italic; }
blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; }

/*
 |	Setting the width for the blockquotes is required
 |	to accurately adjust it's contianer
*/

blockquote {
	font-family: Georgia, Times, serif;
	width: 350px; /* required */
	margin-left: 10em;
	}
	
/*
 |	The #quote_wrap div is created
 |	by Quovolver to wrap the quotes
*/

#quote_wrap { 
	background: #fbffec url(
	http://sandbox.sebnitu.com/jquery/quovolver/demo/images/quote-mark.png
	) no-repeat 20px 20px;
	margin: 1em 0; padding: 2em 0; border: 1px solid #edffaf;
	}
/*	--------------------------------------------------
	END Quovolver Demo Styles
	-------------------------------------------------- */