/* darkBG:282c37  |  color2:333333  */
/*! normalize.css 2011-09-14T10:27 UTC - http://github.com/necolas/normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline;zoom:1px}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,button,input,select,textarea{font-family:sans-serif}a{color:#00e}a:visited{color:#551a8b}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}pre,code,kbd,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;margin-left:-7px}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0}button,input{line-height:normal;overflow:visible}table button,table input{overflow:auto}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}audio:not([controls]),[hidden]{display:none}body,figure,form{margin:0}
/* End Normalize */

html {  }
body { color:#333; font-family: 'Maven Pro', sans-serif; font-size:14px; background:url(img/wBg2.png) top center repeat-x #333;  }
body.home { background:#333; }
a, a:visited { color:#00aeef; text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2 { font-family: 'Shanti', sans-serif; font-weight:normal; text-transform:uppercase; font-size:24px; color:#525252; }
form, img { border:0; margin:0; padding:0; }
/* G E N E R A L */
.clear { clear:both; }
.none { display:none; }
.error { background:#f5d4d4; border:1px solid #f00; border-width:1px 0; color:#333; margin:5px; padding:8px 0; }
.success { background:#b7d1e1; border-bottom:1px solid #4b8db3; border-top:1px solid #4b8db3; color:#333; margin:5px; padding:8px 0 8px 40px; text-align:center; }

/* F O R M S */
fieldset { border:0; margin:0; padding:0; width:500px; }
legend { font:18px Georgia, "Times New Roman", Times, serif; font-weight:normal; }
Label { display:block; float:left; font-weight:bold; padding:3px 10px; width:150px; margin:5px 0; }
Label.sub { display:block; float:left; padding:3px 0; width:80px; margin:5px 0; }
.formField { display:block; width:300px; float:left; padding:3px 10px; margin:5px 0; }
.formFieldSub { display:block; width:50px; float:left; padding:3px 0; margin:5px 0; }
.formSubmit { float:right; margin-right:30px; padding:5px; }

/* M A I N */
.topfade { background:url(img/wBg2.png) top center repeat-x; position:absolute; top:0; left:0; width:100%; height:259px; z-index:1; }
.box { margin:0 auto; width:960px; padding:40px 0 0; position:relative; }
	#head { 
		position:relative; 
		z-index:1; 
	}
	.social { float:right; top:50px; position:relative; }
	#main { }
		#pic { height: 532px; margin: 0px auto -200px; overflow: hidden; max-width: 1250px; text-align: center; display:block; position:relative; z-index:0; top:-100px; }
			#pic img { position:relative; z-index:0; top:-20px; }
		#content { float:left; width:100%; position:relative; z-index:1; }
			#content a { }
			#content a:hover { }
			.c4 { width:224px; margin:3px; padding:5px; border-radius:4px; background:#fff; float:left; height:300px; display:inline; }
			.c4 { background: #2aabe0; background: -moz-linear-gradient(top, #2aabe0 0%, #acdabd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2aabe0), color-stop(100%,#acdabd)); background: -webkit-linear-gradient(top, #2aabe0 0%,#acdabd 100%); background: -o-linear-gradient(top, #2aabe0 0%,#acdabd 100%); background: -ms-linear-gradient(top, #2aabe0 0%,#acdabd 100%); background: linear-gradient(to bottom, #2aabe0 0%,#acdabd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aabe0', endColorstr='#acdabd',GradientType=0 );
			}
				.c4 h2 { text-align:center; margin-bottom:0; }
				.c4 img { padding:10px; }
				.c4 .content { background:#fff; border-radius:4px; padding:5px 10px; height:230px; }
				.c4 .content a { color:#58595b; text-decoration:underline; }
				.c4 .content a.blue { color:#00aeef; }
				.c4.travelcost { line-height:100%; }
			#twitter { display:block; background:url(img/white.png) repeat; border-radius:4px; padding:4px; line-height:18px; color:#58595b; margin:5px 3px; }
		#second { float:left; width:675px; min-height:600px; padding:10px; margin:10px 0; background:#fff; border-radius:5px; border:1px solid #e4e2e1; }
		#secondFull { width:940px; min-height:600px; padding:10px; margin:10px 0; background:#fff; border-radius:5px; border:1px solid #e4e2e1; }
		#side { float:right; padding:10px; width:230px; margin:10px 0; background:#fff; border-radius:5px; border:1px solid #e4e2e1; }
	#foot { clear:both; color:#8f8f8f; padding:20px 0; text-align:center; }
		#foot a { color:#fff; }

.tweet, .query { color:#085258; }
.tweet_list { border-radius:0.5em; list-style: none; margin: 0; padding: 0; overflow-y: hidden; }
.tweet_list li { overflow-y: auto; overflow-x: hidden; padding:0; }
.tweet_list li a { color: #0C717A; }
.tweet_list .tweet_even { }
.tweet_list .tweet_avatar { padding-right: .5em; float: left; }
.tweet_list .tweet_avatar img { vertical-align: middle; }

#afwdfares a { padding:5px 0; color:#333; text-decoration:none; display:block; }

/* Aaarrrgggg */
#nav, #twitter { 
	-moz-box-shadow:0 0 4px #fff; 
	-webkit-box-shadow: 0 0 4px #fff; 
	box-shadow: 0 0 4px #fff; 
	/* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=2, Color='#ffffff')";
	/* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=2, Color='#ffffff');
}

.arrowLeft { position: absolute; left: 0px; top: 180px; z-index: 9; }
.arrowRight { position: absolute; right: 0px; top: 180px; z-index: 9; }

/* Horizontal Nav */
ul.navigation { margin:10px 3px 0; padding:0 10px; float:right; background:#acdabc; border-radius:4px; }
ul.navigation.sub { background:none; margin:0; text-align: right; }
ul.navigation li { list-style:none; position:relative; }
ul.navigation li.sub { }
ul.navigation.horizontal li { display:inline-block; }
ul.navigation li a { padding:.5em; padding:.5rem 1.5rem; text-decoration:none; display:block; color:#231f20; text-transform:uppercase; }
ul.navigation.sub li a { color:#fff; padding:.5em .75em; padding:.5rem .75rem; }
ul.navigation li.less a { padding:.2em .1em; padding:.2rem .1rem; position: relative; top: 5px; }
ul.navigation li a:hover, 
ul.navigation li a:focus { text-decoration:none; color:#2cacdf; }
ul.navigation li a.current { font-weight: bold; }
ul.navigation li ul { display:none; position:absolute; margin:0; padding:0; text-align:left; z-index:9; }
ul.navigation li:hover ul { display:block; background:#acdabc; padding-bottom:10px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; }
ul.navigation li:last-child:hover ul { border-top-right-radius:4px; }
ul.navigation li ul li { padding:0; }
ul.navigation li ul li a { display:block; margin:0; width:150px; }
ul.navigation li ul li a:hover {  }

/*
    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;}
.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:#fff;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
/*
  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);
}

@media(max-width:1280px){
	#pic img { width:100%; min-width:960px; max-width:1250px; }
}

.dataTables_wrapper .dataTables_filter input{
    position:relative;
    right:20px;
}


@import url(https://fonts.googleapis.com/css?family=Maven+Pro:900);
.nav_button_wrapper {
    position:relative;
    top:-50px;
    margin-bottom:-35px;
}
.nav_button_wrapper .lg_button{
    position:relative;
    color:#fff;
    width:32%;
    display:inline-block;
    text-transform:uppercase;
    font-weight:900;
    padding:17px 0;
    text-align:center;

    background: -webkit-linear-gradient(#acdabc, #31aede); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#acdabc, #31aede); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#acdabc, #31aede); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#acdabc, #31aede); /* Standard syntax */
    border-radius:7px;
    margin:0 7px;
    font-size:23px;
}

.nav_button_wrapper .lg_button:last-child{
    margin-right:0;
}
.nav_button_wrapper .lg_button:first-child{
    margin-left:0;
}
.nav_button_wrapper img{
    float:left;
    position:absolute;
    left:25px;
    height:30px;
    width:30px;
}
.nav_button_wrapper img.rotate-180{
  -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
  -moz-transform: rotate(180deg);        /* FF */
  -o-transform: rotate(180deg);          /* Opera */
  -ms-transform: rotate(180deg);         /* IE9 */
  transform: rotate(180deg);             /* W3C compliant browsers */

  /* IE8 and below */
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');

}

.nav_button_wrapper .lg_button .dots{
    opacity:0;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    -ms-transition:opacity .3s;
    transition:opacity .3s;
}
.nav_button_wrapper .lg_button:hover {
    text-decoration:none;
}
.nav_button_wrapper .lg_button:hover .dots{
    opacity:.9;
    display:block;
    background-image:url('/images/dots.png');
    height:100%;
    float:right;
    position:absolute;
    right:0px;
    top:0;
    width:106px;

}
.c4 {
    position:relative;
}
.c4 span.section_title{
    color:#fff;
    display:inline-block;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:21px;
    font-size:17px;
    font-weight:bold;
    width:100%;
    text-align:center;
}
