/*=======================================================================
-- IAM-THE INSTITUTE OF ADVANCED MEDIA - WWW.IAMTRAINING.COM
-- VANCOUVER, BC, CANADA
-- CREATED BY: LINH T. NGUYEN - LINHBURIN@YAHOO.COM
-- CREATED DATE: FEB 1, 2010
-- LAST UPDATE: FEB 17, 2010
=======================================================================*/

/*********************
	INDEX
*********************/
/*--- CONTENT-CENTER ---*/
.home_centerBox{
	width: 373px;	
	text-align:center;
	
}
.home_dynBox{
	height: 420px;
	background: #FFF url(../images/general/bg_dyn_box.gif) top left no-repeat;
}
.rotate_img{
	padding: 10px 0px 0px 0px;
}

.rotate_num{
	width:112px;
	height: 25px;
	position:relative;
	top: -300px;
	left: 255px;
}
.rotate_num span{
	width: 28px;
	height: 20px;
	position:relative;
	top: 0px;
	left:0px;
	float:left;
	background-color: #d2007c;	
	margin: 0px 5px 0px 0px;
	padding: 5px 0px 0px 0px;
}
.rotate_num a{
	font-weight:bold;
	color: #FFF; 
}

.dynBox_btmImg{
	float:left;
	margin: -20px 0px 1px 0px;
}

.home_dynBox_btmDiv{
	height:70px;
	text-align:left;
	padding: 8px 5px 10px 10px;
	/*overflow:hidden;*/
	font-size: 11px;
	background: url(../images/general/dyn_box_btm_bg.gif) top left repeat-x;	
}
.home_dynBox_btmDiv a{	
	float:left;
	margin: 2px 0px 0px 0px;	
}


/*--- CONTENT-RIGHT ---*/
.home_rightBox{
	width: 448px;
}
.home_dynBox_right{
	margin: 0px 0px 5px 0px;
	background: url(../images/general/bg_dyn_box_right.png) top left no-repeat;	
}
.home_dynBox_right img{
	margin: 33px auto;	
}
.home_dynBox_right div{
	width: 410px;
	color: #434445;
	margin: -35px 0px 15px 30px;	
}
.home_dynBox_right a.readMore{
	font: 23px Tahoma, Geneva, sans-serif;
	color: #68c1ff;
	margin: 0px 0px 5px 15px;
}


.home_hightLightBox{
	margin: 0px auto;	
}
.line_home{
	height: 5px;
	background: url(../images/general/dot_line_home.gif) top left no-repeat;	
}

.hl_box{
	width: 410px;
	margin: 5px 0px 10px 0px;
}
.hl_box a h3{
	font: bold 22px Tahoma, Geneva, sans-serif;
}
.hl_box img{
	float:left;
	margin: 5px;
}
.hl_box div{
	margin: 6px auto;
}

.hl_box_left{
	width: 210px;
	float:left;
	margin: 10px 15px 0px 0px;	
}
.hl_box_right{
	width: 210px;
	float:left;
	margin: 10px 5px 0px 5px;	
}

.hl_box_left a h3, .hl_box_right a h3{	
	font: 18px Arial, Helvetica, sans-serif;
	color: #cc0005;	
}

/*--- CONTENT-BOTTOM ---*/
.home_bottomBox{
	height: auto;
	margin: 15px auto;
	background: url(../images/general/bg_body_content_btm.png) top left repeat-x;
}

.btm_left{
	width: 350px;
	float:left;
	margin: 25px 0px 0px 20px;
}
.talkBox{
	width: 348px;
	height:183px;
	margin: 10px 0px 0px 0px;
	background: url(../images/general/bg_talk_box.png) top left no-repeat;	
}
.talkBox div{
	width:auto;
	height: 110px;	
	overflow:hidden;
	padding: 12px 0px 0px 0px;
}
.talkBox img{
	margin: 3px 13px 10px 15px; 
	float:left;
}
.talkBox p{
	width: 200px;
	height:100px;	
	color: #64645e;
	overflow:hidden;
}
.talkBox div a{
	color: #005f7a;
	float:right;
	margin: 0px auto;
}


.view_testitimonials{	
	float:left;
	margin: -45px 20px 0px 25px;
}
.view_testitimonials a{
	color: #6ea47f;	
	font-size: 14px;
}

.shortcuts{
	color: #5b2786;
	float:right;
	margin: -45px 5px 0px 0px;
}
.shortcuts a{
	color:#686868;	
}

.facebook_fan{
	margin: 10px auto;
}

.btm_right{
	width: 600px;
	float:right;
	margin: 25px 0px 0px 20px;
}
.bottom_line{
	width: 100%;
	height: 5px;
	margin: 5px 0px 5px 0px;
	background: url(../images/general/dot_line_body_content_btm.png) top left repeat-x;
}

.gallery_top{
	width: 580px;
	height:37px;
	overflow:hidden;
}
.viewGallery{
	float:right;
	font-size: 14px;
	margin: 20px 0px 0px 0px;
}

.gallery_thumb{
	width: 575px;
	margin: 5px 0px 10px 5px;
	text-align: center;
}

.gallery_photo .gallery_thumb{
	height: 100px;
	background:url(../images/general/bg_gallery_thumb.gif) top left no-repeat;	
}
.gallery_photo .gallery_thumb img{
	margin: 10px 5px 0px 5px;	
}
.gallery_photo .viewGallery a,.viewG_right a{
	color: #4096ee;
}

.gallery_studentW .gallery_thumb{
	height:85px;
	background:url(../images/general/bg_work_thumb.gif) top left no-repeat;
}
.gallery_studentW img{
	margin: 11px 5px 0px 5px;
} 
.gallery_studentW .viewGallery a, .viewWork_right a{
	color:#8d1e07;
}
.simpleBox{
	margin: 10px 0px 5px 0px;
}
.simpleBox p{
	padding: 10px 10px 5px 5px;	
}

