/*
Last update: 09/11/22
1.Layout
2.Text
3.Content
4.Animation
5.Mobile

https://coolors.co/095086-3ea3f0-8fb7d5-edeff1-cccccc-717171-333333-ef4130
*/


.cufon-loading h2, .cufon-loading h3, .cufon-loading h4 { 
	visibility: hidden !important;
}

* {
	margin:0;
	padding:0;
	border:0;
	border:none;
	font-family:'Jost', Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	box-sizing:border-box;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {	
	display:block;
} /* html5 */

img {
	border:none;
}

body {
	background-color:#CCC;
	color:#333;
} /* Light Gray *//* Jet */

table { 
	border-collapse:collapse; 
}


/* Layout *//* Layout *//* Layout *//* Layout *//* Layout *//* Layout */
/* Layout *//* Layout *//* Layout *//* Layout *//* Layout *//* Layout */


#wrapper {
	width:100%;
	max-width:1350px;
	margin-left:auto;
	margin-right:auto;
}

#content {
	width:90%;
	margin-right:5%;
	margin-left:5%;
}

header {
	padding-top:20px;
	padding-bottom:30px;
	text-align:center;
}

#logo_box {
	margin-left:auto;
	margin-right:auto;
	width:390px;
	height:130px
}

#left_column {
	float:left;
	width:30%;
	margin-left:5%;
	vertical-align:top;
}

#right_column {
	float:right;
	width:60%;
	margin-right:5%;
	vertical-align:top;
}

#bottom_corner {
	z-index:-1;
	width:152px;
	height:117px;
	position:fixed !important;
	bottom:0 !important;
	left:0 !important;
	background-image:url(../images/tidal_sphere_corner.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	opacity:0.4;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}


/* Text *//* Text *//* Text *//* Text *//* Text *//* Text *//* Text */
/* Text *//* Text *//* Text *//* Text *//* Text *//* Text *//* Text */


p {
	color:#333;
	font-size:18px;
	line-height:1.7em;
	padding:0 0 10px 0;
} /* Jet */

h1 {
	font-family:'Jost';
	color:#095086;
	font-size:32px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	border-bottom:thin solid;
	border-color:#8FB7D5;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
} /* USAFA Blue *//* Pale Cerulean */

h2 {
	color:#333;
	padding:5px 0px 5px 15px;
	font-size:20px;
	letter-spacing:1px;
	line-height:1.6em;
	font-weight:normal;
} /* Jet */ 

h2#error {
	background-color:#095086;
	margin-bottom:100px;
} /* USAFA Blue */

h2 a {
	color:#EDEFF1;
} /* Cultured */

h2:hover {	
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
	cursor:pointer;
}

h3 {
	color:#095086;
	font-size:18px;	
	letter-spacing:1px;
	font-weight:normal;
	line-height:1.3;
	padding:0px 0px 5px 0px;
}  /* USAFA Blue */  

h4 {
	color:#333;
	font-weight:normal;
	margin-top:20px;
} /* Jet */

.graphic_list {
	margin:0 0 0 15px;
}

.graphic_list li {
	list-style-image: url(../images/bullet.png);
	font-size:18px;
	line-height:1.6em;
	margin:0 0 10px 0; 
    padding:0 0 0 5px;
}

#contact {
	padding-bottom:10px;
}

#contact li {
	font-size:16px;
	color:#095086;
	line-height:1.7;
	list-style-type:none;
	letter-spacing:1px;
}  /* USAFA Blue */

li span.hide {
	display:none;
}

.button {
	color:#333;
	background-color:#8FB7D5;  
	font-size:16px;
	letter-spacing:1px;
	text-align:left;
	text-decoration:none;
	display:block;
	width:120px;
	padding:7px 12px;
	margin-top:10px;	
} /* Jet *//* Pale Cerulean */

.button:hover {
	background-color:#EDEFF1;
} /* Cultured */


/* Content *//* Content *//* Content *//* Content */
/* Content *//* Content *//* Content *//* Content */


#profile {
	-moz-border-radius:15px;
	border-radius:15px;
	margin-bottom:10px;
}

#profile_mobile {
	-moz-border-radius:15px;
	border-radius:15px;
	margin-bottom:10px;
	display:none;
}

.sample, .sample_photo, .screenshot {
	position:relative;
	z-index:1;
	width:200px;
	border:1px solid #717171;
	padding:5px;
	margin-bottom:0px;
	background-color:transparent;
} /* Sonic Silver */

.screenshot {
	margin-bottom:10px;
}

