/*
	
	Name: base.css
	Version: 1.0.0
	
	-

 	Table of Content
========================
	
	#Reset & #Basics
	#Typography
	#Links
	#Lists
	#Images
	#Tables
	#Buttons & #Icons
	#Forms
	#Alerts
	#Misc

 */
 
/*  #Reset & #Basics 
==================================================================================================== */	

	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;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	html{ 
		font-size:100%; 
		overflow-y:scroll; /* always force vertical scroll */ 
	}
	
	body{ 
		-webkit-font-smoothing:antialiased; 
		-webkit-text-size-adjust:100%; /* fix webkit text rendering */ 
		-ms-text-size-adjust:100%; 
	}


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

	body{
		background:#fff url(images/bg-body.png) repeat top left;
		color:#606060;
		font:12px Arial, sans-serif; 
		font-weight:300; 
		line-height:20px;	
	}
	
	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6{
		color:#444;
		font-family:'Open Sans', Arial, sans-serif;
		font-weight:normal; 
	}
		
	h1 a, 
	h2 a, 
	h3 a, 
	h4 a, 
	h5 a, 
	h6 a{ 
		font-weight:inherit; 
	}
	
	h1{ 
		font-size:28px; 
		line-height:50px; 
		margin-bottom:14px; 
	}
	
	h2{ 
		font-size:22px; 
		line-height:40px; 
		margin-bottom:10px; 
	}
	
	h3{ 
		font-size:18px; 
		line-height:34px; 
		margin-bottom:8px;  
	}
	
	h4{ 
		font-size:16px; 
		line-height:30px; 
		margin-bottom:4px;  
	}
	
	h5{ 
		font-size:14px; 
		line-height:24px; 
	}
	
	h6{ 
		font-size:12px; 
		line-height:21px; 
	}
	
	p{ margin-bottom:20px; }
	
	em{ font-style:italic; }
	
	strong{ 
		font-weight:bold; 
		color:#333; 
	}
	
	small{ font-size:90%; }
	
	sub{ 
		vertical-align:sub; 
		font-size:10px; 
	}
	
	sup{ 
		vertical-align:super; 
		font-size:10px; 
	}
	
	abbr[title]{  
		border-bottom:1px dotted #999999; 
		cursor:help;
	}
	
	address{ 
		display:block; 
		margin-bottom:20px; 
	}
	
	blockquote{  }
	blockquote p{ font-style:italic; }
	blockquote span{ display:block; color:#999999; margin-top:5px; }
	blockquote span:before{ content:'\2013 \00A0'; }

	hr{ 
		border:solid #efefef; 
		border-width:1px 0 0 0; 
		height:0; 
		margin:30px 0; 
	}

	code, 
	pre{ 
		font-family:Monaco, Menlo, Consolas, "Courier New", monospace;
		-webkit-border-radius:3px;
		   -moz-border-radius:3px;
			    border-radius:3px;
	}
	
	code{ 
		background-color:#f7f7f7; 
		border:1px solid #e1e1e8; 
		color:#d14; 
		padding:1px 4px; 
	}
	
	pre{ 
		display:block; 
		padding:20px; 
		white-space:pre; 
		background-color:#f7f7f7; 
		border:1px solid #e1e1e8; 
		margin-bottom:20px;
		overflow-x:auto; 
	}
	
	/* Typography Helper Classes */
	
	/* <div class="hr"></div> acts like an <hr /> */
	.hr{ 
		border-top:1px solid #efefef; 
		margin:30px 0; 
	}
	.hr-alt{ 
		border-top:1px solid #efefef; 
		margin:10px 0; 
	}
	.hr-alt2{ 
		border-top:1px solid #efefef; 
		margin:10px 0 30px 0; 
	}
	.hr-alt3{ 
		border-top:1px solid #efefef; 
		margin:0 0 30px 0; 
	}
	.hr-alt4{ 
		border-top:1px solid #efefef; 
		margin:40px 0; 
	}
	
	.text-left{ text-align:left; }
	.text-right{ text-align:right; }
	.text-center{ text-align:center; }
	
	.text-highlight{ padding:1px 5px; background-color:#D5EDF8; color:#111111; }
	.text-highlight2{ padding:1px 5px; background-color:#FFF6BF; color:#111111; }
	
	.text-uppercase{ text-transform:uppercase; }
	
	.mute{ color:#aaa; }
	
	p.last,
	h1.last,
	h2.last,
	h3.last,
	h4.last,
	h5.last,
	address.last{ margin-bottom:0; }
	
	
/*  #Links
==================================================================================================== */
	
	a, 
	a:visited{ 
		color:#346699; 
		text-decoration:none; 
		outline:0; 
	}
	
	a:hover, 
	a:focus{ 
		text-decoration:underline; 
	}	
	
	
/*  #Lists
==================================================================================================== */
	
	ul, 
	ol{ 
		margin-bottom:20px;
		list-style-position:inside; 
	}
	
	ul ul, 
	ul ol, 
	ol ol, 
	ol ul{ 
		margin-left:30px; 
		margin-bottom:0; 
	}
	
	li{ }
	
	ul{ list-style-type:disc; }
	ol{ list-style-type:decimal; }
	
	/* List Helper Classes */
	
	ul.unstyled{ list-style-type:none; } /* unstyled list */
	.ie7 ul.unstyled{ list-style-position:outside; }
	ul.square{ list-style-type:square; } /* list with squares for bullets */
	ul.circle{ list-style-type:circle; }	/* list with discs for bullets */
	ul.checklist{ list-style-image:url(images/bg-checklist.png); } /* list with custom image bullets */

	ul.last,
	ol.last{ margin-bottom:0; }


/*  #Images
==================================================================================================== */

	img{ 
		-ms-interpolation-mode:bicubic; 
		border:0; 
	}
	
	/* Images Helper Classes */
	
	.img-align-left{ margin:5px 10px 0 0; float:left; }
	.img-align-right{ margin:5px 0 0 10px; float:right; }


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

	table{ 
		background-color:transparent; 
		border-collapse:collapse; 
		border-spacing:0; 
		width:100%;
		margin-bottom:20px; 
	}
	
	caption{ 
		margin:20px 0; 
		text-align:center; 
		font-weight:bold; 
	}

	table th, 
	table td{ 
		padding:8px; 
		text-align:left; 
		vertical-align:top; 
		border-top:1px solid #efefef;
	}
	
	table th{ font-weight:bold; border-top:0; }
	
	table thead th{ vertical-align:bottom; }

	/* Table Helper Classes */

	.table-bordered{ 
		border:1px solid #efefef; 
		border-collapse:separate; 
		border-left:0; 
	}
	
	.table-bordered th, 
	.table-bordered td{ border-left:1px solid #efefef; }
	
	.table-bordered caption + thead tr:first-child th,
	.table-bordered caption + tbody tr:first-child th,
	.table-bordered caption + tbody tr:first-child td,
	.table-bordered colgroup + thead tr:first-child th,
	.table-bordered colgroup + tbody tr:first-child th,
	.table-bordered colgroup + tbody tr:first-child td,
	.table-bordered thead:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child td{ border-top:none; }

	.table-condensed th,
	.table-condensed td{ padding:4px 8px; }
	
	.table-striped tbody tr:nth-child(odd) td,
	.table-striped tbody tr:nth-child(odd) th{ background-color: #f9f9f9; }
	
/*  #Buttons & #Icons
==================================================================================================== */

	.btn{ 
		display: inline-block; 
		cursor: pointer; 
		padding:6px 12px; 
		line-height:18px; 
		text-decoration:none; 
		margin: 0 5px 20px 0;
		outline:0;
		-webkit-border-radius:3px;
		   -moz-border-radius:3px;
		        border-radius:3px;
		-webkit-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, .2);
		   -moz-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, .2);
				box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .2);
		border:1px solid #dddddd;
		background-color:#F7F7F7;
		color:#444;
		text-shadow:1px 1px 0px #fff;	
	}
	
	.btn:active{
		-webkit-box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
				box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	}

	.btn:hover{ background: #fbfbfb; }
	
	a.btn{ text-decoration:none; }
	
	.btn-large{
		padding:7px 14px;
		font-size:14px;
	}
	
	.btn i,
	.btn-large i{ 
		float: left; 
		margin: 2px 8px 0px -4px; 
	}
	
	/* Buton Colors */
	
	.btn-white{
		border:1px solid #dddddd;
		background-color:#F7F7F7;
		color:#444;
		text-shadow:1px 1px 0px #fff;
	}

	.btn-white:hover{ background: #fbfbfb; }
	
	/* Icons */

	.icon,
	.icon-white{
	  display:inline-block;
	  width:14px;
	  height:14px;
	  line-height:14px;
	  vertical-align:middle;
	  background-position:14px 14px;
	  background-repeat:no-repeat;
	  margin-right:4px;
	}

	.icon{
	  background-image:url("images/bg-glyphicons-halflings.png");
	  opacity:0.8;
	}

	.icon-glass{ background-position: 0 0; }
	.icon-music{ background-position: -24px 0; }
	.icon-search{ background-position: -48px 0; }
	.icon-envelope{ background-position: -72px 0; }
	.icon-heart{ background-position: -96px 0; }
	.icon-star{ background-position: -120px 0; }
	.icon-star-empty{ background-position: -144px 0; }
	.icon-user{ background-position: -168px 0; }
	.icon-film{ background-position: -192px 0; }
	.icon-th-large{ background-position: -216px 0; }
	.icon-th{ background-position: -240px 0; }
	.icon-th-list{ background-position: -264px 0; }
	.icon-ok{ background-position: -288px 0; }
	.icon-remove{ background-position: -312px 0; }
	.icon-zoom-in{ background-position: -336px 0; }
	.icon-zoom-out{ background-position: -360px 0; }
	.icon-off{ background-position: -384px 0; }
	.icon-signal{ background-position: -408px 0; }
	.icon-cog{ background-position: -432px 0; }
	.icon-trash{ background-position: -456px 0; }
	.icon-home{ background-position: 0 -24px; }
	.icon-file{ background-position: -24px -24px; }
	.icon-time{ background-position: -48px -24px; }
	.icon-road{ background-position: -72px -24px; }
	.icon-download-alt{ background-position: -96px -24px; }
	.icon-download{ background-position: -120px -24px; }
	.icon-upload{ background-position: -144px -24px; }
	.icon-inbox{ background-position: -168px -24px; }
	.icon-play-circle{ background-position: -192px -24px; }
	.icon-repeat{ background-position: -216px -24px; }
	.icon-refresh{ background-position: -240px -24px; }
	.icon-list-alt{ background-position: -264px -24px; }
	.icon-lock{ background-position: -287px -24px; }
	.icon-flag{ background-position: -312px -24px; }
	.icon-headphones{ background-position: -336px -24px; }
	.icon-volume-off{ background-position: -360px -24px; }
	.icon-volume-down{ background-position: -384px -24px; }
	.icon-volume-up{ background-position: -408px -24px; }
	.icon-qrcode{ background-position: -432px -24px; }
	.icon-barcode{ background-position: -456px -24px; }
	.icon-tag{ background-position: 0 -48px; }
	.icon-tags{ background-position: -25px -48px; }
	.icon-book{ background-position: -48px -48px; }
	.icon-bookmark{ background-position: -72px -48px; }
	.icon-print{ background-position: -96px -48px; }
	.icon-camera{ background-position: -120px -48px; }
	.icon-font{ background-position: -144px -48px; }
	.icon-bold{ background-position: -167px -48px; }
	.icon-italic{ background-position: -192px -48px; }
	.icon-text-height{ background-position: -216px -48px; }
	.icon-text-width{ background-position: -240px -48px; }
	.icon-align-left{ background-position: -264px -48px; }
	.icon-align-center{ background-position: -288px -48px; }
	.icon-align-right{ background-position: -312px -48px; }
	.icon-align-justify{ background-position: -336px -48px; }
	.icon-list{ background-position: -360px -48px; }
	.icon-indent-left{ background-position: -384px -48px; }
	.icon-indent-right{ background-position: -408px -48px; }
	.icon-facetime-video{ background-position: -432px -48px; }
	.icon-picture{ background-position: -456px -48px; }
	.icon-pencil{ background-position: 0 -72px; }
	.icon-map-marker{ background-position: -24px -72px; }
	.icon-adjust{ background-position: -48px -72px; }
	.icon-tint{ background-position: -72px -72px; }
	.icon-edit{ background-position: -96px -72px; }
	.icon-share{ background-position: -120px -72px; }
	.icon-check{ background-position: -144px -72px; }
	.icon-move{ background-position: -168px -72px; }
	.icon-step-backward{ background-position: -192px -72px; }
	.icon-fast-backward{ background-position: -216px -72px; }
	.icon-backward{ background-position: -240px -72px; }
	.icon-play{ background-position: -264px -72px; }
	.icon-pause{ background-position: -288px -72px; }
	.icon-stop{ background-position: -312px -72px; }
	.icon-forward{ background-position: -336px -72px; }
	.icon-fast-forward{ background-position: -360px -72px; }
	.icon-step-forward{ background-position: -384px -72px; }
	.icon-eject{ background-position: -408px -72px; }
	.icon-chevron-left{ background-position: -432px -72px; }
	.icon-chevron-right{ background-position: -456px -72px; }
	.icon-plus-sign{ background-position: 0 -96px; }
	.icon-minus-sign{ background-position: -24px -96px; }
	.icon-remove-sign{ background-position: -48px -96px; }
	.icon-ok-sign{ background-position: -72px -96px; }
	.icon-question-sign{ background-position: -96px -96px; }
	.icon-info-sign{ background-position: -120px -96px; }
	.icon-screenshot{ background-position: -144px -96px; }
	.icon-remove-circle{ background-position: -168px -96px; }
	.icon-ok-circle{ background-position: -192px -96px; }
	.icon-ban-circle{ background-position: -216px -96px; }
	.icon-arrow-left{ background-position: -240px -96px; }
	.icon-arrow-right{ background-position: -264px -96px; }
	.icon-arrow-up{ background-position: -289px -96px; }
	.icon-arrow-down{ background-position: -312px -96px; }
	.icon-share-alt{ background-position: -336px -96px; }
	.icon-resize-full{ background-position: -360px -96px; }
	.icon-resize-small{ background-position: -384px -96px; }
	.icon-plus{ background-position: -408px -96px; }
	.icon-minus{ background-position: -433px -96px; }
	.icon-asterisk{ background-position: -456px -96px; }
	.icon-exclamation-sign{ background-position: 0 -120px; }
	.icon-gift{ background-position: -24px -120px; }
	.icon-leaf{ background-position: -48px -120px; }
	.icon-fire{ background-position: -72px -120px; }
	.icon-eye-open{ background-position: -96px -120px; }
	.icon-eye-close{ background-position: -120px -120px; }
	.icon-warning-sign{ background-position: -144px -120px; }
	.icon-plane{ background-position: -168px -120px; }
	.icon-calendar{ background-position: -192px -120px; }
	.icon-random{ background-position: -216px -120px; }
	.icon-comment{ background-position: -240px -120px; }
	.icon-magnet{ background-position: -264px -120px; }
	.icon-chevron-up{ background-position: -288px -120px; }
	.icon-chevron-down{ background-position: -313px -119px; }
	.icon-retweet{ background-position: -336px -120px; }
	.icon-shopping-cart{ background-position: -360px -120px; }
	.icon-folder-close{ background-position: -384px -120px; }
	.icon-folder-open{ background-position: -408px -120px; }
	.icon-resize-vertical{ background-position: -432px -119px; }
	.icon-resize-horizontal{ background-position: -456px -118px; }
	.icon-hdd{ background-position: 0 -144px; }
	.icon-bullhorn{ background-position: -24px -144px; }
	.icon-bell{ background-position: -48px -144px; }
	.icon-certificate{ background-position: -72px -144px; }
	.icon-thumbs-up{ background-position: -96px -144px; }
	.icon-thumbs-down{ background-position: -120px -144px; }
	.icon-hand-right{ background-position: -144px -144px; }
	.icon-hand-left{ background-position: -168px -144px; }
	.icon-hand-up{ background-position: -192px -144px; }
	.icon-hand-down{ background-position: -216px -144px; }
	.icon-circle-arrow-right{ background-position: -240px -144px; }
	.icon-circle-arrow-left{ background-position: -264px -144px; }
	.icon-circle-arrow-up{ background-position: -288px -144px; }
	.icon-circle-arrow-down{ background-position: -312px -144px; }
	.icon-globe{ background-position: -336px -144px; }
	.icon-wrench{ background-position: -360px -144px; }
	.icon-tasks{ background-position: -384px -144px; }
	.icon-filter{ background-position: -408px -144px; }
	.icon-briefcase{ background-position: -432px -144px; }
	.icon-fullscreen{ background-position: -456px -144px;}
	
	
/*  #Forms
==================================================================================================== */

	form{ }
	fieldset{  }
	
	form p{ margin-bottom:15px; }
	
	label{
		display:block;
		margin-bottom:5px;
	}

	label span{ color:#FF0000; }
	
	input[type="text"],
	textarea,
	select{
		border:1px solid #ddd;
		padding:6px 10px;
		outline:none;
		max-width:100%;
		display:block;
		margin-bottom:10px;
		background: #fff;
		color:#666;
		width:220px;
		-webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);
		   -moz-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);
        		box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);
		 -webkit-border-radius:3px;
			-moz-border-radius:3px;
				 border-radius:3px;
	}
	
	input[type="text"]:focus,
	textarea:focus{
		border-color:#cdcdcd;
  		outline:0;
	}
	
	select{ height:32px; }
	textarea{ min-height:100px; overflow:auto; }

	.radio,
	.checkbox{
	  min-height:18px;
	  padding-left:18px;
	}
	
	.radio input[type="radio"],
	.checkbox input[type="checkbox"] {
	  float:left;
	  margin-left:-18px;
	}


/*  #Alerts
==================================================================================================== */

	.alert{
	  padding:10px 35px 10px 15px;
	  margin-bottom:20px;
	  color:#C59A2E;
	  text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
	  background-color:#FBFAE2;
	  border:1px solid #DED58A;
	  -webkit-border-radius:3px;
		 -moz-border-radius:3px;
			  border-radius:3px;
	}
	
	.alert p{ margin-bottom:0; }
	.alert p+p{ margin-top:5px; }

	.alert-success{
	  color:#5F9025;
	  background-color:#ECF7E2;
	  border-color:#B3DC82;
	}
	
	.alert-error{
	  color:#E45959;
	  background-color:#FFECEC;
	  border-color:#FBC4C4;
	}
	
	.alert-info{
	  color:#6A91B2;
	  background-color:#EEF8FE;
	  border-color:#B6D7E8;
	}

	.alert-block{ padding: 20px 35px 20px 15px; }


/*  #Misc
==================================================================================================== */

	.bordered{ border:1px solid #efefef; padding:2px; }
	
/* 
	
	Name: grid.css
	Version: 1.0.0
	
	-
	
	Table of Contents
========================
   
    #Base 940 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Align
	#Responsive Images and Embeds
	#Clearing Content
	 
*/

/*  #Base 940 Grid
==================================================================================================== */

	.row{ 
		position:relative; 
		width:940px; 
		margin:0 auto;
	}
	
	.row .row{ width:auto; margin:0; }

 	.span1, 
	.span2, 
	.span3, 
	.span4, 
	.span5, 
	.span6, 
	.span7, 
	.span8, 
	.span9, 
	.span10, 
	.span11, 
	.span12 { float:left; }

	.span1{ 
		width: 60px;  
		margin-left:20px; 
	}
	
	.span2{ 
		width: 140px; 
		margin-left:20px; 
	}
	
	.span3{ 
		width: 220px; 
		margin-left:20px; 
	}
	
	.span4{ 
		width: 300px;
		margin-left:20px; 
	}
	
	.span5{ 
		width: 380px; 
		margin-left:20px; 
	}
	
	.span6{ 
		width: 460px; 
		margin-left:20px; 
	}
	
	.span7{ 
		width: 540px; 
		margin-left:20px; 
	}
	
	.span8{ 
		width: 620px; 
		margin-left:20px; 
	}
	
	.span9{ 
		width: 700px; 
		margin-left:20px; 
	}
	
	.span10{ 
		width: 780px; 
		margin-left:20px; 
	}
	
	.span11{ 
		width: 860px; 
		margin-left:20px; 
	}
	
	.span12 { 
		width: 940px; 
		margin-left:20px; 
	}
	
	.span1:first-child, 
	.span2:first-child, 
	.span3:first-child, 
	.span4:first-child, 
	.span5:first-child, 
	.span6:first-child, 
	.span7:first-child, 
	.span8:first-child, 
	.span9:first-child, 
	.span10:first-child, 
	.span11:first-child, 
	.span12:first-child{ margin-left:0; }
 
 
/*  #Tablet (Portrait)
==================================================================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.row{ width:705px; }

	.span1{ 
		width: 45px;  
		margin-left:15px; 
	}
	
	.span2{ 
		width: 105px; 
		margin-left:15px; 
	}
	
	.span3{ 
		width: 165px; 
		margin-left:15px; 
	}
	
	.span4{ 
		width: 225px; 
		margin-left:15px; 
	}
	
	.span5{ 
		width: 285px; 
		margin-left:15px; 
	}
	
	.span6{ 
		width: 345px; 
		margin-left:15px; 
	}
	
	.span7{ 
		width: 405px; 
		margin-left:15px; 
	}
	
	.span8{ 
		width: 465px; 
		margin-left:15px; 
	}
	
	.span9{ 
		width: 525px; 
		margin-left:15px; 
	}
	
	.span10{ 
		width: 585px;
		margin-left:15px; 
	}
	
	.span11{ 
		width: 646px; 
		margin-left:15px; 
	}
	
	.span12{ 
		width: 705px;
		margin-left:15px; 
	}
	
}
	
/*  #Mobile (Portrait)
==================================================================================================== */

@media only screen and (max-width: 767px) {
	
	.row{ width:280px; }
	
	.span1,
	.span2,
	.span3,
	.span4,
	.span5,
	.span6,
	.span7,
	.span8,
	.span9,
	.span10,
	.span11,
	.span12{ 
		width:280px; 
		margin-left:0; 
	}
	
}
	
/*  #Mobile (Landscape)
==================================================================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.row{ width:420px; }
	
	.span1,
	.span2,
	.span3,
	.span4,
	.span5,
	.span6,
	.span7,
	.span8,
	.span9,
	.span10,
	.span11,
	.span12{ 
		width:420px; 
		margin-left:0; 
	}
		
}

/*  #Align
==================================================================================================== */

	.float-left{ float:left; }
	.float-right{ float:right; }


/*  #Responsive Images and Embedss
==================================================================================================== */

	.responsive-img{ 
		max-width:100%; 
		height:auto; 
	}
	
	.responsive-embed{
		position:relative;
		padding:0px;
		padding-bottom:56.25%; /* 16/9 ratio */
		height:0;
		overflow:hidden;
		margin-bottom:20px;
	}

	.responsive-embed iframe,
	.responsive-embed object,
	.responsive-embed embed{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	

/*  #Clearing
==================================================================================================== */

	.row:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
		.row{display:block;}
		/*  \*/

		.row{min-height:1%;}
		* html .row{height:1%;}

	/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */
	.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
		.fixed{display:block;}
		/*  \*/
		.fixed{min-height:1%;}
		* html .fixed{height:1%;}
		
	/* Clear <br class="clear" /> */	
	.clear{
      clear:both;
      display:block;
      overflow:hidden;
      visibility:hidden;
      width: 0;
      height: 0;
	} 

/* 
	
	Name: layout.css
	Version: 1.0.0
	
	-
	
	Table of Contents
========================
   
   	#Site Styles
	#Page Styles
	#Media Queries
		

	 
*/

/* #Site Styles (>1024px width screen resolutions)
==================================================================================================== */

	#wrap{ width:940px; padding:60px 60px 50px 60px; margin:80px auto; background-color:#fff; border-top:10px solid #f6f6f6; border-bottom:10px solid #f6f6f6;
		   -webkit-box-shadow:0 0 6px rgba(0,0,0,.2);  -moz-box-shadow:0 0 6px rgba(0,0,0,.2);  box-shadow:0 0 6px rgba(0,0,0,.2); }


		#header{ padding-bottom:40px; }
		
		
			/* Logo 
			-----------------------------------------------------------------------------------------------*/

			#logo{ display:block; margin-top:20px; }
			
			/* Contact
			-----------------------------------------------------------------------------------------------*/
			
			#contact{ text-align:right; margin-bottom:20px; }
			
			/* Dropdown Menu 
			-----------------------------------------------------------------------------------------------*/

			.selectnav{display:none;  cursor:pointer;  width:100%;  padding:10px;  height:40px; color:#666;  }
			
			/* level 1 menu */
			#dropdown-menu{ list-style:none;  margin-bottom:0px; margin-top:10px; float:right; }
			#dropdown-menu li{ float: left;  }
			#dropdown-menu li a{ display: block;  padding:6px 20px 0px 0; color:#666; font-size:13px; text-transform:uppercase; font-family:'Open Sans', Arial, sans-serif;  }
			#dropdown-menu li.last > a{ padding-right:0; }
			#dropdown-menu li.hover,  ul.dropdown-menu li:hover{ position: relative;  text-decoration:none;  }
			
			/* LEVEL 1 menu item styling ON HOVER */
			#dropdown-menu li.hover a{ text-decoration:none;  color:#000; }
			
			/* styling of LEVEL 1 menu item that is current */ 
			#dropdown-menu li.current > a{ color:#000; }
			  
				/* level 2 menu */
				#dropdown-menu ul{ width:170px;  position:absolute;  top:100%;  left:0;  margin:0; list-style:none;  display:none; background-color:#fff;  border:1px solid #efefef; z-index:15; padding:5px 0;  }
				#dropdown-menu ul li{ width:140px;  padding:0 15px;  }
				
				/* LEVEL 2 menu element styling  */ 
				#dropdown-menu li .sub-menu li > a{ width:140px; display:inline-block;  border:none; border-bottom:1px solid #f0f0f0;  padding:10px 0; text-transform:none; font-size:12px; font-family:Arial, sans-serif;  }
				 
				/* LEVEL 2 menu item styling ON HOVER */ 
				#dropdown-menu li .sub-menu li > a:hover{ text-decoration:none;  color:#346699;   }
				
				/* LAST LEVEL 2 menu item styling */
				#dropdown-menu li .sub-menu li:last-child > a{ border:none;  }
				#dropdown-menu li .sub-menu li:last-child > a:hover{ border:none;  }
				 
			
					/* level 3 menu */
					#dropdown-menu ul ul{ left:100%;  top:-1px;  }
					#dropdown-menu li:hover > ul{ visibility:visible;  }
					
					/* LEVEL 3 menu styling */
					#dropdown-menu ul ul li > a{ border-bottom:1px solid #fff;  border-bottom:none;  }

		#content{ border-top:1px solid #e9e9e9; padding-top:40px; padding-bottom:60px; }
		
		
			/* Headline Titles 
			-----------------------------------------------------------------------------------------------*/
			
			.headline{background: url(images/bg-headline.png) repeat-x center left; margin:30px 0; }
			.headline span{background-color: #FFFFFF; padding-right: 20px; }
			
			/* Page Header
			-----------------------------------------------------------------------------------------------*/
			
			.page-header{ margin-bottom:40px; }
				
				.page-header img{ max-width:100%; display:block; }
				.page-header-text{ background-color:#303030; color:#aeb0b3; height:20px; padding:35px 0 35px 35px; }	
				.page-header-text h2{ width:185px; float:left; color:#ffffff; font-size:18px; line-height:20px; font-weight:600; margin-bottom:0; }
				.page-header-text h1{ float: left; margin-bottom:0; width: 665px; margin-left: 20px; margin-bottom:0; line-height:24px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#aeb0b3; }
				.page-header-text a{ color:#aeb0b3; text-decoration:none; }
		
			/* Side Nav
			-----------------------------------------------------------------------------------------------*/
			
			.side-nav{ list-style-type:none; list-style-position:outside; border-top:1px solid #efefef; margin-bottom:30px; }
			.side-nav li{ border-bottom:1px solid #efefef; }
			.side-nav a:hover{ }
			.side-nav a{ display:block; padding:10px 0 10px 35px; }
			.side-nav li:last-child{ border-color:#efefef; }
			.side-nav li.current a{ color:#303030; }
			.side-nav li.current a:hover{ text-decoration:none; }
			
			/* Extra Info
			-----------------------------------------------------------------------------------------------*/
			
			.extra-info{ padding:30px 25px; border:1px solid #e9e9e9; margin-bottom:20px; background-color:#f9f9f9; }
			.extra-info h6{ text-transform:uppercase; }
			.extra-info h5{ margin-bottom:15px; }
			.extra-info p{ margin-bottom:0; }
		
				.pdf{ background:#fff url(images/bg-pdf.png) no-repeat right 0px; }
			
			.extra-info.last{ margin-bottom:0; }
		
		#footer{ border-top:1px solid #e9e9e9; padding-top:60px; }
		


/* #Page Styles
==================================================================================================== */


/* Servicii
----------------------------------------------------------------------------------------------------*/

	.portfolio-item{ text-align:center;  padding-bottom:0px; }
	.portfolio-item:hover{ cursor:pointer;  }
	.portfolio-item img{ width:100%; display:block; }
	.portfolio-item-description{ border:1px solid #e9e9e9; padding-top:20px; margin-bottom:30px; border-top:none; }
	.portfolio-item p{ color:#999; }


/* Contact
-------------------------------------------------------------------------------------------------*/

	#contact-form{ border:1px solid #e9e9e9; margin-bottom:30px; overflow:hidden; }
	#contact-form legend { display: none; }
		#contact-form fieldset{ margin:0; padding:30px 30px 20px 30px; }
		#contact-form p#formstatus{ margin-bottom:0; }	
		#contact-form textarea{ width:370px; }
		
	.map{ width:100%; height:300px; border:0 !important; } 	
		

/* #Media Queries
==================================================================================================== */

	/* #Smaller then 1024px wide screen resolution */
	
	@media only screen and (max-width: 1024px) {
		
		body{ background-image:none; background-color:#fff;  }
		
		#wrap{ margin:0 auto; padding:60px 0 30px 0; width:940px; -webkit-box-shadow:none;  -moz-box-shadow:none; box-shadow:none; }

			#header{}
			
			#footer{ margin:0 auto; padding:30px 0; width:auto; }
		
	}


	/* #Tablet (Portrait) - designed for 705px width grid */
	
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		#wrap{ width:705px; padding-top:40px; }
		
			#header{  }
			
				#logo{ margin-top:0; }
				.selectnav{ display: block; margin-top:15px; }
			
				#dropdown-menu{ display: none; }
				#search{ display:none; }
				
				.page-header-text{ height:auto; }
				.page-header-text h2{ width:auto; float:none; }
				.page-header-text h1{ float:none; width:auto; margin-left:0px; }
				
				#contact-form textarea{ width:220px; }
				
				#contact{ display:none; }
				
			#footer{ padding:40px 0 10px 0; }	
	}
	
	/* #Mobile (Portrait) - designed for 280px width */
	
	@media only screen and (max-width: 767px) {
	
		#wrap{ padding:30px 0 0 0; width:280px; }
			
			#header{ padding-bottom:20px; }
			
				.selectnav{ display: block;}
				
				#logo{  margin-top:0; display:block; text-align:center; margin-bottom:25px; }
				#dropdown-menu{ display: none; }
				#search{ display:none; }
			
			#content{ padding-top:30px; padding-bottom:0px; }
			
				.page-header{ margin-bottom:30px; }
				.page-header-text{ height:20px; padding:25px 0 25px 35px; }	
				.page-header-text h2{ width:185px; float:left; color:#ffffff; line-height:20px; font-weight:400; }
				
				.service-overview{ margin-bottom:20px; padding-bottom:30px; }
				.service-overview p{ margin-bottom:0; }
				.service-overview img{ display:none; }
				
				.page-header-text{ height:auto; }
				.page-header-text h2{ width:auto; float:none; margin-bottom:0; }
				.page-header-text h1{ float:none; width:auto; margin-left:0px; display:none; }

				#contact-form fieldset{ margin:0; padding:30px 15px 10px 15px; }
				#contact-form textarea{ width:220px; }
				
				#comment-form{ padding:30px 15px 20px 15px; }

				#contact{ text-align:center; margin:0 0 20px 0;  }
				.numere{ font-size:18px; display:block; margin-bottom:10px; }
				.hide-phone{ display:none; }
				
				.side-nav{ display:none; }

		p.last, h1.last, h2.last, h3.last, h4.last, h5.last, address.last, ul.last, ol.last, .extra-info.last{ margin-bottom:20px; }
		.text-right{ text-align:left; }
		
			#footer{ padding-bottom:10px; }
	
	}
	
	/* #Mobile (Landscape) - designed for 420px width */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		#wrap{ width:420px; }
		
	}


	@media print {
		#wrap{ width:100%; padding:0; margin:0; background-color:#fff; border-top:none; border-bottom:none;
		   -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none; }
		#logo{ margin-top:0; }
		#contact { margin-top:30px; }
		.content{ border-top:1px solid #efefef;}
		.selectnav,
		.page-header,
		.flexslider,
		.extra-info,
		#dropdown-menu{ display:none;}   

	}