/* ---------------------------------------------------------
 * SITE:
 * FILE: /css/style.css
------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body { line-height: 1; }

a { outline:none;}

ol, ul { list-style: none; }

td {
	vertical-align:top;
}

div.hr { 
	margin:0; padding:0; 
	width:100%; 
	height:1px; 
	background-color:#CCC;
}
/* ---------------------------------------------------------
STRUCTURE
------------------------------------------------------------ */
body { 
	font-size:14px;
	font-family:'SansationLight', 'Century Gothic', Helvetica, arial, sans-serif;
	color:#494A61;
	background: url('../images/main/body_background.jpg') repeat top left;
	
}

#headerWrapper, #homePromoWrapper, #promoWrapper, #contentWrapper, #footerWrapper {
	width:100%;
}

#header, #homePromo, #promo, #content, #footer {
	width: 984px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
}

#headerWrapper {
	height:73px;
	background: url('../images/main/headerWrapper_background.jpg') repeat-x top left;
	border-bottom:1px solid #122561;
}

#header {
	position:relative;
}
	#header #logo {
		position:absolute;
		width:250px; height:47px;
		top:20px; left:10px;
	}

	ul.menu {
		float:right;
		margin:22px 0 0 0;
	}
		
	ul.menu li { float:left; margin:0 5px 0 0; }
	
	ul.menu li a {
		font-family:'SansationLight', 'Century Gothic', Helvetica, arial, sans-serif;
		cursor: pointer;
		display: inline-block;
		padding: 5px 20px 4px 20px;
		color: #FFF;
		font-size: 13px;
		line-height: normal;
		border: 1px solid #061F6C;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-webkit-transition: 0.1s linear all;
		-moz-transition: 0.1s linear all;
		transition: 0.1s linear all;
	}
	ul.menu li a:hover, ul.menu li a.active { 
		background-color: #061F6C;
		background-repeat: no-repeat;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006DFF), color-stop(25%, #0037F3), to(#0034E8));
		background-image: -webkit-linear-gradient(#006DFF, #0037F3 25%, #0034E8);
		background-image: -moz-linear-gradient(top, #006DFF, #0037F3 25%, #0034E8);
		background-image: -ms-linear-gradient(#006DFF, #0037F3 25%, #0034E8);
		background-image: -o-linear-gradient(#006DFF, #0037F3 25%, #0034E8);
		background-image: linear-gradient(#006DFF, #0037F3 25%, #0034E8);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006DFF', endColorstr='#0034E8', GradientType=0);
		border: 1px solid #041D6A;
		border-bottom-color: #021B69;
		
	}
	
	ul.menu li a:active {
		-webkit-box-shadow: inset 0 3px 7px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(255, 255, 255, 0.25);
		-moz-box-shadow: inset 0 3px 7px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(255, 255, 255, 0.25);
		box-shadow: inset 0 3px 7px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(255, 255, 255, 0.25);
	}
	
	
	/*Background here:  #061F6C*/
	/*top gradient*/
		/*primary Gradient - #006DFF to #0037F3 to  #0034E8 */
	
		

#contentWrapper {
	background: url('../images/main/contentWrapper_background.jpg') repeat-x top left;
	border-top:1px solid #FFF;
	
}

	#content {
		padding:0 ;
	}

		.column1 {
			margin:0 0 20px;
			width:288px;
			float:left;
		}
		
		.column2 {
			margin:0 0 20px 20px; padding:0 0 0 20px;
			width:656px;
			float:left;
			background: url('../images/widgets/vert_hr.gif') repeat-y top left;
			overflow:hidden;
		}
		
		
		.blogColumn1 {
			width:626px;
			margin:0 0 20px; padding:0 20px 0 0;
			float:left;
			background: url('../images/widgets/vert_hr.gif') repeat-y top right;
			overflow:hidden;
		}
		
		.blogColumn2 { 
			margin:0 0 0 20px; padding:0 20px 0 0;
			width:144px;
			float:left;
		}
		
		.blogColumn3 { 
			margin:0 0 0 20px; padding:0 10px 0 0;
			width:124px;
			float:left;
			
		}
		
		.blogColumn2 {
			background: url('../images/widgets/vert_hr.gif') repeat-y top right;
		}
		

#footerWrapper {
	
}
	
	#footer {
		height:281px;
	}	
		
		#footer h3#phoneNumber {
			position:absolute;
			top:-39px; right:10px;
			width:656px; height:46px;
			overflow:hidden;
			line-height:1 !important;
			font-size:46px;
			text-align:right;
			
		}
		
		ul.footerPromo {
	
		}
		
		ul.footerPromo li {
			width:328px;
			float:left;
			margin:0; padding:0;
		}
		
		ul.footerList {
			margin:0 0 0 10px;
			list-style:url(../images/widgets/checkmark.gif);

		}
		
		ul.footerList li {
			margin:3px 0 3px 20px;

		}
		
		ul.fourWide li {
			width:196px;
			float:left;
			margin:0 20 0 0px; padding:0 10px 0 20px;
			background: url('../images/widgets/vert_hr.gif') repeat-y top left;
			min-height:320px;
		}
		
		ul.fourWide li.first {
			width:206px;
			padding:0 10px;
			background:none; 
		}
		
		ul.fourWide li.last {
			padding-top:20px;
			background:none; 
		}
		
		ul.fourWide li p {
			font-size:13px;
		}
		
		ul.fourWide li p a {
			color:#114;
			text-decoration:none;
		}
		
		ul.fourWide li p a:hover {
			color:#0037FF;
			padding-left:1px;
		}
		

