/*
Theme name: XS LA
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { margin: 0; padding: 0; outline: 0; }
body { font: 14px/1.2 "Century Gothic", "Myriad Pro", "Trebuchet MS", Arial,sans-serif; color: #fff; text-align: left; background-position: center top; background-repeat: no-repeat; background-attachment: fixed; }

a { color: #dcdcdc; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, select, textarea { font-family: "Trebuchet MS", Arial, sans-serif; }
textarea { overflow: auto; }
fieldset { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }

.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }

.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; /* width: 1687px; */ width: 88%; position: relative; }

h2  { font-size: 16px; font-weight: normal; line-height: 1.2; color: #fff; }

h3,h4  { font-size: 14px; font-weight: normal; line-height: 1.2; color: #fff; }

p { padding-bottom: 15px; }

img#expando { position: absolute; display: none; z-index: 1;  -ms-interpolation-mode: bicubic;  } 

.wide img#expando, 
.tall img#expando {  display: block; } 

.wide img#expando { width: 100%; height: auto; } 
.tall img#expando { width: auto; height: 100%; }
.ie6fixed { position: absolute; top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px') !important; }

/*
	Logos
*/

h1#logo-big { height: 124px; width: 223px; position: absolute; top: 90px; left: 12%; }
h1#logo-big a { display: block; height: 124px; background: url(images/logo-big.png); }

h1#logo { height: 82px; width: 162px; position: absolute; top: 49px; left: 0; }
h1#logo a { display: block; height: 82px; background: url(images/logo.png); }

/*
	Navigation
*/

#navigation { float: right; display: inline; padding-top: 105px; }
#navigation ul { list-style: none outside none; }
#navigation ul li { float: left; display: inline; margin: 0 11px; }
#navigation ul li a { text-transform: uppercase; color: #fff;}
#navigation ul li a:hover,
#navigation ul li a.active { text-decoration: none; color: #b3b83f; }


#content  { margin: 30px 0; padding: 2%; }
.trans-bg { background: url(images/content-bg.png) repeat 0 0; }

/*
	Columns
*/

.col-1 { float: left; display: inline; /* width: 476px; */ width: 29%; padding: 230px 0 0 10%; }
.col-1 h2 { margin-bottom: 12px; font-size: 14px;}
.col-1 h3 { margin-bottom: 8px; }	

.col-2 { float: left; display: inline; /* width: 415px; */ width: 26%; }
.col-2 ul { list-style: none outside none; }
.col-2 ul li { line-height: 18px; }
.col-2 ul li a { font-size: 14px; color: #fff; }
.col-2 ul li a:hover,
.col-2 ul li a.active { text-decoration: none; color: #b3b83f; }

.col-3 { float: right; display: inline; /* width: 1066px; */ width: 66%; background: #fff; min-height: 400px; padding: 2% 3%; color: #b4b4b4; }
.col-3 h1,
.col-3 h2,
.col-3 h3,
.col-3 h4,
.col-3 h5,
.col-3 h6 {color: #B3B83F; line-height: 1.2;}
.col-3 h1 {font-size: 20px;}
.col-3 h2 {font-size: 18px;}
.col-3 h3 {font-size: 16px;}
.col-3 h4 {font-size: 14px;}
.col-3 h5 {font-size: 12px;}
.col-3 h6 {font-size: 11px;}
.col-3 a {color: #666;}
.col-3 ul,
.col-3 ol {padding-left: 20px; padding-bottom: 12px;}

/* for the contact page */
.col-3.nobg { 
  background-color: transparent; 
}

.col-3.nobg h2,
.col-3.nobg p {
  color: #fff;
  padding-left: 150px;
}

.col-3.nobg a {
 color: #fff;
}


.col-4 { float: right; display: inline; width: 862px; }

/*
	Menu
*/

.menu { list-style: none outside none; }
.menu li { line-height: 30px; }
.menu li a { font-size: 25px; color: #fff; }
.menu li a:hover,
.menu li a.active { text-decoration: none; color: #b3b83f; }

/*
	People
*/

.people ul { list-style: none outside none; }
.people ul li { float: left; display: inline; margin-right: 200px;  }
.people ul li h2 { color: #b3b83f; margin-bottom: 10px; }
.people ul li h2 em { font-size: 21px; display: block; }


/*
	Approach 
*/

.approach img { margin: 40px 40px 0 0; }
.approach-text { float: left; display: inline; width: 430px; }

/*
 on the Boards
*/

.page-id-8 .col-3 .mceTemp {
 margin-right: 50px;
 float: left;
}