/* NORMALIZE.CSS - http://necolas.github.com/normalize.css/
   HTML5 BOILERPLATE - http://html5boilerplate.com/docs/The-style/
 	TWITTER BOOTSTRAP - http://twitter.github.com/bootstrap/index.html
------------------------------------------------------------------*/

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

/* BASE ELEMENTS
---------------------------------*/
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

/* TYPOGRAPHY ELEMENTS
---------------------------------*/
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
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, serif; _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; }

/* LIST ELEMENTS
---------------------------------*/
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* EMBEDDED CONTENT ELEMENTS
---------------------------------*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

/* FIGURE ELEMENTS
---------------------------------*/
figure { margin: 0; }

/* FORM ELEMENTS
---------------------------------*/
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
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, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
:focus::-webkit-input-placeholder { color: transparent; }

/* FORM VALIDITY COLOURS */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* TABLE ELEMENTS
---------------------------------*/
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* HELPER ELEMENTS
---------------------------------*/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.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; }

/* LINK ELEMENTS
---------------------------------*/
a:focus { outline: none; }
a:hover, a:active { outline: 0; }

/* IE6 BROWSER ALERT ELEMENTS
---------------------------------*/
#browserAlert { display: none; font-size: 14px; color: #fff; padding: 10px 0; background: #941111; text-align: center; border-bottom: 1px solid #000; line-height: 18px; }
#browserAlert a { color:#faabab; font-weight: bold; }
#browserAlert a:hover { color:#fff; }
.lt-ie8 #browserAlert { display: block; }

/* -----------------------------------------------------------------
	 MAIN ELEMENTS
------------------------------------------------------------------*/
@font-face {
				font-family: 'HelveticaNeueLTStd-Th';
				src: url('fonts/helveticaneueltstdth.eot');
				src: url('fonts/helveticaneueltstdth.eot?#iefix') format('embedded-opentype'),
						 url('fonts/helveticaneueltstdth.woff') format('woff'),
						 url('fonts/helveticaneueltstdth.ttf') format('truetype'),
						 url('fonts/helveticaneueltstdth.svg#helveticaneueltstdth') format('svg');
				font-weight: normal;
				font-style: normal;
		}
@font-face {
    font-family: 'appetiteregular';
    src: url('fonts/appetite_0-webfont.eot');
    src: url('fonts/appetite_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/appetite_0-webfont.woff') format('woff'),
         url('fonts/appetite_0-webfont.ttf') format('truetype'),
         url('fonts/appetite_0-webfont.svg#appetiteregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
				font-family: 'HelveticaNeueLTStd-Lt';
				src: url('fonts/helveticaneueltstd-lt.eot');
				src: url('fonts/helveticaneueltstd-lt.eot?#iefix') format('embedded-opentype'),
						 url('fonts/helveticaneueltstd-lt.woff') format('woff'),
						 url('fonts/helveticaneueltstd-lt.ttf') format('truetype'),
						 url('fonts/helveticaneueltstd-lt.svg#helveticaneueltstd-lt') format('svg');
				font-weight: normal;
				font-style: normal;
		}
body {
	font-size: 13px;
	line-height:19px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
	color: #626262;
	background:url(../images/bg.gif) repeat-x #fff;
}

#red a { 
	color: #009ee1; 
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#blue a{
color: #0b96f7; 
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
}
#purple a{
color: #704099; 
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
}

#green a{
color: #449d54; 
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
}

a:hover { color: #040404; }

::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::selection { background: #000; color: #fff; text-shadow: none; }
::-webkit-input-placeholder { color: #444; }
:-ms-input-placeholder { color: #444; }


hr { display: block; height: 30px; border: 0; border-bottom: 1px solid #d6d6d6; margin: 0 0 30px 0;  padding: 0; clear:both; }

.wrap {
	width: 960px;
	margin: 0 auto;
}


p{
margin:0 0 25px 0;
padding:0;	
}
/* HEADER ELEMENTS 
------------------------------------------------------------------*/
#header {

}

#red #logo {
width:132px;
height:49px;
float:left;
margin-top:25px;
background-image:url(../images/logo.jpg);
display:block;
text-indent:-99999px;
}
#blue #logo {
width:132px;
height:49px;
float:left;
margin-top:25px;
background-image:url(../images/logo-blue.jpg);
display:block;
text-indent:-99999px;
}
#purple #logo {
width:132px;
height:49px;
float:left;
margin-top:25px;
background-image:url(../images/logo-purple.jpg);
display:block;
text-indent:-99999px;
}
#green #logo {
width:132px;
height:49px;
float:left;
margin-top:25px;
background-image:url(../images/logo-green.jpg);
display:block;
text-indent:-99999px;
}