/* --------------------------------------------------------------  
TYPOGRAPHY
------------------------------------------------------------ */
.darkBlue {
	color:#0D2363;
}

.lightBlue {
	color:#0085FF;
}

.grey {
	color:#AAA;
}

h1, h2, h3, h4, h5 {
	/*color:#696A71;*/
}

h1, h2, h3 {
	margin-bottom:10px;
}

h4, h5 {
	margin-bottom:5px;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration:none;
	color:#0D2363;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	color:#0085FF;
	
}

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:	18px; } 
h4 { font-size: 16px; } 
h5 { font-size: 15px; }


h1.pirulen, h2.pirulen, h3.pirulen, h4.pirulen, h5.pirulen {
	font-family: 'PirulenRg-Regular', Helvetica, Arial, sans-serif;
	text-shadow: -1px -1px 0px #E3E3E3;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color='#E3E3E3')";*/
	font-weight:normal;
	color:#0D2363;
}

h1.sansation, h2.sansation, h3.sansation, h4.sansation, h5.sansation {
	font-family:'SansationLight', 'Century Gothic', Helvetica, arial, sans-serif;
	font-weight:bold;
}

.whiteAccent {
	color:#FFF;
	text-shadow:-1px -1px 0px #666;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color='#666666')";
}

a {
	color:#292A41;
	text-decoration: none;
}

a:hover {
	cursor:pointer;
}

p {
	line-height:160%;
	margin:0 0 10px;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

p a {
	text-decoration:underline;
	color:#0037FF;
}

p a:hover {
	text-decoration:none;
	
}

blockquote {
	position:relative;
	margin:0 40px 5px 0;
	padding:7px 12px;
	font-style:italic;
	border-top:1px solid #90908B;
	border-left:1px solid #90908B;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	background-color:#E4E4DC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size:13px;
	
}

blockquote .blockquoteTriangle {
	position:absolute;
	bottom:-8px; left:15px;
	width:15px; height:8px;
	background:url(../images/widgets/cite_triangle.gif) no-repeat top left;
}

cite {
	padding:0 0 0 27px;
	font-size:10px;
	font-weight:bold;
	
}
/*-----------------------------------------------------------------------------
CONTAINERS + MAIN BUTTONS
----------------------------------------------------------------------------- */
.block {
	margin:0; padding:20px 0 0 0;
	background: url('../images/widgets/hr.jpg') repeat-x top left;
}

.dhr {
	background: url('../images/widgets/hr.jpg') repeat-x bottom left;
}

.box {
	margin:0; padding:0;
	border:5px solid transparent;
	-moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.4);
}

.box img {
	vertical-align:bottom;
}

a.bigButton {
	display:block;
	width:274px; height:60px;
	overflow:hidden;
	background:url('../images/widgets/request_a_quote_sprite.png') no-repeat top left;
}

