/* CSS Document */
#topnav ul li#training a{
background:url(/images/bgnavitem.jpg) repeat-x 0 -66px;
color:#141613;
}

#topnav  ul li#training ul li a{
background:#2d90b7;	
color:#fff;	
}

.content{
width:100%;
padding:0;
float:none;	
position:relative;
overflow:hidden;
}

.sidebar {
display:none;	
}

.content #heading{
width:800px;
height:auto;
overflow:hidden;	
clear:both;
}

.content section{
height:360px;
overflow:hidden;
margin:10px 0 40px 0;
padding:10px 10px 15px!important;
border:1px dashed #09F;
border-radius:10px;
-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:5px;
-webkit-border-radius:10px;
background:#fff;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
}


section img{
border:none;
float:left;
clear:left;
margin:10px 10px 10px 0;
padding:0;	
border:none;

}

section span.imgicon{
display:inline-block;
margin:10px 10px 10px 0;
padding:0;		
}


.content #dreamweaver, .content #photoshop, .content #fireworks,
.content #aftereffects, .content #html, .content #ajax,  
.content #mobileapps {
float:left;
clear:left;	
}


.content #flash, .content #illustrator, .content #premierepro, 
.content #css, .content #mobileweb, .content #wordpress {
float:right;
clear:right;	
}


.content #flash img, .content #illustrator img, .content #css img, 
.content #premierepro img,  .content #mobileweb img{
float:right;
clear:right;
margin:5px 0 10px 10px;	
}


.content h3{
font-weight: bold;
color: #FF7F00;
margin:5px 0 10px;	
}

.content section h3 {
margin:0 0 5px;
padding:0;	
}


#ios, #windows{
float:left;
clear:left;	
height:360px;
}


#android, #blackberry{
float:right;
clear:right;
height:360px;	
}

.content .intro {
margin: 10px 0px 20px -10px;
padding: 5px 10px 0px 10px;
clear: left;
float: left;
height: auto;
overflow: hidden;
line-height: 1.5em;
position: relative;
left: 0px;
top: 0px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
border: 1px dashed #009FFF;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}

.maincontent .content .noborder{
border:none;	
padding:0;
margin:40px 0 10px;
}

.content .intro p{
margin:10px 0 15px;	
}

.content #courseschedule{
width:760px;
height:auto;
overflow:hidden;
clear:both;
margin:10px 0 10px -10px;
padding:0;
}

.content form input.btnaddtocart {
color: #FFF;
background-color: #FF854A;
padding: 0px 15px;
height: 43px;
width:90px;
clear: right;
float: right;
text-align:center;
margin: 5px 2px 10px 0;
font: bold normal 12px/34px Verdana, Geneva, sans-serif;
border: 2px solid  #FF9F55;
border-radius:30px;
background: linear-gradient(top, #fff 0%, #FF854A 30%)
}

.content form input.btnaddtocart  {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-o-border-radius: 30px;
-webkit-appearance: none;

background: -webkit-gradient(linear, 0% 0%, 0% 30%, from(#fff), to(#FF854A));	
/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, #fff 0%, #FF854A 30%);
/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #fff 0%, #FF854A 30%);
/* IE 10 */
background: -ms-linear-gradient(top, #fff 0%, #FF854A 30%);
/* Opera 11.10+ */
background: -o-linear-gradient(top, #fff 0%, #FF854A 30%); 
*/
}

#courseschedule h2{
margin:5px 0;	
}

#courseschedule table{
margin:5px 0 10px;	
}


.content #courseoutline {
width:750px;
height:auto;
float:none;
margin:10px 0 0 -10px;
padding:0;
overflow:hidden;
text-align:left;
}


.content p, #courseoutline p{
margin:5px 0 15px;
padding:0;	
}


.content #courseoutline h3{
font: bold normal 1.2em/normal "Times New Roman", Times, serif;
color:#FF7F00;
text-transform:uppercase;
margin:20px 0 5px;
padding:0;
float:none;
clear:both;
}


.content #courseoutline ul{
margin:15px 0 15px 10px;
padding:0 0 0 10px;	
list-style:disc;
float:none;
clear:both;
color:#000;
}

.content #courseoutline ul li{
margin:0.15em 0em .75em 1em;	
}