#top-header{
border-bottom:1px solid #cbcbcb;
height:60px;	
}
#newsletter{
float:left;
width:319px;	
margin:12px 0 0 410px;
}
#newsletter label{
font-family: 'HelveticaNeueLTStd-Th';
float:left;
font-size:13px;
text-transform:none;
cursor:default;
}
#newsletter input[type="text"]{
font-family: 'HelveticaNeueLTStd-Th';
color:#7b7b7b;	
width:159px;
height:16px;
font-size:12px;
background:none !important;
float:left;
margin:2px 0 0 3px;
box-shadow:none !important;
border:none;

}
#newsletter span{
background:url(../images/newsletter-input.gif) no-repeat;
width:164px;
height:25px;
float:left;	
display:inline-block;
margin:5px 0 0 10px;
}
#newsletter input[type="submit"]{
width:16px;
height:25px;
float:left;	
background:url(../images/newsletter-button.gif) no-repeat;
border:0;
padding:0;
box-shadow:none;
margin:5px 0 0 0;
}
#newsletter input[type="submit"]:hover{
width:16px;
height:25px;
float:left;	
background:url(../images/newsletter-button-hover.gif) no-repeat;
border:0;
padding:0;
box-shadow:none;
}

.icon-youtube{
background:url(../images/icon-youtube.gif) no-repeat;
width:47px;
height:20px;
display:inline;
float:left;	
margin:18px 0 0 50px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity:1;
text-indent:-9999px;
}
.icon-youtube:hover, .icon-twitter:hover, .icon-linkedin:hover, .icon-facebook:hover, .icon-rss:hover, .icon-google:hover {
opacity:.5;	
}
.icon-twitter{
background:url(../images/icon-twitter.gif) no-repeat;
width:20px;
height:20px;
display:inline;
float:left;	
margin:18px 0 0 13px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity:1;
text-indent:-9999px;
}
.icon-linkedin{
background:url(../images/icon-linkedin.gif) no-repeat;
width:20px;
height:20px;
display:inline;
float:left;	
margin:18px 0 0 13px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity:1;
text-indent:-9999px;
}
.icon-google{
background:url(../images/icon-google.png) no-repeat;
width:20px;
height:20px;
display:inline;
float:left;	
margin:18px 0 0 13px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity:1;
text-indent:-9999px;
}
.icon-facebook{
background:url(../images/icon-facebook.gif) no-repeat;
width:20px;
height:20px;
display:inline;
float:left;	
margin:18px 0 0 13px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity:1;
text-indent:-9999px;
}
.icon-rss{
background:url(../images/icon-rss.gif) no-repeat;
width:20px;
height:20px;
display:inline;
float:left;	
margin:18px 0 0 13px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity:1;
text-indent:-9999px;
}
/* --------------------------------------------------------------------------------- */
/* ---------- NAV ---------- */
/* --------------------------------------------------------------------------------- */

ul#nav {
margin:45px 0 0 56px;
padding: 0;
list-style: none; 
width:765px;
display: block; 
position: relative; 
z-index: 999;
float:left;
font-family: 'HelveticaNeueLTStd-Lt';
}

#nav li { float:left; margin: 0 10px 0 0; padding:0 10px 0 0; height:30px; position:relative; background:none; list-style: none; }
#nav li a { display: block; padding:5px 7px 2px 7px; color:#000000;  text-decoration:none; font-size:13px;}
#red #nav li a:hover, #red #nav li:hover a { display: block; color:#ED1C24;  text-decoration:none; }
#blue #nav li a:hover, #blue #nav li:hover a { color:#0b96f7;  text-decoration:none;}
#purple #nav li a:hover, #purple #nav li:hover a { color:#704099;  text-decoration:none;}
#green #nav li a:hover, #green #nav li:hover a { color:#449d54;  text-decoration:none;}




/* =============== subnav ================== */

#nav li ul, #nav li li ul {
position: absolute;
left: -9999px;
text-align: left;
clear: both;
margin: 0px 0 0 0px !important;
padding:0 !important;
background:none;
width: 188px;
list-style:none;
z-index:9999;  
}


#nav li:hover ul ul, #nav li:hover ul ul ul {
left: -99999px;
background:none;
z-index:9999;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul {
left: 0;
z-index:9999;
background:none;
}

#nav li li{
height:auto !important;
}
#nav li ul > li:last-child > a, #nav li li ul > li:last-child > a{