a.bigButton:hover {
	background-position:bottom left;
}

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

#homePromoWrapper {
	background:url('../images/main/home_promo_background.jpg') repeat-x top left;
}

#homePromo {
	position:relative;
	width:984px; height: 514px;
}

#homePromoScreens {
	position:absolute;
	width:689px; height:377px;
	bottom:-80px; right:0;
	background:url(../images/main/home_promo_screens.png) no-repeat top left;
}

#homePromo p {
	width:262px; 
	margin:0px 0 20px 30px;
	color:#FFF;
	font-size:13px;
}

#homePromoButton {
	margin:0 0 0 20px;
}

ul.threeWide {
	
}

ul.threeWide li {
	width:328px;
	float:left;
}

ul.threeWide li p {
	margin-left:26px;
}

.hIcon {
	padding-left:24px;
}

.plusIcon {
	background:url(../images/widgets/plus_icon.png) no-repeat center left;
}
.minusIcon {
	background:url(../images/widgets/minus_icon_8.png) no-repeat center left;
}
.upIcon {
	background:url(../images/widgets/up_icon.png) no-repeat center left;
}

/* --------------------------------------------------------------  
CONTENT PAGES - PROMO AREA
------------------------------------------------------------ */
#promoWrapper {
	background:url('../images/main/promo_background.jpg') repeat-x top left;
}

#promo {
	position:relative;
	width:984px; height: 150px;
}

#promo #promoButton {
	position:absolute;
	top:39px; right:10px;
}

/* --------------------------------------------------------------  
ITEMS BY PAGE
------------------------------------------------------------ */

/* PERSPECTIVE */
.paper {
	/*width:287px; height:359px;*/
	width:287px; height:333px;
	background: url('../images/perspective/bb_paper2.png') no-repeat top left;
}

.paper h4, .paper p {
	color:#039;
	font-family:"Comic Sans MS", cursive;
}

.paper h4 {
	margin:0 20px 24px 35px;
	padding-top:59px;
}

.paper p {
	margin:0 20px 20px 35px;
	font-size:12px;
	line-height:1.55;
}

/* SERVICES */

.servicesHeader {
	width:100%;
	padding:20px 0 10px 0;
}

.servicesTitle {
	margin:5px 0 0 0;
	width:500px; height:24px;
	float:left;
}

.servicesButton {
	width:300px; height:30px;
	float:right;
	text-align:right;
}

ul.services {
	
}

ul.services li {
	width:298px; height:260px;
	float:left;
	margin:0 30px 20px 0;
}

ul.services li img {
	filter:alpha(opacity=70);
	opacity:.7;
}

ul.services li:hover img {
	filter:alpha(opacity=100);
	opacity:1;
}


ul.services li h3 {
	margin:0; padding:10px 10px;
	border-top:1px solid #F3F3F3;
	border-bottom:1px solid #F3F3F3;
	text-shadow:none;
	
}

ul.services li p {
	margin:0; padding:0;

}

ul.services li p a {
	display:block;
	margin:0; padding:2px 5px 3px 10px;
	text-decoration:none;
	color:#334;

}

ul.services li p a:hover {
	background-color:#F5F5F6;

}


ul.bullet {
	list-style:square;
	margin:0 0 10px 20px;
}
ul.bullet li {
	margin:0 0 10px;
}

/*-----------------------------------------------------------------------------
PORTFOLIO
----------------------------------------------------------------------------- */
ul.portfolio {
	margin:10px 0 10px 30px;
	list-style:url(../images/widgets/checkmark.gif);
}

ul.portfolio li {
	margin:0 0 10px;
	font-size:14px;
}

.portfolioAbstract {
	font-size:14px;
	line-height:120%;
}

.logoBox {
	margin:5px 0 10px; padding:20px 0;
	border:1px solid #f5f5f7;
	text-align:center;
	-moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.4);
}


.portfolioColumn .box {
	width:641px; height:400px;
	margin-top:5px;
}


