@charset "UTF-8";
/* CSS Document */

html {
overflow-y: scroll;
}

body {
	margin:0px;
	padding:0px;
	background:#fff;
	/*font-family: Arial, Helvetica, sans-serif;*/
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height:18px;
color: #333;
}

h1, h2, h3, h4, h5 {
	font-family:Helvetica, Arial, sans-serif;
	color:#25516b;
}

a, a:visited, a:link {
	color: #064e8b;
	text-decoration:none;
}

a:hover {
	color:#4480a1;	
}

a img, img a, a, img {
	border:0px;	
}

.container-content {
	border:1px solid #98cee6;
	background:#fff url(../images/top_bg.gif) repeat-x;
	overflow: hidden;
	margin:20px 0px 0px 0px;
	padding-bottom:25px;
}

.header {
	position:relative;
	z-index:10;
	padding-top:10px;
}


.header a {
	padding-left:25px;
	font-family:Helvetica, Arial, sans-serif;	
}

.logo a {
	padding:0px;
}

.contact {
	text-align:right;	
}

.logo {
	padding-bottom:10px;
}


ul, li {
	list-style-type:none;
}

.menu {
	padding-top: 42px;
	font-size: 14px;
}

.menu a {
	color:#fff;
	font-family:Helvetica, Arial, sans-serif;
}

.menu a:hover {
	color: #336699 !important;
}

.menu a.dark_blue {
	color:#19334C;	
}

.menu ul {
    margin: 0;
    padding: 0px 0px 0px 40px;
    list-style: none;
}

.menu ul li {
    display: block;
    position: relative;
    float: left;
	padding:0px 0px 0px 60px;
	 white-space: nowrap;
}

.menu li ul.submenu {
    display: none;
	-webkit-box-shadow:0 0 5px #bbb; 
-moz-box-shadow: 0 0 5px #bbb; 
box-shadow:0 0 5px #bbb; 
padding:0px;
border:1px solid #ddd;
}

.menu li:hover ul.submenu {
    display: block;
    position: absolute;
}

.menu ul.submenu li {
    float: none;
    border-top: 1px solid #ddd;
    padding: 5px 10px 5px 10px;
    background: #eee;	
}

.menu ul.submenu li:hover {
	background: #ddd;
	border-top:1px solid #ccc;
}

.menu ul.submenu li a {
	   color: #333;
}

.page_image {
	position:relative;
	z-index:5;	
	padding-bottom:50px;
	float:left;
}

.hero-shot {
	position:relative;
	z-index:5;	
	padding-bottom:50px;
	float:left;
}

.footer {
	text-align:center;
	padding:25px 0px;	
}

.bluefooter {
	background: #25516b;
	height: 100px;
	color: #efefef;
	margin-bottom:20px;
}

.team {
	padding-top:35px;	
}

.team-photo img {
	border:20px solid #ddd;	
}
.team-photo {
	text-align:center;
}

.space_15 {
	padding-top:15px;	
}

.space_25 {
	padding-top:25px;	
}

.space_50 {
	padding-top:50px;
}

.services-dropdown h3 {
	padding-left:25px;
}
/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 2/26/2009
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/

.accordionButton {	
	border-bottom: 1px solid #FFFFFF;
	cursor:pointer;
	padding:10px 0px;
	background-image: url(../images/arrow-down.png);
background-repeat: no-repeat;
background-position: 75px 30px;
	}

.ui-accordion-header {
border-bottom: 1px solid #FFFFFF;
cursor: pointer;
padding: 15px 0px 15px 50px;
background-image: url(../images/arrow-down.png);
background-repeat: no-repeat;
background-position: 20px 20px;
margin:0px;
}
	
.ui-accordion-header-active {
background-color: #cde8f7;
background-image: url(../images/arrow-up.png);
background-repeat: no-repeat;
background-position: 20px 20px;
}

.accordionContent, .ui-accordion-content {	
	font-size:14px;
	line-height:20px;
	border:1px solid #eee;
	padding:15px 20px;
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background-color: #eee;
	background-image: url(../images/arrow-up.png);
background-repeat: no-repeat;
background-position: 75px 30px;
	}
	
	
.over {
	background: #eee;
	}
	
	
/* Content slider style */

.list_carousel {
				border-top:1px solid #eee;
				text-align:left;
			}
	
.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}

.list_carousel li {
				height:450px;
				color: #999;
				padding: 25px 10px;
				display: block;
				float: left;
				overflow-y: auto;
			}
			
.nav_arrows {
	background: #fff;
height: 500px;
padding-top: 225px;
}

.nav_arrows.left {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
border-left: 1px solid #eee;
}

.nav_arrows.right {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
border-right: 1px solid #eee;
}

.nav_arrows:hover {
	background:#cde8f7;	
}

