@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Droid+Serif|Oswald:400,700);
/* RESET
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video  { 
	font-family: inherit; 
	font-size: 100%; 
	font-weight: inherit; 
	font-style: inherit; 
	vertical-align: baseline; 
	white-space: normal;
	text-align: left; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block; }
								  
ol, ul { list-style: none; }

blockquote, q { quotes: none; }

:focus { outline: 0; }

table { 
	border-collapse: collapse; 
	border-spacing: 0; }
	
	/* 
	16 COLUMN - RESPONSIVE GRID SYSTEM
	DEVELOPED BY DENIS LEBLANC
	URL - http://responsive.gs
	VERSION - 2.0
	LICENSED UNDER GPL & MIT
*/


/* 	SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX
	If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill */
* { -webkit-box-sizing: border-box; *behavior: url(/scripts/boxsizing.htc);
	-moz-box-sizing: border-box;*behavior: url(/scripts/boxsizing.htc);
	box-sizing: border-box;*behavior: url(/scripts/boxsizing.htc); }


/* MAIN CONTAINER */

.container { 

	width: 95%;

max-width:960px;	margin: 0 auto; }


/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }


/* DEFAULT ROW STYLES */
.row { margin-bottom: 15px;position:relative; } /* set according to preference*/
	
								  
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float:left;
	width: 100%;
}

@media ( min-width : 768px ) {
	/*.container {max-width:100%;}
*/	.col {
		margin-left: 2%;
	}
}


/* RESET MARGINS */
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/* COLUMN WIDTH ON DISPLAYS +768px */
@media ( min-width : 768px ) {
	.span_1 { width: 4.375%; }
	.span_2 { width: 10.75%; }
	.span_3 { width: 17.125%; }
	.span_4 { width: 23.5%; }
	.span_5 { width: 29.875%; }
	.span_6 { width: 36.25%; }
	.span_7 { width: 42.625%; }
	.span_8 { width: 49.0%; }
	.span_9 { width: 55.375%; }
	.span_10 { width: 61.75%; }
	.span_11 { width: 68.125%; }
	.span_12 { width: 74.5%; }
	.span_13 { width: 80.875%; }
	.span_14 { width: 87.25%; }
	.span_15 { width: 93.625%; }
	.span_16 { width: 100%; }
}
	
html {
	min-height: 100%; margin-bottom: 1px;
	overflow-y:scroll;
	font-size: 62.5%;
}
body {
	background-image: url(../images/b-bg-sm.jpg);
	background-repeat: repeat-x;
	background-color: #000;
	min-height: 100%;
}
header {margin-top:15px;position:relative;}

/* Fonts
------------------------------ */
h1, h2, h3, h4, label, input.button, .fancybox-title { font-family: 'Oswald', Arial, Helvetica, sans-serif; }
h1 { margin:0px; padding:0px; color: #FFF; letter-spacing: 0em; text-align:center; font-size: 36px;font-size: 3.6rem; line-height: 34px;line-height: 3.4rem; font-weight: 400; }
h1 span { display:block; letter-spacing: .19em; font-size: 17px;font-size: 1.7rem;text-align:center; }
h2, label, input.button {color:#F4AB0C;margin:0 0 10px 0;font-size:24px;font-size: 2.4rem;letter-spacing:.15rem;}
h2 span {color:#FFF;}
h4, .fancybox-title {font-size:16px;font-size: 1.6rem;letter-spacing: .12em;}
img {width:100%;}
p, ul, a {font-family:'Droid Serif', Arial, Helvetica, sans-serif;color:#FFF;margin-bottom:20px;font-size: 16px;font-size: 1.6rem; line-height:22px;line-height:2.2rem;}
p {text-align:justify;}
a {margin:0;}
a:link { color: #F4AB0C; text-decoration:none; font-weight: bold; }
a:visited {color: #f5ce7a;}
a:hover, .info a:hover {
	color: #f46700;
}

ul{margin:-15px 0 20px 15px;}

/* Navigation
------------------------------ */
a.skip {
   position: absolute;
   left: -999em;
}
nav {z-index:1000;}
  #nav-primary, .navwrap, .social {
      float: left;position:relative;
   }
#nav-primary {
   clear: left;
   margin: 0 auto;
}
#nav-primary h3#menu {
   display:none;
}
#nav-primary ul {
	margin:0;padding:0;
}
#nav-primary li {
   font-size: 1em;float:left;margin-right:15px;
}

#nav-primary a, #nav-primary h3 {
	font:400 14px/28px 'Droid Serif', Arial, Helvetica, sans-serif;
	background:#000;
   display: block;
   padding: 8px 15px;
   text-decoration: none;
   color: #FFF;
   text-align:center;
}
#nav-primary a:hover {
  color: #F4AB0C;
  background:#202020;
}
#nav-primary .nav-current {
   font-weight: bold;
   color:#F4AB0C;
}