.simpleBox a{
	vertical-align:bottom;
	margin: 0px 20px 0px 0px;
}

/*********************
	INTERNAL PAGES
*********************/
.internal_centerBox{
	width: 465px;
	padding: 0px 0px 0px 10px;
}

.internal_rightBox{
	width:310px;
	margin: -4px 0px 10px 0px;
}


/*********************
	PAGE - RIGHT SITE 
*********************/
.gallery_right{
	margin: 0px 0px 15px 0px;	
}

.title_line_topR{
	height:5px;
	margin: 0px 0px 5px 0px;
	background: url(../images/general/dot_line_right_title.png) top left repeat-x;	
}
.title_line_topR_second{
	height:5px;
	margin: 7px 0px 5px 0px;
	background: url(../images/general/dot_line_right_title.png) top left repeat-x;
}

.g_thumb_right{
	width: 300px;
	text-align:center;
	margin: 5px 0px 5px 0px;
	background: url(../images/general/bg_gallery.png) top left repeat-x;
}
.g_thumb_right a img{
	margin: 7px 10px 7px 10px;
}

.viewG_right, .viewWork_right{
	font-size: 14px;
}

.sWork_thumb_right{
	width: 290px;
	text-align:center;
	margin: 5px 0px 5px 0px;
	padding: 5px;
	background: url(../images/general/bg_swork.png) top left repeat-x;
}
.sWork_thumb_right img{
	margin: 5px 5px 5px 5px;	
}


.page_searchBox{
	width: 93%;
	font-size: 14px;
	font-weight: bold;
	color: #3b8902;
	padding: 10px;
	clear:both;
	background-color: #e4fdd1;
	border: 1px dashed #bed3b8;	
	margin: 5px 0px 5px 0px;
}
.page_searchBox input[type=submit]{
	color: #FFF;
	background-color: #519b1b;
	border: 1px solid #458b12;	
}

input#sendMsg{
	color: #FFF;
	background-color: #11a1aa;
	border: 1px solid #0d969f;
}

/*--- GALLERY ---*/
.page_gallery{
	margin: 10px 0px 15px 0px;	
		
}

/* Student Works */
ul.gallery_column{
	width: 100%;
	padding: 0px;
	margin: 10px 0px 20px 0px;
	list-style: none;
}
ul.gallery_column li {
	float: left;
	width: 120px;
	padding: 0px;
	margin: 5px 0px;
	display: inline;
}
.gallery_block {
	height: 190px;
	margin-right: 10px;
	padding: 4px;
	background: #edece6;
}
.gallery_block img {
	width: 91%; 
	padding: 3%;
	background:#fff;
	margin: 0 auto;
	display: block;
}


/* Photo Gallery */
ul.p_gallery_column{
	width: 100%;
	padding: 0px;
	margin: 10px 0px 20px 0px;
	list-style: none;
}
ul.p_gallery_column li {
	float: left;
	width: 150px;
	padding: 0px;
	margin: 5px 0px;
	display: inline;
}
.p_gallery_block {
	height: 100px;
	margin-right: 10px;
	padding: 4px;
	background: #edece6;
}
.p_gallery_block img {
	width: 95%; 
	padding: 3%;
	background:#fff;
	margin: 0 auto;
	display: block;
}


/*--- GALLERY THUMB - PHOTO ---*/
#j_preview{
	position:absolute;
	background:#333;
	padding:6px;
	display:none;
	color:#fff;
}
#j_preview img{
	margin: 0px 0px 5px 0px;	
}


/*--- PROGRAM LIST ---*/
ul.prog_column{
	width: 100%;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	list-style-position:inside;
}
ul.prog_column li {
	float: left;
	width: 49%;
	padding: 2px 2px 0px 0px;
	margin: 2px 0px;
}


/*--- TESTIMONIALS ---*/
#testimonials{
	margin: 0px 0px 3px 0px;
	background-color:#e3f0f3;
}

#testimonials .AccordionPanelTab{
	background: none;
	border-top: 1px dashed #09C;
	border-bottom: none;
	border-right: none;
	border-left: none;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 0px 5px 5px;
}

#testimonials .AccordionPanelContent{
	overflow:hidden;
	margin: 3px 0px 5px 0px;
	padding: 0px 15px 5px 15px;
}
#testimonials img{
	float:left;
	margin: 3px 10px 5px 0px;
}

#testimonials .t_video{
	margin: 5px 0px 0px 10px;	
}
#testimonials .viewMore{
	float:right;
	font-style: italic;
}


/*--- FAQ ---*/
#faq .AccordionPanelTab{
	background-color: #dae7f1;	
	font-weight:bold;
}



.icon_player{
	float:right; 
	margin: -1px 5px 0px 5px;
}

.style1{
	color: #099;
	font-weight:bold;
}

.hightlight_box1{
	margin-left: 13px;
	font-size: 11px;	
	width: 380px;
	padding: 12px;	
	line-height: 20px;
	background-color: #e3f3f2;
}

.divide_line{
	border-bottom: 1px dashed #096;
}

/*-------- Partners -----------*/
#partners .AccordionPanelTab{
	background: none;
	border-bottom: 1px dashed #a9b7b6;
	border-top: none;
	border-right: none;
	border-left: none;
	color: #05aaa0;
	font-weight: bold;
	font-size: 13px;
	padding: 5px 0px 5px 5px;
}

#partners .AccordionPanelContent{
	overflow:hidden;
	margin: 3px 0px 5px 0px;
	padding: 0px 15px 5px 15px;	
	border-bottom: 2px solid #a9b7b6;
}
#partners img{
	text-align: center;
	margin: 3px auto;
}