background: #f2f2f2;	
}
#nav li li a {
height:auto !important;
background: #f2f2f2 !important;
padding:5px 0 4px 8px !important;
padding:0px;
line-height:20px;
color: #000 !important;
width: 165px;
text-decoration:none;
vertical-align:middle;
z-index:9999;


}

#nav li li:hover a {
background: #f2f2f2;
}
	
#nav li li:hover li a {
background: #f2f2f2;
}


#red #nav li li a:hover, #red #nav li li:hover li a:hover {
background:#f2f2f2!important;
color:#8749bc !important;
}

#blue #nav li li a:hover, #blue #nav li li:hover li a:hover {
background:#f2f2f2!important;
color:#0b96f7 !important;
}
#purple #nav li li a:hover, #projcts #nav li li:hover li a:hover {
background:#f2f2f2!important;
color:#704099 !important;
}
#green #nav li li a:hover, #green #nav li li:hover li a:hover {
background:#f2f2f2!important;
color:#449d54 !important;
}

#nav li ul ul {
margin: -28px 0 0 150px !important;
background:none;
}


/* CONTENT AREA ELEMENTS 
------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1{
font-size:30px;	
}
/*#purple h1 {
	font-size: 17px;
	line-height: 21px;
	margin-top: 0;
	margin-bottom:25px;
	font-family: 'HelveticaNeueLTStd-Lt';
	color:#231f20;
}*/
#purple h1{
color:#704099;	
font-size: 45px;
	line-height: 47px;
	margin-top: 0;
	font-family: 'appetiteregular';
}
#red h1{
color:#ED1C24;	
font-size: 45px;
	line-height: 47px;
	margin-top: 0;
	font-family: 'appetiteregular';
}
#blue h1{
color:#0b96f7;	
font-size: 45px;
	line-height: 47px;
	margin-top: 0;
	font-family: 'appetiteregular';
}
#green h1{
color:#449d54;	
font-size: 45px;
	line-height: 47px;
	margin-top: 0;
	font-family: 'appetiteregular';
}
h2 {
	font-size: 15px;
	line-height: 18px;
	color:#000000;
	font-family: 'HelveticaNeueLTStd-Lt';
	margin:0 0 4px 0;
	padding:0;
}

#purple h1.project-title {
	font-size: 17px;
	line-height: 18px;
	color:#000000;
	font-family: 'HelveticaNeueLTStd-Lt';
	margin:0 0 30px 0;
	padding:0;
}

#purple h2.client-title, #purple .project-col-3 h2, #purple h2.project-title{
color:#704099;	
}
#red h2.client-title, #red .project-col-3 h2, #red h2.project-title{
color:#ED1C24;		
}
#blue h2.client-title, #blue .project-col-3 h2, #blue h2.project-title{
color:#0b96f7;		
}
#green h2.client-title, #green .project-col-3 h2, #green h2.project-title{
color:#449d54;			
}

h2.client-title, .project-col-3 h2{
font-size: 17px;
line-height: 18px;
color:#000000;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
margin:0 0 10px 0;
padding:0;	
}
h2.project-title{
font-size: 17px;
line-height: 18px;
color:#000000;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
margin:0 0 30px 0;
padding:0;	
}
h2.scope-title{
font-size: 14px;
line-height: 18px;
color:#7b7b7b;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
margin:0 0 50px 0;
padding:0;	
}


h3 {
	font-size: 13px;
	line-height: 18px;
	color:#000000;
	font-family: 'HelveticaNeueLTStd-Lt';
	margin:0 0 0px 0;
	padding:0;
}

h4 {
	font-size: 20px;
	line-height: 22px;
}

h5 {
	font-size: 16px;
	line-height: 18px;
}

h6 {
	font-size: 14px;
	line-height: 16px;
}

#content {
margin-top:70px;
clear:both;
display:inline-block;
width:960px;
}

.content-left {
	width: 600px;
	float: left;
}

#content ul {
	list-style-image: url(../images/ul-bkg.jpg);
}

#content ul li, #content ol li {
	margin-bottom: 7px;
	padding-left: 10px;
}


/* HOME PAGE
------------------------------------------------------------------*/

.home-content-block p, .home-content-block-2 p{
margin:0 0 0 0;
padding:0;	
}
.home-content-block{
 font-family: 'appetiteregular';
 font-size:44px;
 color:#0b96f7;	
 line-height:50px;
 width:960px;
 margin:0px 0 0 0;
 float:left;
}

.home-content-block-2{
 font-family: 'appetiteregular';
 font-size:44px;
 color:#0b96f7;	
 line-height:50px;
 width:746px;
 float:left;
 margin:30px 0 0 0;
}

