/* ================ Color ============== */

.color (@color: #000) {
	color:@color;
}

body
{.color;}

.entry, .entry p, ul.nav li a, ul.nav li a:hover, #copyright p a:hover, .pan .col-full h2, .pan p, .entry a
{.color(#fff);}

#copyright p, #copyright p a
{.color(#888);}

.ddc a
{.color(#555);}

.entry a:hover
{.color(#035);}


/* ================ Background ============== */

.background (@background: #0F81C5) {
	background:@background;
}

body, ul.nav li a, ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a,
.pan, .vimeography-bugsauce, .vimeography-bugsauce .vimeography-main
{.background;}

#header-container, #verytop
{.background(#fff);}

#footer-container
{.background(#111);}

/* ================ Display ============== */

.display (@display: none) {
display:@display;
}

#wpstats
{.display;}

/* ================ Box Shadow ============== */

.box-shadow (@box-shadow:0px 10px 5px rgba(0, 0, 0, 0.1)) {
-webkit-box-shadow:@box-shadow;
-moz-box-shadow:@box-shadow;
box-shadow:@box-shadow;
}

#header-container
{.box-shadow;}

#navigation, ul.nav li a:hover 
{.box-shadow(none);}

/*ul.nav li a
{.box-shadow(0px 2px 1px rgba(0,0,0,0.1));}*/

.pan1
{.box-shadow(inset 0px 2px 20px rgba(0,0,0,0.5));}

/* ================ Border Radius ============== */

.border_radius (@radius: 2px) {
-webkit-border-radius:@radius;
-moz-border-radius:@radius;
border-radius:@radius;
}

ul.nav li a, #navigation ul li:first-child a
{.border_radius;}

/* ================ Transition ============== */

.transition (@transition: all 0.5s ease-in-out) {
-webkit-transition:@transition;
-moz-transition:@transition;
-o-transition:@transition;
transition:@transition;
}

ul.nav li a:hover, #header-container.fixed #navigation, #header-container.fixed #logo img, #copyright p a:hover, .entry a:hover, .gform_wrapper input.button:hover, input:focus, textarea:focus
{.transition;}

/* ================ Text Decoration ============== */

.text_decoration (@text_decoration: none) {
text-decoration:@text_decoration;
}

#copyright p a:hover, .entry a:hover
{.text_decoration;}

.page-id-152 .pan1, .page-id-157 .pan1, .page-id-156 .pan1, .page-id-1036 .pan1{background:url('/wp-content/uploads/contact.jpg') no-repeat top center;}
.page-id-152 .pan .col-full, .page-id-157 .pan .col-full, .page-id-156 .pan .col-full{padding:150px 30px 20px 30px;}
.page-id-152 .entry p, .page-id-157 .entry p, .page-id-156 .entry p, .page-id-1036 .entry p{text-align:left;line-height:28px;}
#cookietable{width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;margin-bottom:30px;background:none;}
tr.ct1{width:100%;padding:10px;}
td.ct2{width:20%;padding:10px;border-right:1px solid #ccc;border-bottom:1px solid #ccc!important;}
td.ct3{width:78%;padding:10px;border-bottom:1px solid #ccc!important;}

#footer{background: #000; margin-bottom: -30px; width: 100%; max-width: 100%;}

.page-id-1036, .page-id-1045, .page-id-1052, .page-id-1033{
	
	#content{width: 100%; max-width: 100%; padding: 0; margin: 0;
		#main-sidebar-container{
				
				/* Header */
				header{display: none;}
				
				/* Main Content */
				.entry{max-width: 960px; margin: 160px auto 40px; padding: 0 20px;
					p, ul, ol, .tg{text-align: left; line-height: 26px; font-size: 16px!important; font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 400;}
					.tg{background: transparent; box-shadow: none; -webkit-box-shadow: none; line-height: 24px; font-size: 14px!important;
						
						thead{
							th{background: rgba(0,0,0,0.1); padding: 10px;}
							.otab-1{width: 15%;}
							.otab-2{width: 45%;}
							.otab-3{width: 15%;}
							.otab-4{width: 15%;}
							.otab-5{width: 10%;}
							.otab-1-1{width: 10%;}
							.otab-1-2{width: 30%;}
							.otab-1-3{width: 30%;}
							.otab-1-4{width: 30%;}
						}
						
						tr{
							td{padding: 10px;
								p{line-height: 24px!important; font-size: 14px!important;}
							}
							.otab-1{width: 15%;}
							.otab-2{width: 45%;}
							.otab-3{width: 15%;}
							.otab-4{width: 15%;}
							.otab-5{width: 10%;}
							.otab-1-1{width: 10%;}
							.otab-1-2{width: 30%;}
							.otab-1-3{width: 30%;}
							.otab-1-4{width: 30%;}
							
						}
					}
				}	
		}
	}
	

}