/* drop down menu formatting when all menu items won't fit in a single line */
.nav-menu #nav-primary {
   
}

.nav-menu #nav-primary h3#menu { margin:0;display:block; cursor: pointer; color:#FFF;float:left;padding:6px 15px;
	 
}
.nav-menu #nav-primary.expanded h3#menu {
	padding-bottom:6px;
	border-bottom:2px solid #F4AB0C;
}
.nav-menu #nav-primary ul {display: none; }    
.nav-menu #nav-primary li.nav-current {} 

.nav-menu #nav-primary.expanded ul {display:list-item;position:absolute;top:40px;z-index:1100; }
.nav-menu #nav-primary.expanded ul li {width:117px;}

.social {z-index:500;}
.social ul {margin:0;}
.fb, .linked, .youtube, .twitter { width:40px; height:40px; display:inline-block; margin:0 0 0 10px; background: url(../images/social/sm-sprite.png) no-repeat; }
.fb { background-position: 0px -40px; }
.twitter {background-position: -40px -40px;}
.linked {background-position: -80px -40px;}
.youtube {background-position: -120px -40px;}
.fb:hover, .twitter:hover, .linked:hover, .youtube:hover { cursor: pointer; }
.fb:hover { background-position: 0px 0px; }
.twitter:hover {background-position: -40px 0px;}
.linked:hover {background-position: -80px 0px;}
.youtube:hover {background-position: -120px 0px;}





/* Pages
------------------------------ */
.pglsit {
	width:200px;
	text-align:left;
	float:left;
	margin-right:15px;
	list-style-type: square;
}


/* Portfolio
------------------------------ */
.portfolio a {float:left;width:135px;height:76px;margin:0 5px 5px 0;overflow:hidden;}
.portwrap, .portfolio {float: left;position:relative;}
.portfolio {width:auto;margin:0 auto;left:50%;}	
.portwrap{left:-50%;}
.portfolio ul {}
.hiddenText, .cap{
    display:none;
}
.cap p, .caplist li {clear:left;color:#333;}
ul.caplist {padding-left:15px;margin:0;display:block;}
.caplist li{ float:left;margin-right:20px;list-style: square; }
p.hiddenText {clear:both;color:#000;}


/* Footer
------------------------------ */
.footer { width: 100%; margin:15px 0;background:  url(../images/footer_top-sm.png) repeat-x center top;padding:75px 0 15px 0; }
.footerbg {background:#000;width:100%;float:left;}
form {width:100%;padding:10px 0;clear:both;}
label, input, textarea {display:block;width:100%;}
label {margin:0 0 5px 0;font-size:18px;font-size:1.8rem;}
input, textarea {background:#FFF;margin:0 0 15px 0;min-height:40px;font-size:16px;font-size:1.6rem;padding:5px;}
input.button {background:none;border:1px solid #FFF;}
.mob {unicode-bidi:bidi-override; direction: rtl;font-size:14px;}               
              


/* Media queries
------------------------------ */

@media screen and (min-width: 640px) {
.footer { width: 100%; margin:15px 0;background:  url(../images/footer_top-med.png) repeat-x center top;padding:75px 0 15px 0; }

	.portfolio a {width:155px;height:116px;margin:0 20px 20px 0;}
	.hiddenText{
    display:block;
}
}
@media screen and ( min-width : 768px ) {
	.footer { width: 100%; margin:15px 0;background:  url(../images/footer_top.png) repeat-x center top;padding:75px 0 15px 0; }
	body {
	background-image: url(../images/b-bg.jpg);
}
 #nav-primary h3 {
   display:none;
}
	
#nav-primary, .social {left:50%;}
.navwrap{left:-50%;}
#nav-primary ul li {
	float:left;
	margin:0px 10px 0px 0px;
	}
.social {clear:left;margin-top:5px;}
	
	
	}

@media screen and (min-width: 910px) {
	header {margin:15px 0 10px 0;}
h1, h1 span {text-align:left;}
#nav-primary a {padding:1px 8px;}
.social {margin-top:-5px;clear:none;}
#nav-primary, .navwrap, .portwrap, .portfolio, .social {
      float: left;left:auto;
}
}