@charset "UTF-8";

/* Global Styles */

body {
  	background: #403f3d url(../images/page_bg.png) repeat;
  	color: #3e3e3e;
	line-height: 1.5em;
	font-family: Helvetica;
	font-size: 14px;
}
.page {
	max-width: 980px;
	margin: 0px auto;
	position: relative; background-color: #ffffff;
}

h1 { color: #403f3d; margin: 0em 0em 1em 0em; font-size: 2em; font-weight: normal; }
h2 { font-size: 1.7em; margin: 0em 0em 1em 0em; }
h3 { color: #d3b802; font-size: 1.2em; margin: 0.5em 0em .3em 0em; font-weight: normal;}
h4 { font-size: 1em; margin: 0em 0em .5em 0em; }
h5 { font-size: .85em; margin: 0em 0em .3em 0em; }

p { margin: 0px 0px .75em 0px; }
a { color: #d3b802; }

/*
a:hover { color: #009eff; }
*/

a.cta {
	text-transform: normal;
	font-size: .95em;
	font-weight: normal;
	text-decoration: none;
	margin: .5em 0 0 0;
	padding: 0px 0px 0px 0px;
}

/*
a.cta:hover { background-position: right -50px; }
*/

footer { font-size: .85em; color: #9ba0bd; background-color: #403f3d; padding: 10px 10px 10px 0px; letter-spacing: 1px;}


.promo h3 { font-size: 1.1em; margin: 0; }
.promo p { line-height: 1.2em; font-size: .9em; margin-bottom: .5em; }

.promo { background-repeat: no-repeat; }

.promo.one { background-image: url(../images/promo_1.jpg); }
.promo.two { background-image: url(../images/promo_1.jpg); }
.promo.three { background-image: url(../images/promo_3.jpg); }

/* Button Styles */
.button {
  background-color: #d3b802; /* Yellow */
  border: none;
  color: #ddd;
  padding: 9px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 2px 1px;
  cursor: pointer;
}

.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
.button4 {background-color: #e7e7e7; color: black;} /* Gray */ 
.button5 {background-color: #888;} /* Black */

.button:hover {
  opacity: 1;
  color: #fff;
}

<!--brand-->
.brand h3 { font-size: 1.1em; margin: 0; }
.brand p { line-height: 1.2em; font-size: .9em; margin-bottom: .5em; }

.brand { background-repeat: no-repeat; }

.brand.one { background-image: url(../images/brand_1.jpg); }
.brand.two { background-image: url(../images/brand_2.jpg); }
.brand.three { background-image: url(../images/brand_3.jpg); }
.brand.four { background-image: url(../images/brand_4.jpg); }


<!--architecture-->
.architecture h3 { font-size: 1.1em; margin: 0; }
.architecture p { line-height: 1.2em; font-size: .9em; margin-bottom: .5em; }

.architecture { background-repeat: no-repeat; }

.architecture.one { background-image: url(../images/architecture_1.jpg); }
.architecture.two { background-image: url(../images/architecture_2.jpg); }
.architecture.three { background-image: url(../images/architecture_3.jpg); }
.architecture.four { background-image: url(../images/architecture_4.jpg); }
.architecture.five { background-image: url(../images/architecture_5.jpg); }
.architecture.six { background-image: url(../images/architecture_6.jpg); }
.architecture.seven { background-image: url(../images/architecture_7.jpg); }
.architecture.eight { background-image: url(../images/architecture_8.jpg); }
.architecture.nine { background-image: url(../images/architecture_9.jpg); }
.architecture.ten { background-image: url(../images/architecture_10.jpg); }


<!--print-->
.print h3 { font-size: 1.1em; margin: 0; }
.print p { line-height: 1.2em; font-size: .9em; margin-bottom: .5em; }

.print { background-repeat: no-repeat; }

.print.one { background-image: url(../images/print_1.jpg); }
.print.two { background-image: url(../images/print_2.jpg); }
.print.three { background-image: url(../images/print_3.jpg); }
.print.four { background-image: url(../images/print_4.jpg); }
.print.five { background-image: url(../images/print_5.jpg); }
.print.six { background-image: url(../images/print_6.jpg); }
.print.seven { background-image: url(../images/print_7.jpg); }
.print.eight { background-image: url(../images/print_8.jpg); }
.print.nine { background-image: url(../images/print_9.jpg); }
.print.ten { background-image: url(../images/print_10.jpg); }
.print.eleven { background-image: url(../images/print_11.jpg); }
.print.twelve { background-image: url(../images/print_12.jpg); }
.print.thirteen { background-image: url(../images/print_13.jpg); }
.print.fourteen { background-image: url(../images/print_14.jpg); }
.print.fifteen { background-image: url(../images/print_15.jpg); }
.print.sixteen { background-image: url(../images/print_16.jpg); }



<!--web-->
.web h3 { font-size: 1.1em; margin: 0; }
.web p { line-height: 1.2em; font-size: .9em; margin-bottom: .5em; }

.web { background-repeat: no-repeat; }

.web.one { background-image: url(../images/web_1.jpg); }
.web.two { background-image: url(../images/web_2.jpg); }
.web.three { background-image: url(../images/web_3.jpg); }
.web.four { background-image: url(../images/web_4.jpg); }
.web.five { background-image: url(../images/web_5.jpg); }
.web.six { background-image: url(../images/web_6.jpg); }
.web.seven { background-image: url(../images/web_7.jpg); }
.web.eight { background-image: url(../images/web_8.jpg); }
.web.nine { background-image: url(../images/web_9.jpg); }
.web.ten { background-image: url(../images/web_10.jpg); }
.web.eleven { background-image: url(../images/web_11.jpg); }
.web.twelve { background-image: url(../images/web_12.jpg); }
.web.thirteen { background-image: url(../images/web_13.jpg); }
.web.fourteen { background-image: url(../images/web_14.jpg); }
.web.fifteen { background-image: url(../images/web_15.jpg); }
.web.sixteen { background-image: url(../images/web_16.jpg); }
.web.seventeen { background-image: url(../images/web_17.jpg); }
.web.eighteen { background-image: url(../images/web_18.jpg); }
.web.nineteen { background-image: url(../images/web_19.jpg); }
.web.twenty { background-image: url(../images/web_20.jpg); }
.web.twenty-one { background-image: url(../images/web_21.jpg); }
.web.twenty-two { background-image: url(../images/web_22.jpg); }
.web.twenty-three { background-image: url(../images/web_23.jpg); }
.web.twenty-four { background-image: url(../images/web_24.jpg); }
.web.twenty-five { background-image: url(../images/web_25.jpg); }
.web.twenty-six { background-image: url(../images/web_26.jpg); }
.web.twenty-seven { background-image: url(../images/web_27.jpg); }
.web.twenty-eight { background-image: url(../images/web_28.jpg); }
.web.twenty-nine { background-image: url(../images/web_29.jpg); }
.web.thirty { background-image: url(../images/web_30.jpg); }
.web.thirty-one { background-image: url(../images/web_31.jpg); }
.web.thirty-two { background-image: url(../images/web_32.jpg); }
.web.thirty-three { background-image: url(../images/web_33.jpg); }
.web.thirty-four { background-image: url(../images/web_34.jpg); }

nav a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	font-size: .9em;
}
nav a:hover { color: #fff; }


.clear-fix { clear: both; line-height: 1px; }


/* Close Styles */
.close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  opacity: 0.8;
  background-color: #ccc;
}
.close:hover {
  opacity: 1;
  color: #ececec;
}
.close:before, .close:after {
  position: absolute;
  left: 14px;
  content: ' ';
  height: 31px;
  width: 2px;
  background-color: #333;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}