body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7C7C7C; letter-spacing:2.3px;}
select {display:block;border:1px solid #a6a6a6; width:100%;font-size:13px;color:#3d3d3d; padding:10px; background:url(../images/arrow.png) no-repeat 96% 12px #fff;}
a, input, select, textarea{transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms; text-decoration:none; color:#7c7c7c;}
a:hover{color:#000;}

/*** COMMON CSS ***/
#main{margin:0 auto; width:1200px;}
img{border:0;}
h1, h2, h3, h4, h5{margin:0; padding:0; line-height:normal; width:100%; font-weight:normal;}
ul{margin:0; padding:0; width:100%; float:left;}
ul li{list-style:none; float:left;}
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}

.details_holder{ width:1100px; float:left; padding:40px 50px 0 50px;}
.page_title{width:100%; float:left; text-transform:uppercase; color:#000; height:50px; font-size:18px; letter-spacing:4px;}

/*** HEADER ****/
.header{ width:100%; float:left; height:55px; padding:15px 0 0 0; text-transform:uppercase;}
.logo{ width:300px; float:left;}
.logo img{transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms}
.logo img:hover{opacity:0.7;}
.tinynav{display:none;}
.main_menu{width:720px; float:right; font-size:10px; padding:10px 0 0 0;}
#navigation{width:100%; float:left;}
#navigation li {display:block;float:left;margin-right:20px;}
#navigation li a{color:#7c7c7c; text-decoration:none;}
#navigation li a:hover, #navigation li.select a {color:#000}
.footer{width:100%; float:left; bottom:0; z-index:20; font-size:10px; line-height:60px;}

/*** PROJECT PAGE ***/
.prject_text{width:70%; float:left; padding:0 5% 0 0;letter-spacing: 2.3px;line-height: 25px;}
.prject_img{width:25%; float:left;}
.prject_img img{display:block; width:100%;}

/*** HOW TO HELP ***/
.how_help_form{width:360px; float:left;}
.how_help_form .textbox{width:100%; float:left; padding:0 0 15px 0;}
.how_help_form .textbox input, textarea{border:1px solid #333; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:1.5px; height:30px; padding:0 4.5%; width:90%; opacity:0.5;}
.how_help_form .textbox textarea{height:auto; padding:10px 4.5%;}
.how_help_form .textbox input:focus, textarea:focus{opacity:10;}
.how_help_form .btn_holder{width:100%; float:left;}
.how_help_form .btn_holder input{border:0; cursor:pointer; color:#fff; background:#282828; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; height:35px; padding:0 20px;}
.how_help_form .btn_holder input:hover{background:#000;}

.how_help_img{width:335px; float:right;}

/*** BOOK PAGE ***/
.book_page{width:100%;}
.book_page ul li{width:20%; float:left; margin:0 5% 0 0;transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms;}
.book_page ul li img{display:block; margin:0 0 5px 0; float:left; width:100%; }
.book_page ul li:hover{opacity:0.8;}
.book_page ul li a{color:#000;}

/*** VIDEDO PAGE ***/
.video_page{width:100%;}
.video_page ul li{width:48%; float:left; margin:0 2% 15px 0; text-align: center;}
/*.video_page ul li:first-child{width:100%; text-align: center; margin-bottom: 20px;}*/
.video_page ul li:last-child{margin:0;}
.video_page ul li a{color:#000;}
.video_page ul li span{color:#7c7c7c;}
.video_page ul li iframe{width:100% !important; height:310px; margin-bottom:15px;}