@charset "utf-8";
/* CSS Document for www.awtye.com */
/* Copyright 2015. Andrew Tye. All rights reserved. */
/* 	Borders: #CCCCCC (page background)
		Text Links: #2598dd #00aced
		Footer Text: #7d7d7d
		Footer Border: #959595 (50%)
		Box Border (hover): #636363 (70%)
*/

*{margin:0;padding:0}

body {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #CCCCCC;
	background-image:url(../images/bg_25grey.png);
	background-repeat:repeat-x;
	text-align:center;
}

.container {
	height: 100%;
	margin: 0%;
	width: 100%;
	/* These three lines are for transparency in all browsers. 
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity:1.0;*/
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #CCCCCC;
	background-image:url(../images/bg_25grey.png);
	background-repeat:repeat-x;
	position:absolute;
}

#menubar{
	margin-left: 16%;
	width:68%;
	margin:auto;
	position:relative;/**/
	padding:0px;
}

#header{
	height:auto;
	text-align: center;
  position:relative;/**/
	margin:0% auto 2% 20%;
	width:60%;
	padding:0%;
	/*-webkit-box-shadow: #e7e7f5 0px 0px 5px;
	background-color:#FFF;
	background-image:url(../images/header.png);
	background-position: center;
	background-repeat:no-repeat;*/
	
	/* These three lines are for transparency in all browsers. */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity:1.0;
}

.content {
	min-height: 32%;
	margin-left: 16%;
	width:64%;
	/*margin:10px 0px 10px 0px;*/
	padding:2%;
	-webkit-box-shadow: #959595 0px 0px 5px;
	background-color:#FFF;
	font-size:14px;
	text-align:justify;
	position:relative;/**/
	overflow:hidden;
}

#displayL{float:left; margin: 1% 0% 1% 16%;}
#display{ float:left; margin: 1% 0% 1% 1%;}
#displayR{float:left;	margin: 1% 0% 1% 1%;}
#displayL:hover, #display:hover, #displayR:hover {cursor:pointer; -webkit-box-shadow: #636363 0px 0px 5px;}
#displayL a, #display a, #displayR a { text-align:center; vertical-align:middle; border:none; height: 100%;}
#displayL img, #display img, #displayR img { margin:0px;}
#displayL, #display, #displayR { 
	width:12.8%;
	max-height:132px;
	height: 132px;
	padding:0%;
	-webkit-box-shadow: #959595 0px 0px 5px;
	background-color:#FFF;
	font-size:14px;
	text-align:center;
	position:relative;/**/
	overflow:hidden;
}

#nav_top{
	position:relative;
	padding:0px 0px 0px 0px;
	margin:2% 0px 2% 0px;
	width:100%;
	height:33px;
	background-color:#959595;
	border: 1px solid #959595;
	overflow:hidden;
}

.last {
	padding:4px 10px 8px 10px;
	color:#FFF;
	width:auto;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	text-align:right;
	background-image:url(../images/btn2.jpeg);
	background-repeat:repeat-x;
}

.content p{
	padding: 1% 0 0 0;
}

#footer{
	position:relative;
	margin: 4% 0 0 0;
	width:68%;
	font-size:9px;
	color:#3b302a;
	text-align:center;
	border-top: 1px solid #959595;
	padding: 2% 16% 2% 16%;
	background-color: #CCC;
}

#footermenu {
	margin: 10px 0px 0px 0px;
	padding: 0% 1% 0% 1%;
	vertical-align: middle;
	border-top: #959595 thin solid;
	border-bottom:#959595 thin solid;
	font-size:10px;
	color:#7d7d7d;
	width: 98%;
	height: 28px;
} 
#footercs {
	float:left;
	text-align:center;
	padding: 0px 0px 0px 0px;
	margin: 6px 0px 3px 0px;
	vertical-align: middle;
}
#footerlinks {
	float:right;
	text-align:center;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 4px 0px;
	vertical-align: middle;
} 
#footermenu a {color:#2598dd; font-weight:bold;}
#footermenu a:link {text-decoration:none;}
#footermenu a:visited {text-decoration:none;}
#footermenu a:hover {text-decoration:underline;}
#footermenu a:active {text-decoration:none;}

.footermenuActive {
	text-decoration:none;
	color:red;
}
#footermenu td {
	padding: 4px 5px 4px 5px;
	border-right: #959595 thin solid;
}

.footer #copyright {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	font-size:10px;
	
}
.copyright {
	color:#7d7d7d;
	font-size:10px;
	width:60%; 
	text-align:center;
} 

#greyLink a, #greyLink a:link, #greyLink a:visited, #greyLink a:active { color:#666; text-decoration:none; font-size:10px; }
#greyLink a:hover { color:#666; text-decoration:underline; font-size:10px; }