.content #outline {
margin: 0px;
padding: 0px;
clear: both;
height: auto;
width: 100%;
background: url(/images/bgcourseoutline.gif) repeat-y 0px 0px;
overflow:hidden;
}

 

.content #outline ol{
list-style:none;
margin: 0px 0 0 10px;
padding: 0px;
font-size:1em;
}


#outline ol li h3{
margin: 0 0 5px;
padding: 0px;
font-size:1.2em;
}


#outline ol li{
margin: 0;
padding:0;
}

.content #outline ol ul{
color: #000;
margin: 0em 0px 2em 2em;
padding: 0px 0px 0px 1em;
}

#outline ol ul li{
margin: 0.2em 0em 0.3em;
padding: 0px;
font-size:0.8em;
}


#outline .column1{
float:left;
clear:left;
width:315px;
margin:0px 15px 0px 0px;
padding:0;
display: inline;
height: auto;
}

#outline .column2{
float:left;
clear:none;
width:315px;
margin:0 15px 0 0;
padding:0;
display: inline;
}

#outline .column3 {
float:left;
clear:right;
width:300px;
margin:0;
padding:0;
display: inline;
height: auto;
}

#toplist{
width: 550px;
overflow: hidden;
list-style: disc;
margin: 0px 0px 10px 15px;
padding: 0px 0px 0px 15px;
clear: right;
position: relative;
left: 0px;
top: 0px;
float: left;
line-height: normal;
}

#toplist li {
margin: 0.5em 0em 1em;
padding: 0px;
left: 0px;
top: 0px;
position: relative;
}

.content h2{	
padding:0;
}

.content h2:first-letter{
/*font-size:1.6em;	*/
}

.content #ios{
background:#fff url(/logos/apple_logo.jpg) no-repeat 435px 335px;	
}

.content #android{
background:#fff url(/logos/android_logo.jpg) no-repeat 435px 337px;	
}

.content #windows{
background:#fff url(/logos/windows_logo.jpg) no-repeat 430px 340px;		
}

.content #blackberry{
background:#fff url(/logos/blackberry_logo.jpg) no-repeat 435px 347px;	
}

.content #courseschedule, .content #courseoutline{
border:none;
border-radius:0;
-moz-border-radius:0;	
}

.content .intro a, .content .intro a:visited{
color:#069;
text-decoration:none;
}

.content .intro a:hover{
text-decoration:underline;	
}


/* ========================================= */
#aeicon{
background:url(/logos/after_effects_cs6.jpg) no-repeat 0 0;
width:150px;
height:231px;
}


#cssicon{
background:url(/logos/css3.jpg) no-repeat 0 0;
width:150px;
height:169px;
}

#dwicon{
background:url(/logos/adobe/dreamweaver_cs6.jpg) no-repeat 0 0;
width:150px;
height:231px;
}

#fwicon{
background:url(/logos/adobe/fireworks_cs6.jpg) no-repeat 0 0;
width:150px;
height:231px;
}

#flicon{
background:url(/logos/adobe/flash_cs6.jpg) no-repeat 0 0;
width:150px;
height:231px;
}

#htmlicon{
background:url(/logos/html5.jpg) no-repeat 0 0;
width:150px;
height:170px;
}

#ilicon{
background:url(/logos/adobe/illustrator_cs6.jpg) no-repeat 0 0;
width:150px;
height:231px;
}

#idicon{
background:url(/logos/adobe/indesgin_cs6.jpg) no-repeat 0 0;
width:150px;
height:231px;
}

#jsicon{
background:url(/logos/javascript_jquery.jpg) no-repeat 0 0;
width:150px;
height:207px;
}

#mobwebicon{
background:url(/logos/iphone_4.jpg) no-repeat 0 0;
width:102px;
height:200px;
}


#phpicon{
background:url(/logos/php.jpg) no-repeat 0 0;
width:150px;
height:79px;
}

#psicon{
background:url(/logos/adobe/photoshop_cs6.jpg) no-repeat 0 0;
width:150px;
height:230px;
}

#wpicon{
background:url(/logos/wordpress.jpg) no-repeat 0 0;
width:150px;
height:150px;
}

#pricon{
background:url(/logos/premiere_pro_cs6.jpg) no-repeat 0 0;
width:150px;
height:232px;
}

.content section{
width:460px;
}

 .content .intro { width:650px;}
 
/* ========================================= */