a.btn-learnmore{
width:99px;
height:99px;
background:url(../images/btn-learnmore.gif) no-repeat 0 0;
float:left;
margin:40px 0 0 0;
text-indent:-9999px;	
-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;	
}
a.btn-learnmore:hover{
background:url(../images/btn-learnmore.gif) no-repeat 0 -99px;	
}

.feature-col-1{
width:214px;
float:left;
margin:0 0 0 0;	
color:#626262;
font-size:12px;
line-height:18px;
}

.feature-col-2{
width:214px;
float:left;
margin:0 0 0 34px;	
color:#626262;
font-size:12px;
line-height:18px;
}

.feature-image img{
z-index:0;
}
.feature-image{
width:214px;
display:block;
height:178px;
margin-bottom:20px;	
position:relative;
z-index:0;
}
a.feature-hover, a.video-hover{
width:214px;
background:url(../images/blank.png) no-repeat;
height:178px;
position:absolute;
z-index:99;	
display:block;
margin:0;
}
a.feature-hover:hover{
display:block;
background:url(../images/hover-overlay.png) no-repeat;	
}
a.video-hover:hover{
display:block;
background:url(../images/video-overlay.png) no-repeat;	
}
.feature-col-1 p, .feature-col-2 p{
margin:0 0 15px 0;
padding:0;	
}
.home-testimonial{
background:url(../images/bg-horizonal-stripe.gif) repeat;
width:213px;
	
padding:33px 0 0 10px;
font-size:12px;
line-height:18px;
display:table-cell;
}
.testimonial-block{
background:url(../images/icon-quote.gif) no-repeat top left;
width:195px;	
padding:5px 0 0 8px;
margin:15px 0 0 0;
clear:both;
}
.testimonial-block p{
margin:0 0 15px 0;
padding:0;	
}
.testimonial-name{
color:#000;	
font-size:10px;
line-height:16px;
}
.home-client{
margin:30px 0 0 0;
width:715px;	
padding:0 0 30px 0;
display:table-cell;
}

.client-testimonial{
display:table;
width:960px;	
}

/* INTERNAL
------------------------------------------------------------------*/
.project-images{
padding:20px;
display:inline-block;
box-shadow:1px 1px 5px 1px;	
margin-top:50px;
width:918px;
clear:both;
border:1px solid #D6D6D6;
}
.project-images img{
padding:6px;
box-shadow:1px 1px 5px 1px;	
border:1px solid #D6D6D6;
margin-bottom:30px;	
}
.project-row{

clear:right;
display:table;	
}
.project-image-1{
vertical-align:top;
width:444px;	
display:table-cell;
}
.project-image-2{
	vertical-align:top;
border-left:1px solid #D6D6D6;
padding-left:30px;
display:table-cell;
width:444px;	
}
.project-col-1{
width:207px;
float:left;
margin:0;	
}
.project-col-2{
width:130px;
float:left;
margin:0;	

margin-left:20px;
}
.project-col-3{
width:573px;
float:right;
margin:0;	
border-left:1px solid #D6D6D6;
padding-left:20px;
}
.row{
display:block;	
clear:right;
float:right;
}
.col-1{
width:290px;
float:left;
margin:0 0 0 0;
}
.col-2{
width:290px;
float:left;
margin:0 0 0 45px;	
}
.col-1 p, .col-2 p{
margin:0 0 20px 0;	
}
.btn-work{
width:99px;
height:99px;
float:left;
margin:20px 0 0 0;	
transition:none;
opacity:1;
}
.btn-work:hover{
opacity:.5;	
}
.client-list{
background:url(../images/bg-horizonal-stripe.gif) repeat;
width:260px;
padding:15px;
float:right;
}
#blue .client-list a, #green .client-list a{
color:#626262;	
}
#blue .client-list a:hover{
color:#0b96f7;	
}
#green .client-list a:hover{
color:#449d54;	
}

.client-list ul{
list-style:none;	
margin:0;
padding:0;
}
#blue .client-list li{
background:url(../images/bullet-blue.png) no-repeat 0 7px;
padding:0;
margin:0;
padding-left:20px !important;
}
#green .client-list li{
background:url(../images/bullet-green.png) no-repeat 0 7px;
padding:0;
margin:0;
padding-left:20px !important;
}

/* PROJECT LISTING
------------------------------------------------------------------*/

.listing-col-1{
width:214px;
float:left;
margin:0 0 30px 0;	
color:#626262;
font-size:12px;
line-height:18px;
clear:left;
}

.listing-col-2{
width:214px;
float:left;
margin:0 0 30px 34px;	
color:#626262;
font-size:12px;
line-height:18px;
}