.scrollPad {
	margin-bottom:25px;
}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:641px; height:400px;

}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	background-image: url('../images/widgets/arrows.png') ;
	background-repeat: no-repeat;
	width:30px; height:30px;
	overflow:hidden;
	display:block;
}
.nivo-prevNav {
	left:15px;
	background-position:top left;
}
.nivo-nextNav {
	right:15px;
	background-position:top right;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
    width:251px;
    height:10px;
    position:absolute;
    left:200px; /* Manually position in centre. Not perfect */
    bottom:-23px;
    padding:0px 0 0 82px;
    z-index:20; /* Make sure it is visible above the slides */
}
.nivo-controlNav a {
    display:block;
    width:10px;
    height:10px;
    background:url(../images/widgets/navigator.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:5px;
    float:left;
}
.nivo-controlNav a.active {
    background-position:0 -10px; /* Selected bullet */
}

/* --------------------------------------------------------------  
ITEMS BY MODEL
------------------------------------------------------------ */

/* --- BLOG --- */

ul.postsFeatured {

}
	ul.postsFeatured li {
		display:block;
		margin:0 0 20px;
	}	
	
	ul.postsFeatured li p {
		font-size:13px;
		line-height:120%;
	}
	
	/* BLOG INDEX PAGE */
	
ul.posts {
	
}
	ul.posts li {
		display:block;
		margin:10px 0 0; padding:0 0 20px;
		clear:both;
		background: url('../images/widgets/hr.jpg') repeat-x bottom left;
	}	
	
	ul.posts li:first-child{
		margin-top:0;
	}
	
	ul.posts li img {
		margin:0 0 10px 0; padding:0;
	}
	
	ul.posts li h3 a {
		
	}
	
	ul.posts li h3 a:hover {
		
	}
	
.postMeta {
	margin:0; padding:0;
	color:#777;
	font-size:12px;
}



/* BLOG SIDEBAR */
	
.blogSideBarContainer {
	margin:0 0 20px;
}
	
	
	ul.categoryMenu {
	  margin:0 0 0 10px;
	}
	
	ul.archiveMenu {
		margin:0 0 0 10px;
	}
	
	ul.archiveMenu li, ul.categoryMenu li {
	  margin:0 0 3px;
	}
	
	.archiveYear {
		margin:0 0 5px 0px;
	}
	
	
	ul.tagMenu li {
		margin:0 0 5px;
	}
	
/* --------------------------------------------------------------  
PAGINATION
------------------------------------------------------------ */
.paginationContainer {
	margin:0; padding:10px 0;
	color:#333;
}

ul.pagination li {
	margin:0 0 0 3px;
 	float:left;
	font-size: 13px;
}

.paginationContainer .btn {
	padding:3px 12px 2px;
}


	
/* --------------------------------------------------------------  
BUTTONS
------------------------------------------------------------ */
	
.btn {
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(35%, #F0F1E8), to(#DBDCD4));
  background-image: -webkit-linear-gradient(#ffffff, #F0F1E8 35%, #DBDCD4);
  background-image: -moz-linear-gradient(top, #ffffff, #F0F1E8 35%, #DBDCD4);
  background-image: -ms-linear-gradient(#ffffff, #F0F1E8 35%, #DBDCD4);
  background-image: -o-linear-gradient(#ffffff, #F0F1E8 35%, #DBDCD4);
  background-image: linear-gradient(#ffffff, ##F0F1E8 35%, #DBDCD4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F1E8', endColorstr='#DBDCD4', GradientType=0);
  padding: 5px 14px 5px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #BBB;
  border-bottom-color: #C7C8C1;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  transition: 0.1s linear all;
}
.btn:hover {
  background-position: 0 -28px;
  color: #333;
  text-decoration: none;
}
.btn.primary {
  color: #fff;
  background-color: #061F6C;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006DFF), color-stop(25%, #0037F3), to(#0034E8));
	background-image: -webkit-linear-gradient(#006DFF, #0037F3 25%, #0034E8);
	background-image: -moz-linear-gradient(top, #006DFF, #0037F3 25%, #0034E8);
	background-image: -ms-linear-gradient(#006DFF, #0037F3 25%, #0034E8);
	background-image: -o-linear-gradient(#006DFF, #0037F3 25%, #0034E8);
	background-image: linear-gradient(#006DFF, #0037F3 25%, #0034E8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006DFF', endColorstr='#0034E8', GradientType=0);
	border: 1px solid #041D6A;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #021B69 #021B69 #041D6A;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn:active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn[disabled] {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

:root .alert-message, :root .btn {
  border-radius: 0 \0;
}
button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
	
/* --------------------------------------------------------------  
FORMS
------------------------------------------------------------ */
label {
	
}
input[type=checkbox], input[type=radio] {
  cursor: pointer;
}
input,
textarea,
select,
.uneditable-input {
  display: inline-block;
	padding:4px 8px;
  color: #808080;
  border: 1px solid #ccc;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
/* mini reset for non-html5 file types */
input[type=checkbox], input[type=radio] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  /* IE6-7 */

  line-height: normal;
  border: none;
}

input[type=button], input[type=reset], input[type=submit] {
  width: auto;
  height: auto;
}
select, input[type=file] {
  height: 27px;
  line-height: 27px;
}
textarea {
  height: auto;
}

:-moz-placeholder {
  color: #bfbfbf;
}
::-webkit-input-placeholder {
  color: #bfbfbf;
}
input, select, textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
  outline: none;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}

.btn.small {
	font-size:13px;
	padding:4px 5px;
}



/*----------------------------------------------------------
VALIDATOR
------------------------------------------------------------ */
div.validatorValid, div.validatorError { 
	font-weight:bold;
	margin:0; 
	display:inline-block;
	padding: 2px 0 0 32px; 
}

div.validatorValid { 
	color: #00CC00;
	background: url(../icon/16x16/success.png) no-repeat 10px center;
}

div.validatorError { 
	color: #9e1111;
	background: url(../icon/16x16/error.png) no-repeat 10px center;
}

/* --------------------------------------------------------------  
MSG BOXES
------------------------------------------------------------ */
.error, .success, .warning, .info  { 
	margin:0 0 10px 0; 
	padding: 10px 15px 10px 40px; 
	background: no-repeat 15px center; 
	border: 1px solid #ddd; font-weight:bold; 	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
}
.error { color: #9e1111; background-color: #f5e8e8; background-image: url(../icon/16x16/error.png); border-color: #dfb2b2; }
.success { color: #11a322; background-color: #e8f6e9; background-image: url(../icon/16x16/success.png); border-color: #b2e1b7; }
.warning { color: #c2b515; background-color: #f9f8e8; background-image: url(../icon/16x16/warning.png); border-color: #ebe7b3; }
.info { color:#0CF; background-color:#D7F7FF; background-image: url(../icon/16x16/info.png); border-color: #0CF; }

/* --------------------------------------------------------------  
CLEARFIX
------------------------------------------------------------ */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* --------------------------------------------------------------  
MARGIN HELPERS
------------------------------------------------------------ */
.t5{ margin-top:5px; }
.b5 { margin-bottom:5px; }
.l5 { margin-left:5px; }
.tb5 { margin-top:5px; margin-bottom:5px; }

.t10 { margin-top:10px; }
.b10 { margin-bottom:10px; }
.l10 { margin-left:10px; }
.tb10 { margin-top:10px; margin-bottom:10px; }

.t20 { margin-top:20px; }
.b20 { margin-bottom:20px; }
.l20 { margin-left:20px; }
.tb20 { margin-top:20px; margin-bottom:20px; }

.fl { float:left; }
.fr { float:right; }

.nu { text-decoration:none; }

.textShadow {
	text-shadow: 1px 1px 0.5px #FFFFFF;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color='#FFFFFF')";
}

/* --------------------------------------------------------------  
PRINT STYLES
------------------------------------------------------------ */
@media print {
	
	* { background: transparent !important; color: #444 !important; text-shadow: none; }
	
	a, a:visited { color: #444 !important; text-decoration: underline; }
	
	a:after { content: " (" attr(href) ")"; } 
	
	abbr:after { content: " (" attr(title) ")"; }
	
	.ir a:after { content: ""; }  /* Don't show links for images */
	
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	
	img { page-break-inside: avoid; }
	
	@page { margin: 0.5cm; }
	
	p, h2, h3 { orphans: 3; widows: 3; }
	
	h2, h3{ page-break-after: avoid; }
}