/* styles.css
	This document contains elements that are used on specific pages.
*/


/* 1.0 Homepage */

    .pg_homepage .main_area p { margin-bottom: 26px; }
    .pg_homepage .main_area .heartbeat { margin-top: 35px; border: 1px solid #e50606 }

/* 2.0 About */

    .pg_about .main_area p { margin-bottom: 26px; width: 392px}
    .pg_about .main_area p.blu  { color: #01afdf}
    .pg_about .main_area .flyer { position: absolute; top: 53px; left: 474px; }

/* 3.0 Resources */

    .pg_resources .main_area p { margin-bottom: 26px; }
    .pg_resources .main_area li a  { display: block; display: block; }
    .pg_resources .main_area li { margin-bottom: 16px; background: url(/App_Images/ico_arrow_big.gif) no-repeat; line-height: 22px; padding-left: 50px; padding-top: 12px}

/* 4.0 Action */

    .pg_action #left_side .main_area p, .pg_action #left_side .main_area h2  { clear: both; margin-bottom: 19px; }
    .pg_action .main_area ul { margin-bottom: 20px; }
        .pg_action .main_area ul.up { margin-top: -25px; position: relative; min-width: 0}
    .pg_action .main_area li { margin-bottom: 5px; margin-left: 62px; background: url(/App_Images/ico_arrow_big.gif) no-repeat; line-height: 22px; padding: 12px 0px 11px 50px; }
        
        .pg_action .main_area li.sm { font-size: 15px; font-weight: bold; position: relative;}
    
    .pg_action .main_area .flyer { position: absolute; top: -54px; left: 447px; }    
    
    .pg_action #left_side .form { clear: both; float: left; width: 533px; display: inline; margin-left: 62px; position: relative; padding-bottom: 15px }

        .pg_action #left_side .txt, .pg_action #left_side .txtarea { float: left; background: #bfedfa; border: 1px solid #bfedfa; margin-bottom: 6px; font: normal 16px arial; color: #000; padding: 7px 5px; }
        
        .pg_action #left_side label { clear: both; float: left; width: 170px; padding-top: 9px; padding-bottom: 3px; }
        .pg_action #left_side label.lbl { line-height: 20px; text-decoration: none; clear: none; float: left; display: inline; width: 190px; padding: 0px; cursor: pointer;}

       
        .pg_action #left_side .main_area p.req { clear: none; float: left; width: 100px; margin-top: 12px }
        .pg_action #left_side .submit { float: right; margin-right: 29px; margin-top: 8px }
   
        .pg_action #left_side div.chk { float: left; width: 220px; margin-bottom: 8px; margin-left: 15px; }
        .pg_action #left_side label.lbl { line-height: 20px; clear: none; float: left; text-decoration: underline; display: inline; width: 190px; padding: 0px; cursor: pointer;}
        .pg_action #left_side input.check { float: left; }


        .pg_action #left_side #form_items div.chk  { float: left; width: 475px}
        .pg_action #left_side #form_items label.lbl { width: auto;}

        .pg_action #left_side #error, .pg_action #left_side .successmsg{ clear: both; width: 493px; margin-top: 2px; float: left; display: none; line-height: 22px; border: 1px solid #f00; background: #EFA4A7; text-align: center; padding: 5px; color: #000; }
        .pg_action #left_side #error span { font-size: 11px; display: block; }
        .pg_action #left_side .successmsg { color: #0199da; background: #DFF6FF; border: 1px solid #0199da; }

/* 5.0 Videos */

	.pg_videos #content #left_side { border-right: 0px; width: 971px;}
    .pg_videos #content #left_side .pod_videos { position: relative; min-height: 251px; padding: 19px 0px 0px 31px; width: 626px; }
    .pg_videos .pod_videos p { font-size: 15px; color: #fff; padding: 4px; }
    .pg_videos .pod_videos .prev { position: absolute; top: 128px; left: 30px;}
    .pg_videos .pod_videos .next { position: absolute; top: 128px; right: 20px;}
    
    .jcarousel-skin-horizontal1 .jcarousel-container-horizontal,
	.jcarousel-skin-horizontal1 .jcarousel-clip-horizontal {
	    position: absolute;
	    top: 30px;
	    width: 544px;
	    margin: 20px 0px 0px 15px;
	    padding: 0px;
	}
	.jcarousel-skin-horizontal1 .jcarousel-item {
		margin-left: 0px;
		width: 136px;
		height: 120px;
	}
    .jcarousel-skin-horizontal1 .jcarousel-item a{
		display: block;
		padding: 8px;
		text-decoration: none;
		color: #fff;
		font: normal 12px arial;
		text-align: center;
	}	
	.jcarousel-skin-horizontal1 .jcarousel-item a:hover, .jcarousel-skin-horizontal1 .jcarousel-item a.on{
		background: #1e4556;
	}
	 .jcarousel-skin-horizontal1 .jcarousel-item img{
		display: block;
		margin-bottom: 2px;
	}
	
    .pg_videos #content .main_area { padding: 14px 7px 11px; }
    .pg_videos .main_video { border: 1px solid #01a5d2; width: 640px; overflow: hidden; text-align: center; background: #000}
    .pg_videos .video_details { background: #0b1617; width: 582px; padding: 17px 30px; }
    .pg_videos .video_details h1 { position: relative; color: #01addd; font-size: 21px; font-weight: bold; font-family: arial; text-transform: uppercase; }
    .pg_videos .video_details h1 .share { position: absolute; top: 0px; right: -20px;}
    .pg_videos .video_details h1 .share a{ font-size: 11px; font-weight: normal; text-transform: none}
    .pg_videos .video_details p { font-size: 15px; color: #fff; }
    
    .pg_videos #left_side .main_area .followus { margin-top: 264px; margin-left: 24px }
    .pg_videos #content #right_side { background: none; }

        .pg_videos #right_side .pod_videodetails { margin-top: 15px; }
            .pod_videodetails .info { margin-top: 3px; float: left; margin-bottom: 8px; background: url(/App_Images/bg_pod_videodetails.jpg); width: 297px; padding: 6px; }
            .pod_videodetails .info .icon { float: left; width: 75px; margin-right: 4px; border: 1px solid #fff; }
            .pod_videodetails .info h2 { float: left; width: 199px; font-size: 16px; color: #4aacd6; line-height: 18px }
            .pod_videodetails .info h2 span { display: block; font-size: 12px; color: #4aacd6; padding-bottom: 2px }
            .pod_videodetails .info p { clear: left; float: left; width: 297px; font-size: 15px; color: #fff; line-height: 18px; margin-top: 8px;}
			.pod_videodetails .info .share { clear:both;float:left;width:297px;text-align:right; }
			.pod_videodetails .info .share a { font-size: 11px; font-weight: normal; }
			

/* 6.0 Images */

.pg_images #content #left_side { border-right: 0px; width: 971px;}
    .pg_images #content #left_side .pod_videos { position: relative; min-height: 251px; padding: 19px 0px 0px 31px; width: 626px; }
    .pg_images .pod_videos p { font-size: 15px; color: #fff; padding: 4px; }
    .pg_images .pod_videos .prev { position: absolute; top: 142px; left: 30px;}
    .pg_images .pod_videos .next { position: absolute; top: 142px; right: 20px;}
    
    .jcarousel-skin-horizontal2 .jcarousel-container-horizontal,
	.jcarousel-skin-horizontal2 .jcarousel-clip-horizontal {
	    position: absolute;
	    top: 25px;
	    width: 555px;
	    margin: 20px 0px 0px 13px;
	    padding: 0px;
	}
	.jcarousel-skin-horizontal2 .jcarousel-item {
		margin-left: 0px;
		width: 111px;
		height: 148px;
	}
    .jcarousel-skin-horizontal2 .jcarousel-item a{
		display: block;
		padding: 6px;
	}	
	.jcarousel-skin-horizontal2 .jcarousel-item a:hover, .jcarousel-skin-horizontal2 .jcarousel-item a.on{
		background: #1e4556;
	}
	
	.jcarousel-skin-horizontal2 .jcarousel-item a.on img 
	{
		border: 2px solid #be1419;
	}
	 .jcarousel-skin-horizontal2 .jcarousel-item img{
		display: block;
		width: 95px;
		height: 60px;
		border: 2px solid #6a6a6a;
	}
	.jcarousel-skin-horizontal2 .jcarousel-item a:hover img{
		border: 2px solid #be1419;
	}
	
    .pg_images #content .main_area { padding: 14px 7px 11px; }
    .pg_images .main_image { float: left; }
    .pg_images .main_image img { border: 1px solid #01a5d2; float: left; width: 641px; }
    .pg_images .image_details { background: #0b1617; clear: left; width: 583px; padding: 17px 30px; }
    .pg_images .image_details h1 { position: relative; color: #01addd; font-size: 21px; font-weight: bold; font-family: arial; text-transform: uppercase; }
    .pg_images .image_details h1 .title { width: 500px; float: left;}
    .pg_images .image_details h1 .share { position: absolute; top: 0px; right: -20px;}
    .pg_images .image_details h1 .share a{ font-size: 11px; font-weight: normal; text-transform: none}
    .pg_images .image_details p { clear: both; font-size: 15px; color: #fff; }
    
    .pg_images #left_side .main_area .followus { margin-top: 50px; margin-left: 24px }
    .pg_images #content #right_side { background: none; }
    .pg_images #content #right_side .pod_images { display: none; }
    
    .pg_images .pod_videos .categories { font-size: 11px; color: #fff; position: absolute; bottom: 13px; left: 70px; }
    .pg_images .pod_videos .categories a { font-size: 11px; }
    .pg_images .pod_videos .categories a.on { text-decoration: none; }
    
/* 7.0 Contact */
   
    .pg_contact #left_side .main_area p, .pg_contact #left_side .main_area h2  { margin-bottom: 19px; }
    .pg_contact #left_side .form { clear: both; float: left; width: 603px; display: inline; margin: 35px 0px; position: relative; padding-bottom: 15px }

    .pg_contact #left_side .txt, .pg_contact #left_side .txtarea { float: left; background: #e2e2e2; border: 1px solid #dfdfdf; margin-bottom: 6px; font: normal 16px arial; color: #000; padding: 7px 5px; }
    
    .pg_contact #left_side label { clear: both; float: left; width: 141px; padding-top: 9px; padding-bottom: 3px; }
    .pg_contact #left_side label.lbl { line-height: 20px; clear: none; float: left; text-decoration: underline; display: inline; width: 190px; padding: 0px; cursor: pointer;}

    .pg_contact #left_side #error, .pg_contact #left_side .successmsg{ margin-top: 2px; float: left; display: none; line-height: 22px; border: 1px solid #f00; background: #EFA4A7; text-align: center; padding: 5px; color: #000; }
    .pg_contact #left_side #error span { font-size: 11px; display: block; }
    .pg_contact #left_side .successmsg { color: #0199da; border: 1px solid #0199da; background: #DFF6FF; width: 370px;  }
    
    .pg_contact #left_side .submit { float: right; margin-right: 10px}
    .pg_contact #right_side .pod_images { display: none; }