#hosting { float:right; display:inline-table; margin: 0px 120px 0px 0px; padding: 10px 0px 0px 0px; height:auto;}

#header a{
	display:block;
	border:none;
	text-decoration:none;
	cursor:pointer;
}

#nav_top a, #nav_top a:link, #nav_top a:visited, #nav_top a:active{
	padding:9px 10px 7px 10px;
	color:#FFF;
	display:inline-block;
	width:auto;
	text-decoration:none;
	font-weight:normal;
	outline:none;
	float:left;
	font-size:13px;
	border-right: thin solid #959595 ;
	background-image:url(../images/btn2.jpeg);
	background-repeat:repeat-x;
}

#nav_top a:hover {
	padding:9px 10px 7px 10px;
	color:#000;
	display:inline-block;
	width:auto;
	text-decoration:none;
	font-weight:normal;
	outline:none;
	float:left;
	font-size:13px;
	background-image:url(../images/btn3.jpg);
	background-repeat:repeat-x;
	border-right: thin solid #959595 ;
}


#footer a, a:link, a:visited, a:archive {color:#e7e7f5; text-decoration:underline;}
#footer a:hover {text-decoration:none;color:#3b302a;}

.round, #nav_top, .content{ border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
.leftBorderRound { border-radius: 4px 0px 0px 4px; -webkit-border-left-radius: 4px; -moz-border-left-radius: 4px; -o-border-left-radius: 4px; -khtml-border-left-radius: 4px; }

.clearAll {
	clear:both;
	display:block;
	height:1px;
	visibility:hidden;
}
ol {padding-left:30px;}
hr {
margin: 30px auto; width: 100%; text-align: center; border: none; height:1px; color: #cccccc; background-color: #cccccc;
}
#mc_embed_signup {
margin: auto;
text-align:left;
}
#mc_embed_signup_page {
margin: auto;
text-align:center;
}
#mc-embedded-subscribe {}
#mce-EMAIL {min-width: 47%;}
.smLink {margin: 2px 20px;}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  text-transform:uppercase;
}
.btn-main {
background-color: #2598dd;
color: #ffffff !important;
}
.btn-action {
background-color: #2598dd;
padding: 8px 16px;
line-height: 2;
margin: 16px 8px;
color: white !important;
border-radius: 6px;
font-weight: bold;
font-size:  18px;
}
.btn-other {
padding: 8px 16px;
line-height: 2;
margin: 16px 8px;
border-color: #cccccc;
border-radius: 6px;
font-weight: bold;
font-size:  18px;
}
.btn-search {margin-left:-49px;border-radius:0px !important;border-top-right-radius: 4px !important;border-bottom-right-radius: 4px !important;}

.btn:hover,
.btn:focus {
  color: #333 !important;
  text-decoration: none;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .125);
   box-shadow: 1px 1px 1px rgba(0, 0, 0, .125);
}

input, textarea {
  vertical-align: middle;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
   white-space: nowrap;
}
input.small {padding: 2px 4px !important; font-size:10px;}

#newsletter {line-height: 18px; width: 100%; padding: 2% 0; margin: 0 0 2% 0; background-color: #959595; color: white; text-align: center;}

#signup-moduleOLD {
border: 1px solid #ccc;
max-width: 500px; float: right; margin: auto; 
color: #333;
border-radius: 5px;
padding:10px;
}
#signup-module {
margin: 40px auto; 
color: #959595;
padding:20px;
text-align: center;
}
.border4 {border: 1px solid #ccdddc;}
.imgShadow {
box-shadow: 5px 5px 3px #cccccc;
-webkit-box-shadow: 5px 5px 3px #cccccc;
-moz-box-shadow: 5px 5px 3px #cccccc;
}




.full-video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 */
	margin-bottom: 20px;
}
.full-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.thumbnail {
    position: relative;
    width: 23%;
	margin: 1%;
	float: left;
	text-align: left;
}
.thumbnail:hover {
box-shadow: 1px 1px 1px #cccccc;
	-webkit-box-shadow: 1px 1px 1px #cccccc;
		-moz-box-shadow: 1px 1px 1px #cccccc;
background: rgba(0, 0, 0, 0.01);
cursor:pointer;
}

.thumbnail-desc {
	border: 1px solid rgb(240, 240, 240);
	margin: 0px;
	padding: 12px;
	font-size: 1em;
}
.thumbnail-about {
	border-top: 1px solid rgb(240, 240, 240);
	border-bottom: 1px solid rgb(240, 240, 240);
	margin: 6px 0px;
	/*background-image:url(../images/udemy_150.png);
	background-repeat:no-repeat;
	background-position: right top;
	background-size: 56px 56px;
	padding-right: 56px;*/
	font-size: 0.85em;
}


/*CONTACT and SOCIAL MEDIA*/
#facebook-page-fixed {
position:fixed;
right:0;
top: 200px;
margin-right: 20px;
}