/* you can add your own custom css here if you don't want to worry about SASS/SCSS */
/* FRONTEND CSS
*********************************************/
@import url(http://fonts.googleapis.com/css?family=Alfa+Slab+One|Poiret+One|Roboto:400,400italic,700);
*{margin:0; padding:0;}
html {width:100%;  height:100%;}
body {background-color: #f9fbf4;  font-family: 'Roboto', arial, sans-serif;  color:#000;  width:100%;  height:100%;}
h1{font-family:"museo-slab",serif;}
h1{font-size:180%;}
h2, h2 a{font-size:140%; font-family: 'Poiret One', cursive;}
h3{font-size:150%; font-family: 'Poiret One', cursive;}
h4{font-size:100%; font-family: 'Roboto', arial, sans-serif;}
h5{font-size:110%;}
h6{font-size:100%;}
li{list-style:none;}
a, .nav-link{text-decoration:none; color:#B2B2B2; font-size:14px;}
a:hover{ text-decoration:underline;}
p{margin:15px 0;}
/* LAYOUT
*********************************************/
#wrap{min-height: 100%;	height: auto !important; height: 100%;	margin: 0 auto -160px;}

.header{width:1000px; height:115px; position:relative; left:50%; margin-left:-500px;}
.topmenu{position:absolute; right:1px; top:10px;}
.topmenu .navbar-nav li{display:inline-block; float:left; padding: 0 5px;}
.topmenu .navbar-nav {display: block}
.mainmenu{float:left; margin-top:77px; margin-left:15px; }
#siteNav{ display:none;}
.logo {width:200px; float:left;}
.content{background-image:url(../images/grass_bg.png); background-repeat:no-repeat; width:1112px; height:100%; min-height:500px; position:relative; left:50%; margin-left:-556px;}
.abovemainarea{background:#222; width:900px; position:relative; left:50%; margin-left:-450px; top:50px;}
.mainarea{background:#fff; width:900px; position:relative; left:50%; margin-left:-450px; -moz-box-shadow:1px 1px 1px 1px #333; -webkit-box-shadow: 1px 1px 1px 1px #333;  box-shadow: 1px 1px 1px 1px #333;}
.mainarea h1{margin-top:0;}
.mainareatext{padding:15px;}
.mainareatext h2{margin-bottom:20px;}
.breadcrumbs{padding:5px; display:inline-block;}
.breadcrumbs li, .breadcrumbs span, .breadcrumbs a{display:inline-block; float:left; padding:0 2px; color:#CCCCCC; font-size:90%;}
.abovemainarea H1{color:#fff;}
..abovemainarea .moduletable{}
.abovemainarea p{color:#a2a2a2;}
.col1,.col2,.col3{float:left; width:31%;}
.col2 img{}
.col1 h3,.col2 h3,.col3 h3{text-align:center;}
.col1 .custom,.col2 .custom,.col3 .custom{margin-top:10px;}
.sep{width:1px; background:#222; float:left; height:325px; margin:10px;}
.teamlist li{width:150px; float:left; font-size:11px; min-height:200px; padding:0 10px;}
.push{height:160px; clear:both;}
.footer{position: relative;	height: 160px;	clear:both; width:900px; left:50%; margin-left:-450px; clear:both; margin-top:20px;}
.footer .navbar-nav li a{padding-top: 0; padding-bottom: 2px;}
.footermenu1,.footermenu2,.footermenu3,.footermenu4,.Contactarea{width: 20%; float:left;}
.footermenu1 a,.footermenu2 a,.footermenu3 a,.footermenu4 a{font-size:11px; color:#222;}
.footermenu1 li,.footermenu2 li,.footermenu3 li,.footermenu4 li{line-height:14px;}
.footermenu1 h3,.footermenu2 h3,.footermenu3 h3,.footermenu4 h3,.Contactarea h3{font-family: 'Roboto', arial, sans-serif; font-size:14px;}
.Contactarea p, .copyright{font-size:11px; color:#222;}
.copyright{font-size:11px; color:#222; text-align:center;}
.social{}
/*---------------------------------------------------------*/
.section { background:#fff; width:522px; border:thin solid #000; position: relative; height:615px; left:19%; }
    .tested1{background:#79bcd6; width:261px; height:51px; float:left; border:; text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;}
	.results1{background:#d0be7c; width:261px; height:51px; float:left; border:; text-align:center;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;}
	.results1 a{position:relative; top:8px;}
	.results2{position: absolute; top:51px; border:thin solid #000;}
	.tested3{ visibility:visible; position: absolute; top:534px; text-align:center;  width:522px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;}
	.results3{ visibility:hidden; position: absolute; top:528px; text-align:center;  width:522px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;}
	.tlclogo{ width:522px; position:absolute; top:607px; text-align:center;}
	.section a{ text-decoration:none; color:#000;}
	.section a:hover{color:#999;}
/* ************************************************************************************************** */


/* DROP DOWN MENUE CSS 	*/
.mainmenu .navbar-nav {height:31px;list-style:none;overflow: inherit; font:Arial, Helvetica, sans-serif  bolder; top:0px; display: block;}
.mainmenu .navbar-nav li {display:block; float:left; position:relative; text-decoration:none; font-size:13px; cursor:pointer; margin: 0 10px;}
.mainmenu .navbar-nav li a, .nav-header{display:block; float:left; height:50px; line-height:50px; padding: 0 2px 0 10px;text-decoration: none; cursor:pointer; color: #222; font-weight:bolder; font-size:11px; text-transform:uppercase;}
/*.homebtn{background-image:url(../images/home_btn.png); background-repeat: no-repeat; background-position:75% 0%;}
.homebtn:hover{background-position:45% 10%;}
.aboutbtn{background-image:url(../images/about_btn.png); background-repeat: no-repeat; background-position:75% 0%;}
.aboutbtn:hover{background-position:50% 10%;}
.servicesbtn{background-image:url(../images/services_btn.png); background-repeat: no-repeat; background-position:75% 0%;}
.servicesbtn:hover{background-position:48% 10%;}
.contactbtn{background-image:url(../images/contact_btn.png); background-repeat: no-repeat; background-position:75% 0%;}
.contactbtn:hover{background-position:51% 10%;}*/
.mainmenu .navbar-nav li li a{display:block; float:left; height:31px; line-height:40px; text-decoration: none; cursor:pointer; color: #fff; font-weight:bolder; font-size:11px; font-family: "source-code-pro",sans-serif; color:#222; }
.mainmenu .navbar-nav li a span,  {float:left; display:block; padding:0 24px 0 12px; height:40px; font-weight:bolder; }
.mainmenu .navbar-nav li a:hover, .nav-header:hover {color:#abcf6b; width:100%; font-weight:bolder;}
.mainmenu .navbar-nav li:hover > a, .nav-header:hover,.mainmenu .navbar-nav .nav-header:hover > a {color:#abcf6b; width:100%; font-weight:bolder; }
.mainmenu .navbar-nav li li:hover > a {color:#abcf6b; width:100%; font-weight:bolder; }
.mainmenu .navbar-nav li ul li {display:block; position:relative; top:0px; left:-5px; overflow:visible; width:235px; color:#042f73; font-size:12px;line-height:40px;text-align:left; background-color: rgba(255,255,255,0.9); moz-box-shadow:    1px 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px 1px #ccc; box-shadow: 1px 1px 1px 1px #ccc;}
.mainmenu .navbar-nav ul {position: absolute;z-index: 500; display:block; height:auto;top:38px}
.mainmenu .navbar-nav ul ul {top: -31px;left: 100%; display:block; width:0; }
.mainmenu .navbar-nav ul, .mainmenu .navbar-nav li:hover ul, .mainmenu .navbar-nav ul li ul li, .mainmenu .navbar-nav ul li:hover ul{display: none; }
.mainmenu .navbar-nav li:hover ul, .mainmenu .navbar-nav ul li:hover ul,.mainmenu .navbar-nav ul ul li:hover ul, .mainmenu .navbar-nav ul li:hover ul li{display: block; float:left; }
/* ************************************************************************************************** */

.container {width:900px;margin-left:auto;margin-right:auto;padding:10px;*zoom:1;}

.lead {font-size:200%;	margin-bottom:40px;}
.clear {clear:both;	line-height:0;	font-size:0;
}

/* ============ TIMELINE ============= */

.timelineContainer {border-left:2px solid #ccc;	margin:20px auto;	width:900px;}
div.timelineToggle {float:right;	margin-right:0;	white-space:nowrap;}
a.expandAll {color:#ccc;	cursor:pointer;	background:#000;	-webkit-border-radius:4px;	-moz-border-radius:4px;	border-radius:4px;	font-size:12px;	padding:3px 5px;}
a.expandAll:hover {color:#7DBADF;	cursor:pointer;	}
div.timelineMajor {clear:left;	float:left;	margin:0 0 12px;width:900px;}
.timelineMajor h2 {background:url(../images/timeline_century_tick.gif) left center no-repeat;	cursor: pointer;	font-weight:400; margin:0 0 10px;	padding:4px 4px 4px 20px;}
.timelineMajor h2 span {background:#ccc; -webkit-border-radius:4px;	-moz-border-radius:4px;	border-radius:4px;	color:#131313;	letter-spacing:.1em; line-height:1.7em;	padding:3px 5px 1px;}
dl.timelineMinor {clear:left; float:left;	margin:0 12px 0 0;	padding:4px 4px 4px 0;	position:relative;	width:880px;}
.timelineMinor dt {background:url(../images/timeline_decade_tick.gif) left center no-repeat;	clear:left;	font-size:1.6em; list-style-type:none;	line-height:1.2em;	margin:0 0 12px; 	padding:0 0 0 24px;	white-space:nowrap;}
.timelineMinor dt a {color:#999; cursor:pointer;}
.timelineMinor dt a.closed {color:#999;	font-size:1em;	margin-left:0;}
.timelineMinor dt a.open {color:#7DBADF;}
.timelineMinor dt a:hover {color:#7DBADF;}
.timelineMinor dd {padding-left:24px; width:100%;}
.timelineMinor dd h3 {color:#FFF; clear:both; float:left; font-size:150%;	margin:0; white-space:nowrap;}
.timelineEvent p {clear:left; float:left; line-height:1.5em; margin:6px 0 10px;	width:500px;}
.timelineEvent h4 {clear:left; float:left; font-size:140%;	font-weight:400;	margin:10px 0 0; padding:0 0 0 20px;}
.timelineEvent blockquote {border-left:2px solid #ccc;	clear:left;	float:left;	font-size:180%;	margin-left:0;	padding:0 30px;	width:400px;}
.timelineEvent blockquote .attribution{	font-size:70%;	text-align: right;}
.timelineEvent div.media {float:right;	padding:0 0 12px;	width:300px;}
.timelineEvent .media img {border:2px solid #000;margin:0;}
.timelineEvent .media p {font-size:120%;	margin:0; padding:0;}
.timelineEvent .media a:link,.timelineEvent .media a:visited {color:#ab221b;}
.timelineEvent .media a:hover {color:#7DBADF;}
div.timelineToggle {
       float:none;
    }

    .timelineEvent div.media {
        display:none;
        float:none;
    }

    .timelineMinor dt {
       font-size:1.2em;
       white-space: normal;
    }

    .timelineMinor dd h3 {
       font-size:1em;
       white-space: normal;
    }

    div#timelineContainer {
    }

    .timelineMinor dd {
        margin-left:20px;
        padding-left:0;
        width:100%;
    }

    .timelineEvent .media p {
       font-size:1em;
    }

    dl.timelineMinor {
       float:none;
       max-width:80%;
    }

    .timelineEvent p {
       float:none;
       width:100%;
    }

    .timelineEvent blockquote {
       float:none;
       width:200px;
       font-size:1em;
    }
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* ************************************************************************************************** */

/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}
/* Landscape phones and down */
@media (max-width: 480px) {
  
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  
}
/* Large desktop */
@media (min-width: 1200px) {
  
}