.listing-image img{
z-index:0;
}
.listing-image{
width:214px;
display:block;
height:178px;
margin-bottom:9px;	
position:relative;
z-index:0;
}
a.listing-hover{
width:214px;
background:url(../images/blank.png) no-repeat;
height:178px;
position:absolute;
z-index:99;	
display:block;
margin:0;
}
a.listing-hover:hover{
display:block;
background:url(../images/hover-overlay.png) no-repeat;	
}
.listing-col-1 p, .listing-col-2 p{
margin:0;
padding:0;
color:#888888;	
}

.detail-subtitle{
color:#000;	
}
img.project-detail-image{
margin:30px 0 0 0;
clear:both;	
display:block;
}
/* SIDEBAR ELEMENTS 
------------------------------------------------------------------*/
#sidebar {
	width: 300px;
	float: right;
}

/* FOOTER ELEMENTS 
------------------------------------------------------------------*/
#footer {
font-size:12px;
line-height:18px;
color:#6b6b6b;
margin-bottom:30px;
}
#footer a, #footer a:visited{
color:#6b6b6b;	
}
#footer a:hover{
color:#000;	
text-decoration:underline;
}
#footer p{
margin:0 0 20px 0;
padding:0;	
}
.footer-left{
width:396px;	
float:left;
margin:0 0 0 0;
}
.footer-center{
width:196px;	
float:left;
margin:0 0 0 100px;	
line-height:22px;
}
.footer-right{
	width:205px;	
float:right;

}
/* REUSABLE ELEMENTS 
------------------------------------------------------------------*/
.left { float: left; }
.right { float: right; }

.five { width: 5%; } .ten { width: 10%; } 
.fifteen { width: 15%; } .twenty { width: 20%; }
.twentyfive { width: 25%; } .thirty { width: 30%; }
.thirtyfive { width: 35%; } .fourty { width: 40%; }
.fourtyfive { width: 45%; } .fifty { width: 50%; }
.fifyfive { width: 55%; } .sixty { width: 60%; }
.sixtyfive { width: 65%; } .seventy { width: 70%; }
.seventyfive { width: 75%; } .eighty { width: 80%; }
.eightyfive { width: 85%; } .ninety { width: 90%; }
.ninetyfive { width: 95%; } .onehundred { width: 100%; }

.white { color: #fff; }
.black { color: #333; }
.purple-text{
color:#704099;	
}

.blue-text{
color:#0b96f7;	
}

.red-text{
color:#8749bc;	
}

.green-text{
color:#449d54;	
}
.button {
	display: inline-block;
	padding: 5px 20px;
	background-color: #eee;
	font-size: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.button:hover {
	background-color: #ddd;
	color: #666;
}


blockquote {
	border-left: 5px solid #eee;
	font-size: 14px;
	padding-left: 20px;
	color: #888;
}

.alignleft {
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	padding: 6px;
	border: 1px solid #eee;
}

.alignright {
	float: right;
	margin-left: 30px;
	margin-bottom: 10px;
	padding: 6px;
	border: 1px solid #eee;
}

/* FORM ELEMENTS */
label {
	display: block;
	padding: 10px 0;
	font-size: 16px;
	text-transform: uppercase;
}

label .required {
	font-size: 22px;
	position: relative;
	top: 5px;
	margin-left: 5px;
}

input,
textarea {
	padding: 3px;
	border: 1px solid #aaa;
	color: #666;
	font-size: 16px;
	background: #fff;
	margin-bottom: 15px;
	-moz-box-shadow: inset 0 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,0.1);
	box-shadow: inset 0 5px 5px rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	outline: none;
}

input:focus,
textarea:focus {
	background: #ececec;
}

input.error,
textarea.error {
	border: 1px solid #eb8a8a;
	-webkit-box-shadow: 0 0px 8px 0 #eb8a8a;
	-moz-box-shadow: 0 0px 8px 0 #eb8a8a;
	box-shadow: 0 0px 8px 0 #eb8a8a;
}

/* ERROR, SUCCESS STYLES */
.errormsg,
.successmsg {
	margin-top: 20px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
/*	display: none;*/
}

.errormsg span,
.successmsg span {
	display: inline-block;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	background-image: none !important;
	margin-right: 10px;
}

.errormsg span {
	background: #c0143c;
}

.successmsg span {
	background: #8dc014;
}

.errormsg span i,
.successmsg span i {
	vertical-align: sub;
}



/* -----------------------------------------------------------------
	 DEFAULT PRINT ELEMENTS
------------------------------------------------------------------*/
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !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; }
}