.sample:hover, .sample_photo:hover, .screenshot:hover {
	cursor:pointer;
	background-color:#EDEFF1;
} /* Cultured */

#title_home:hover {
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
	cursor:pointer;
}

#content_web, #content_photo, #content_brand, #content_home {
	padding:24px 0 24px 0;
}

#column1_web, #column1_photo, #column1_brand,
#content_web, #content_photo, #content_brand {
	display:none;
}


/* Animation *//* Animation *//* Animation */
/* Animation *//* Animation *//* Animation */


#web_window_qj, #web_window_cep, #web_window_ug {
	position:absolute;
	top:75px;
	display:none;
	z-index:200;
    text-align:left;
    left:50%;
	margin-left: -350px;
	width:700px;
}

#background {
	background-color:#000;
	position:absolute;
	z-index:101;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.presentation_image {
	width:360px;
	padding:5px;
	border:1px solid #EDEFF1;
	display:inline-block;
} /* Cultured */


.newsletter_image {
	width:155px;
	padding:5px;
	margin-bottom:10px;
	border:1px solid #EDEFF1;
} /* Cultured */

.logo_image {
	width:155px;
	padding:5px;
	border:1px solid #EDEFF1; 
} /* Cultured */

.email_image {
	width:155px;
	padding:5px;
	margin-bottom:10px;
	border:1px solid #EDEFF1; 
} /* Cultured */

.print_image {
	width:155px;
	padding:5px;
	border:1px solid #EDEFF1; 
} /* Cultured */

.photography {
	padding:5px;
	border:1px solid #EDEFF1; 
} /* Cultured */

.presentation_image:hover, .newsletter_image:hover, .email_image:hover, .print_image:hover, .logo_image:hover, .photography:hover {
	padding:5px;
	border:1px solid #3EA3F0;
} /* Blue Jeans */

#presentation_samples_window, #print_samples_window, #video_samples_window, #photo_samples_window {
	position:absolute;
	top:40px;  
	z-index:200;
	background-color:#EDEFF1;
	display:none;
	padding:20px 0 20px 20px; 	
    text-align:left;
    left:50%;
} /* Cultured */

#presentation_samples_window {
	width:770px;
	margin-left:-385px;
}

#print_samples_window {
	width:400px;
	margin-left:-200px;
}

#video_samples_window {
	width:560px;
	margin-left:-280px;
} 

#video_samples_window iframe, #video_samples_window video {
	margin-top:10px; 
	margin-right:10px;
}

#photo_samples_window {
	width:610px;
	margin-left:-305px;
} 







/* For Mobile *//* For Mobile *//* For Mobile *//* For Mobile *//* For Mobile */
/* For Mobile *//* For Mobile *//* For Mobile *//* For Mobile *//* For Mobile */
@media only screen and (max-width: 980px) {


html, body {
  position:relative;
  overflow:auto;
}	
	
header {
	padding-bottom:5px;
	text-align:center;
}
	
header img {
	width:300px;
}
	
#title_home:hover, .button {
	opacity:1.0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	cursor:pointer;
}

#right_column {
	float:none;
	width:100%;
	margin-right:0;
	vertical-align:top;
}
	
#left_column {
	float:none;
	width:100%;
	margin-left:0;
	clear:both;
	vertical-align:top;
}
	
h1 {
	font-size:26px;
	text-align:center;
}
	
h2:hover {	
	opacity: 1.0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	cursor:pointer;
}
	
.graphic_list li {
    padding-left:15px;
}
	
#contact li {
	font-size:18px;
	line-height:1.5;
}
	
.button {
	display:inline-block;
	width:auto;
	margin:0 5px 0 0;
	padding:5px 8px;
	letter-spacing:normal;
}
	
.button:last-child {
	margin-right:0;
}
	
.button:hover {
	background-color:#8FB7D5; 
} /* Pale Cerulean */
	
#profile {
	display:none;
}

#profile_mobile {
	display:inline-block;
	float:left;
	margin-right:20px;
}
	
#left_column h3 {	
	text-align:center;
	padding-top:10px;
}
	
#left_column h3:last-child {	
	padding-bottom:55px;
}
	
#column1_web img:last-child {
	margin-bottom:45px;		
}
	
#column1_brand img, #column1_photo img, #column1_web img {	
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.screenshot_image {
	width:400px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#video_samples_window {
	width:290px;
	margin-left:-145px;
} 

#video_samples_window iframe:last-child {
	display:none;
}

#presentation_samples_window {
	width:400px;
	margin-left:-200px;
}
	
#presentation_samples_window div a:last-child {
	display:none;
}



}