@charset "utf-8";
/* operatitles.net */

/*html, body {
  height: 100%;
  margin-bottom: 1px;
  padding: 0;
}*/


@font-face {
	font-family: 'Muli-SemiBold';
	src: url('fonts/Muli-SemiBold.eot');
	src: url('fonts/Muli-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Muli-SemiBold.woff2') format('woff2'),
		url('fonts/Muli-SemiBold.woff') format('woff'),
		url('fonts/Muli-SemiBold.ttf') format('truetype'),
		url('fonts/Muli-SemiBold.svg#Muli-SemiBold') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
    font-family: 'alright_sansextra_thin';
    src: url('fonts/alrightsans-extrathin-v3-webfont.eot');
    src: url('fonts/alrightsans-extrathin-v3-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alrightsans-extrathin-v3-webfont.woff2') format('woff2'),
         url('fonts/alrightsans-extrathin-v3-webfont.woff') format('woff'),
         url('fonts/alrightsans-extrathin-v3-webfont.ttf') format('truetype'),
         url('fonts/alrightsans-extrathin-v3-webfont.svg#alright_sansextra_thin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alright_sanslight';
    src: url('fonts/alrightsans-light-v3-webfont.eot');
    src: url('fonts/alrightsans-light-v3-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alrightsans-light-v3-webfont.woff2') format('woff2'),
         url('fonts/alrightsans-light-v3-webfont.woff') format('woff'),
         url('fonts/alrightsans-light-v3-webfont.ttf') format('truetype'),
         url('fonts/alrightsans-light-v3-webfont.svg#alright_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alright_sansregular';
    src: url('fonts/alrightsans-regular-v3-webfont.eot');
    src: url('fonts/alrightsans-regular-v3-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alrightsans-regular-v3-webfont.woff2') format('woff2'),
         url('fonts/alrightsans-regular-v3-webfont.woff') format('woff'),
         url('fonts/alrightsans-regular-v3-webfont.ttf') format('truetype'),
         url('fonts/alrightsans-regular-v3-webfont.svg#alright_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body {
	padding:0;
	margin:0;
}

body {
	font-family: 'alright_sansregular', sans-serif;
	background:#fff;
	color:#111;
	}

a {
	color:#009999;
	text-decoration:underline;
}

a:hover {
	color:#990033;
}

a:visited {
	color:#009999;
}

* {
    box-sizing: border-box;
}

img {
	opacity:0.999;
	filter:alpha(opacity=99.99);
}

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}

img {
	border:0;
}

a img {
	border:0;
}


.style01 {
}

.clearboth {
	display:block;
	clear:both;
}

.vertalign {
	position: relative;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* Mobile Layout: 480px and below. */


.gridContainer {
}

.break-mob {
	display:inline;
}

#LayoutDiv1 {
	font-size:3em;

}

.showdt {
	display:none;
}

h1 {
	font-size:2em;
	padding:0;
	margin:4% 0;
	letter-spacing:.2em;
	font-weight:normal;
}

#topbar {
	position:relative;
	width:100%;
	height:auto;
	padding:5%;
	background:#990033;
}

.toplogo {
	width:70%;
}

#showmenu {
	position:relative;
	float:right;
	text-align:right;
}

#showmenu a {
	color:#fff;
	text-decoration:none;
	background:#000;
	padding:.2em;
}

#menu-main {
	position:relative;
	width:100%;
	padding:.5% 0 0 0;
	margin:0 auto;
	font-family:'Muli-SemiBold', sans-serif;
	font-size:2em;
	z-index:102;
	background:#fff;

}

#menu-main ul {
	margin:0;
	padding:0;

}

#menu-main ul li {
	display:block;
	margin:3% 0;
	padding:0;
	text-align:center;
}

#menu-main ul li a {
	text-decoration:none;
}

#contentholder {
	position:relative;
	width:90%;
	margin:2% auto 0 auto;
}

.col02a, col02b, col02a p, col02b p {
	margin:0;
	padding:0;
}

.col03 {
	text-align:center;
}

.col04 {
	font-weight:bold;
}

.titleslist {
	width:98%;
	margin:0 0 0 2%;
}

.titleslist td {
	width:50%;
	padding:.3em 0;
}

#footer {
	text-align:center;
	margin:6em 0 0 0;
	padding:2em 0;
	background:#990033;
	color:#fff;
}