.nav_arrows img {
 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

.nav_arrows:hover img {
 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8;
}

.prev {
				display:block;
				text-align:center;
			}

.next {
				display:block;
				text-align:center;
			}

.pager {
				float: left;
				width: 100%;
				text-align: center;
				border-top:1px solid #eee;
				padding-top: 10px;
			}

.pager a {
				margin: 0 5px;
				text-decoration: none;
				color:#333;
			}
			
.pager a:hover {
	color:#777;	
}

.pager a.selected {
				text-decoration: underline;
			}

.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}
			
ul#foo2 {
	width: 780px !important;
height: 450px !important;
}			

.caroufredsel_wrapper {
	width: 800px !important;
height: 450px !important;	
}



/* Case Studies slider */

.list_carousel_casestudies {
				border-top:1px solid #eee;
				text-align:left;
			}
	
.list_carousel_casestudies ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}

.list_carousel_casestudies li {
				height:675px;
				color: #999;
				padding:15px 10px;
				display: block;
				float: left;
				overflow-y: auto;
			}
			
.list_carousel_casestudies .nav_arrows {
height: 675px;
padding-top: 300px;
}


.list_carousel_casestudies .nav_arrows.left {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
border-left: 1px solid #eee;
}

.list_carousel_casestudies .nav_arrows.right {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
border-right: 1px solid #eee;
}


.list_carousel_casestudies .prev {
				display:block;
				text-align:center;
			}

.list_carousel_casestudies .next {
				display:block;
				text-align:center;
			}



.list_carousel_casestudies .pager {
				float: left;
				width: 100%;
				text-align: center;
				border-top:1px solid #eee;
				padding-top:10px;
			}

.list_carousel_casestudies .pager a {
				margin: 0 5px;
				text-decoration: none;
				color:#333;
			}
			
.list_carousel_casestudies .pager a:hover {
	color:#777;	
}

.list_carousel_casestudies .pager a.selected {
				text-decoration: underline;
			}

.list_carousel_casestudies .timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}
			
.list_carousel_casestudies ul#foo2 {
	width: 780px !important;
height: 675px !important;
}			

.list_carousel_casestudies .caroufredsel_wrapper {
	width: 800px !important;
height: 675px !important;	
}





/* Home page slider */

.list_carousel_home {
				border-top:1px solid #eee;
				text-align:left;
width: 403px;
margin-left: 40px;
			}
	
.list_carousel_home ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}

.list_carousel_home li {
				height:270px;
				color: #999;
				padding:15px 10px;
				display: block;
				float: left;
			}
			
.list_carousel_home .nav_arrows {
height: 220px;
padding-top: 95px;
width:40px;
}


.list_carousel_home .nav_arrows.left {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
border-left: 1px solid #eee;
float:left;
}

.list_carousel_home .nav_arrows.right {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
border-right: 1px solid #eee;
float:right;
}


.list_carousel_home .prev {
				display:block;
				text-align:center;
			}

.list_carousel_home .next {
				display:block;
				text-align:center;
			}



.list_carousel_home .pager {
				float: left;
				width: 100%;
				text-align: center;
				border-top:1px solid #efefef;
				padding-top:10px;
background: #cde8f7;
padding-bottom: 5px;
			}

.list_carousel_home .pager a {
				margin: 0 5px;
				text-decoration: none;
				color:#333;
			}
			
.list_carousel_home .pager a:hover {
	color:#777;	
}

.list_carousel_home .pager a.selected {
				text-decoration: underline;
			}

.list_carousel_home .timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}
			
.list_carousel_home ul#foo2 {
width: 320px !important;
height: 220px !important;
float: left;

}			

.list_carousel_home .caroufredsel_wrapper {
width: 320px !important;
height: 220px !important;	
}

h3.homepage {
margin: 0px 0px 20px 0px;
}

h3.homeslidedeck {
margin: 0px 0px 0px 40px;
background: #cde8f7;
border:1px solid #efefef;
padding: 10px;
width: 382px;
}

.home_left {
text-align:center;
}

.home_center {
padding-left:40px;
padding-right:40px;
}

.home_right {

}

.home_services_links {
width: 380px;
padding:12px 20px 4px 20px;
border: 1px solid #efefef;
}

.home_services_links h3 {
padding:8px 0px;
margin:0px;
}

.home_services_links h3 a {
margin-left:15px;
font-size:13px;
}

.home_services_links img {
margin-left:15px;
}


.open {
display:block !important;
}

.home_content {
margin-bottom:30px;
}


#backtotop {
	position: fixed;
	right:65px;
	bottom:50px;
	display:none;/*hid the button first*/
}
#backtotop a {
	text-decoration:none;
	border:0 none;
	display:block;
width: 50px;
height: 50px;
padding:4px;
background: #fff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-align:center;
}
#backtotop a:hover {
	opacity:.8; /*mouse over fade effect*/
	background:#ccc;
}

.clrb {
	clear:both;
}
#maindiv {
	width:700px;
	border:1px solid #999;
	margin:auto;
	padding:20px;
}

h3.homeprojects {
margin: 0px;
background: #cde8f7;
border:1px solid #efefef;
padding: 10px;
width: 400px;
}

#accordion {
	margin-top:20px;
}