body {
background-color: white;
border: 0;
padding: 0;
margin: 0;
}

#sidebar {
width: 300px;
background-color: white;
float: left;
}

#main-logo {
margin-left: 75px;
margin-top: 50px;
margin-bottom: 30px;
}

#phone-block {
font-family: 'Oswald', sans-serif;
font-size: 24px;
color: #1173BA;
text-align: center;
margin-bottom: 20px;	
}

/*************************
LEFT NAVIGATION AREA
*************************/

#left-nav {
border-top: 1px solid #666666;
}

.left-nav-link {
border-bottom: 1px solid #666666;
width: 300px;
height: 30px;
padding-top: 10px;
padding-bottom: 10px;
background-image: none;
text-align: center;
cursor: pointer;
font-family: 'Oswald', sans-serif;
font-size: 18px;
color: #666666;
}

.left-nav-link a {
text-decoration: none;
color: #666666;
}

.left-nav-link:hover {
background-image: url('../images/nav-hover-bg.png');
background-repeat: repeat-y;
background-position: right top;
background-color: #DDDDDD;
}

.left-nav-link:hover a {
color: #1173BA;
}

#nav-active {
background-image: url('../images/nav-hover-bg.png');
background-repeat: repeat-y;
background-position: right top;
background-color: #DDDDDD;
}

#nav-active a {
color: #1173BA;
}

#icon-links {
margin-top: 20px;
padding-left: 45px;
float: left;
}

.icon-link {
float: left;
padding-left: 10px;
width: 40px;
}

/*************************
MAIN CONTENT AREA
*************************/

#main-content {
background-color: #222222;
margin-left: 300px;
border-left: 1px solid black;

}

#video-block {
width: 100%;
height: 500px;
overflow: hidden;
margin: 0;
}

#main-video {
width: 100%;
margin: 0;
}

#video-title-block {
position: absolute;
top: 200px;
width: 80%;
text-align: center;
overflow: hidden;
left: 300px;
}

#video-title-1 {
font-size: 64px;
text-align: center;
color: white;
font-family: 'Oswald', sans-serif;
}

#video-title-2 {
font-size: 48px;
text-align: center;
color: white;
font-family: 'Oswald', sans-serif;
}

#video-title-3 {
margin-top: 10px;
font-size: 36px;
text-align: center;
color: white;
font-family: 'Oswald', sans-serif;
}

#service-1-highlight {
color: cyan;
padding-left: 10px;
padding-right: 10px;	
}

#service-2-highlight {
color: lime;
padding-left: 10px;
padding-right: 10px;	
}

#service-3-highlight {
color: pink;
padding-left: 10px;
padding-right: 10px;	
}

#home-services-logos {
margin-top: 40px;	
}

#home-services-logos img {
height: 70px;
margin-right: 40px;
border: 1px solid black;	
}

#home-services-logos img:hover {
border: 1px solid lime;	
}

#main-content-block {
background-color: #222222;
color: white;
padding: 10px 30px 30px 30px;
}

#main-content-block h1 {
font-size: 36px;
text-align: center;
font-family: 'Lora', serif;
}

#main-content-block p {
margin: 0;
padding-top: 20px;
font-family: 'Lora', serif;
font-size: 24px;
}

#main-content-block li {
font-family: 'Lora', serif;
font-size: 24px;
}

#main-content-block a,
#main-content-block a:visited {
font-family: 'Lora', serif;
font-size: 24px;
color: white;
}

/*********************
custom gradient start
*********************/

.gradient {
    background-color: #094065;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMxMTczYmEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzEwNmRiMCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%,color-stop(0, rgb(17, 115, 186)),color-stop(1, rgb(16, 109, 176)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(top left,rgb(17, 115, 186) 0%,rgb(0, 13, 16) 106.1%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to bottom right,rgb(17, 115, 186) 0%,rgb(0, 13, 16) 106.1%);
    background-image: -ms-repeating-linear-gradient(top left,rgb(17, 115, 186) 0%,rgb(0, 13, 16) 106.1%);
}
 
/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff1173ba",endColorstr="#ff000d10",GradientType=0);
    }
}

/*********************
custom gradient end
*********************/

.learn-more {
height: 50px;
vertical-align: middle;
}

.learn-more:hover {
border: 3px solid orange;
margin-left: -3px;
}

#home-call-to-action {
color: yellow;
font-family: 'Lora', serif;
font-size: 30px;
margin-top: 10px;
width: 400px;
display: inline-block;
vertical-align: middle;
padding-left: 100px;	
}

#home-call-to-action:hover {
color: lime;
cursor: pointer;	
}

#home-microsoft-cert {
width: 220px;	
display: inline-block;
vertical-align: middle;
text-align: center;
background-color: white;
margin-left: 200px;
}

#home-microsoft-cert:hover {
border: solid 1px lime;	
}

#home-microsoft-cert img {
width: 200px;
background-color: white;	
}

/**********************
videos page styling
**********************/

#videos-header {
font-size: 36px;
text-align: center;
font-family: 'Lora', serif;
color: white;
}

#featured-video {
margin: auto;
text-align: center;
}

#featured-video iframe {
border: 3px solid white;
width: 55%;
height: 500px;	
}

#featured-video-title {
font-size: 24px;
text-align: center;
font-family: 'Lora', serif;
color: white;	
}

#featured-video-date {
font-size: 20px;
text-align: center;
font-family: 'Lora', serif;
color: white;
margin-top: 10px;		
}

.video-library {
margin: auto;
text-align: center;
width: 90%;	
}

.video-year-header {
font-size: 24px;
text-align: center;
font-family: 'Lora', serif;
color: white;
margin-top: 10px;
margin-bottom: 10px;
text-deocation: underline;
background-color: #333;	
}

.video-block {
width: 600px;
display: inline-block;
text-align: center;
margin-bottom: 20px;
}

.video-block iframe {
margin: auto;
text-align: center;	
}

.video-block-title {
font-size: 20px;
text-align: center;
font-family: 'Lora', serif;
color: white;		
}

.video-block-date {
font-size: 20px;
text-align: center;
font-family: 'Lora', serif;
color: white;
margin-top: 10px;
}