#footer a {
	color:#99ffff;
}




.formcell, .formarea {
	display:block;
	width:100%;
	height:auto;
	border:none;
	padding:1%;
	margin:0 0 3% 0;
	background:#eee;
}

.formbutton {
	display:block;
	border:none;
	padding:1% 2%;
	background:#990033;
	color:#fff;
	letter-spacing:.15em;
}

.formbutton:hover {
	background:#333;
	color:#eee;
}

.placeholder { 
   font-family: 'alright_sanslight', sans-serif;
   font-size:1em;
   color:#222;
}

::-webkit-input-placeholder {
   font-family: 'alright_sanslight', sans-serif;
   font-size:1em;
   color:#222;
}

:-moz-placeholder { /* Firefox 18- */
   font-family: 'alright_sanslight', sans-serif;
   font-size:1em;
   color:#222;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-family: 'alright_sanslight', sans-serif;
   font-size:1em;
   color:#222;
}

:-ms-input-placeholder {
   font-family: 'alright_sanslight', sans-serif;
   font-size:1em;
   color:#222;
}

.grecaptcha-badge { visibility: hidden; }

.googleterms {
	margin: 2em 0 0 0;
	font-size: .6em;
	line-height: normal;
}

.googleterms a {
	text-decoration: underline !important;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {

}
#LayoutDiv1 {
	
}
}

/* Desktop Layout: 769px and up.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	
body {
	background:#fff;
}

.gridContainer {
	padding:0;
	margin:0;
	width:100%;
}
#LayoutDiv1 {
	font-size:1em;
	padding:0;
	margin:0;
	width:100%;
}


.showmob, #showmenu {
	display:none;
}

.break-mob, .showdt {
	display:inline;
}

.break-mob-b, .showdt-b {
	display:block;
}


.imgfull img {
	width:100%;
	height:100%;
}

h1 {
	font-size:2em;
	padding:0;
	margin:0 0 2% 0;
	letter-spacing:.2em;
	font-weight:normal;
}


#topbar {
	position:relative;
	width:100%;
	height:auto;
	padding:3% 0 0 0;
	background:#990033;
}

.toplogo {
	display:block;
	width:80%;
	max-width:1200px;
	height:auto;
	margin:0 auto;
}

#menu-main {
	display:block;
	position:relative;
	width:100%;
	max-width:1200px;
	padding:0;
	margin:.8em auto 0 auto;
	background:none;
	text-align:center;
	font-size:1.8em;
}

#menu-main ul {
	margin:0;
	padding:0;
}

#menu-main ul li {
	display:inline-block;
	margin:0 .8em;
	padding:0;
}

#menu-main ul li:first-child {
	margin:0 .8em 0 0;
}

#menu-main ul li:last-child {
	margin:0 0 0 .8em;
}


#menu-main ul li a {
	padding:0 0 0 0;
	line-height:1em;
	text-decoration:none;
	color:#009999;
}

#menu-main ul li a:hover,
.home #menu-main #home a,
.titles #menu-main #titles a,
.samples #menu-main #samples a,
.about #menu-main #about a,
.press #menu-main #press a,
.contact #menu-main #contact a
{
	border-bottom:3px solid #990033;
}

#contentholder {
	position:relative;
	width:80%;
	min-height:40em;
	max-width:1200px;
	margin:2em auto;
	font-size:1.2em;
}

.col01 {
	float:left;
	width:36%;
	margin:0 6% 0 0;
}

.col01 img {
	width:100%;
}

.col01 p {
	margin:.2em 0 0 0;
}

.col02 {
	float:left;
	width:58%;
	margin:0;
	line-height:1.6em;
}

.samples .col02 {
	width:48%;
}

.samples .col02:last-child {
	border-left:1px solid #aaa;
	padding:0 0 0 3em;
}


.col02 p:first-child {
	margin-top:0;
}

.col02a {
	float:left;
	width:53%;
	margin:0 5% 0 0;
}

.col02b {
	float:left;
	width:42%;
}

.col03 {
	text-align:center;
	line-height:1.6em;
}

.col04 {
	width:70%;
	margin:4em auto 0 auto;
	font-weight:bold;
}

.titleslist {
	width:98%;
	margin:0 0 0 2%;
}

.titleslist td {
	width:50%;
	padding:.3em 0;
}



}