@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	
	/*************** HTML 5 ELEMENTS ***************/
	
	

header,nav,article,figure,hgroup,section,footer,aside {
	display:block;
	}
	
	
	/*************** BASIC CODES ***************/
	
	
div,span,table,ul,li,p,a,h1,h2,h3,h4,h5,h6 {
	margin:0px;
	padding:0px;
	text-decoration:none;
	border:none;
	}
::-moz-selection {
	background:#8f2309;
	color:#fff;
	}
::-webkit-selection {
	background:#8f2309;
	color:#fff;
	}
::selection {
	background:#8f2309;
	color:#fff;
	}
.clr {
	clear:both;
	}
	
	
	/*************** @FONT-FACE ***************/
	
	@font-face {
	font-family:"bebas_neueregular";
	src:url("../fonts/bebasneue-webfont.eot?") format("eot"),
	url("../fonts/bebasneue-webfont.woff") format("woff"),
	url("../fonts/bebasneue-webfont.ttf") format("truetype"),
	url("../fonts/bebasneue-webfont.svg#bebas_neueregular") format("svg");
	font-weight:normal;
	font-style:normal;
}
	
	
@font-face {
	font-family:"bebas_neueregular";
	src:url("../fonts/bebasneue-webfont.eot?") format("eot"),
		url("../fonts/bebasneue-webfont.woff") format("woff"),
		url("../fonts/bebasneue-webfont.ttf") format("truetype"),
		url("../fonts/bebasneue-webfont.svg#bebas_neueregular") format("svg");
	}
@font-face {

		 
		 src:url("../fonts/myriadpro-regular-webfont.eot?") format("eot"),
		url("../fonts/myriadpro-regular-webfont.woff") format("woff"),
		url("../fonts/myriadpro-regular-webfont.ttf") format("truetype"),
		url("../fonts/myriadpro-regular-webfont.svg#Myriad Pro") format("svg");
	}
	
	
	/*************** HEADER CODE ***************/
	
	
#header {
	width:100%;
	height:72px;
	background:url(../images/menu_new.jpg) repeat-x bottom;
	}
#top_wrapper {
	width:980px;
	margin:0 auto;
	}
#logo {
	width:122px;
	height:150px;
	position:absolute;
	z-index:100;
	}
	
	
	
	/*************** TOP NAVIGATION CODE ***************/
	
		
#top_menu {
	left: 314px;
    position: relative;
    right: 0;
    width: 675px;
	}
ul#navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	}
ul#navigation li{
	float:left;
	height:72px;
	width:110px;
	text-align:center;
	}
ul#navigation a { 
	padding:27px 0px 27px 0;
	font-family: 'Myriad Pro';
	float:left;
	color:#5d2b02;
	text-transform: uppercase;
	clear:both;
	width:100%;
	height:12px;
	
	line-height:15px; 
	}
ul#navigation a:hover {
	background:url(../images/menu_hover_bg.jpg) repeat;
	}
ul#navigation li ul{
		background:#ac7617;
		display:none;
		height:auto;
/*		filter:alpha(opacity=95);
		opacity:0.95;*/
		position:absolute;
		width:245px;
		z-index:200;
		top:72px;
		overflow:hidden;
		/*left:0;*/
		}
ul#navigation li:hover ul{
		display:block;
		}
ul#navigation li li {
		display:block;
		float:none;
		border-bottom:#ffa70b thin dotted;
		padding:0 0 0 0;
		width:100%;
		height:45px;
		}
ul#navigation li ul a{
		display:block;
		font-size:15px;
		text-transform:none !important; 
		font-style:normal;
		padding:0px 0px 0px 40px;
		line-height:40px;
		text-align:left;
		height:46px;
		color:#fff !important;
		}
ul#navigation li:hover > a { 
	color: #000 !important; background:url(../images/menu_hover_bg.jpg) repeat; 
	}
ul#navigation a:hover {
	color:#000;
	}
ul#navigation li.red {
	background:#8f2309;
	}
ul#navigation li.green {
	background:#1a553e;
	}
	
	
	/*************** MAIN SLIDER CODE ***************/
	
	
#top_slider {
	background:url(../images/banner_bg.jpg) repeat-x;
	width:100%;
	height:250px;
	clear:both;
	}
#slider_container {
	width:980px;
	margin:0 auto;
	}
#slider_container .slogan {
	text-align:center;
	width:500px;
	padding:50px 0 0 0;
	margin:0 auto;
	}
.slogan h1, .slogan h2 {
	font-family:"bebas_neueregular";
	font-size:62px;
	color:#fff;
	font-weight:normal;
	}
.slogan h2 {
	font-size:48px;
	color:#f6af32;
	line-height:35px;
	}
.slogan p {
	color:#979797;
	line-height:18px;
	padding:30px 0 15px 0;
	}
div.more {
	clear:both;
	width:80px;
	height:30px;
	background:#797730;
	text-align:center;
	line-height:30px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	}
div.more:hover {
   background:#8f2309;
  -webkit-transition-property: background color;
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: background color;
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: ease;
  -o-transition-property: background color;
  -o-transition-duration: 0.7s;
  -o-transition-timing-function: ease;
  -ms-transition-property: background color;
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: ease;
  transition-property: background color;
  transition-duration: 0.7s;
  transition-timing-function: ease;
  cursor:pointer;
	}
.read_more {
	color:#fff;
	}
.slider {
	width:450px;
	float:right;
	padding:90px 0 0 0;
	}
.slideshow { 
	width:450px;
	height:285px;
	overflow:hidden; 
	}
.slideshow img { 
	padding:3px; 
	border:1px solid #fff; 
	background-color: #eee; 
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	}
	
	
	/*************** CONTENT AREA CODE ***************/
	
	
#content_area {
	background:url(../images/content_bg.jpg) repeat;
	width:100%;
	min-height:290px;
	height:auto;
	clear:both;
	}
#content_wrapper {
	width:980px;
	margin:0 auto;
	padding:45px 0 0 0;
	}
.content_box {
	width:305px;
	float:left;
	margin-right:32px;
	}
.last {
	margin:0px !important;
	}
.content_box h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#292929;
	font-size:26px;
	line-height:45px;
	}
.content_box p {
	color:#474747;
	line-height:23px;
	padding:15px 15px 20px 0;
	font-size:14px;
	}
.read_more_dark {
	background:#272c31 !important;
	}
.read_more_dark:hover {
   background:#8f2309 !important;
  -webkit-transition-property: background color;
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: background color;
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: ease;
  -o-transition-property: background color;
  -o-transition-duration: 0.7s;
  -o-transition-timing-function: ease;
  -ms-transition-property: background color;
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: ease;
  transition-property: background color;
  transition-duration: 0.7s;
  transition-timing-function: ease;
  cursor:pointer;
	}

h1.about_us {
	background:url(../images/about_icon.png) left no-repeat;
	padding-left:50px;
	}
h1.vision {
	background:url(../images/vision_icon.png) left no-repeat;
	padding-left:50px;
	}
h1.gallery {
	background:url(../images/gallery_icon.png) left no-repeat;
	padding-left:50px;
	}
	
	
	/*************** FOOTER AREA CODE ***************/
	
	
#footer_container {
	width:100%;
	height:75px;
	background:#dadada;
	}
.footer_wrap {
	width:980px;
	margin:0 auto;
	padding:25px 0 0 0;
	}
.copyright {
	float:left;
	}
.powered {
	float:right;
	}
.copyright p, .powered p {
	color:#666;
	font-size:11px;
	}
.powered p a {
	color:#822109;
	}
	
	
	
	/*************** INNER PAGES ***************/
	
	
.inner_top_slider {
	background:url(../images/inner_bg.jpg) repeat-x !important;
	width:100%;
	height:384px !important;
	clear:both;
	}
.slogan_inner {
	margin:0 auto;
	width:500px;
	padding:60px 0 0 0;
	}
.slogan_inner h1, .slogan_inner h2 {
	font-family:"bebas_neueregular";
	font-size:62px;
	color:#fff;
	font-weight:normal;
	}
.slogan_inner h2 {
	font-size:48px;
	color:#f6af32;
	line-height:35px;
	text-align:center;
	}
.thmb {
	width:980px;
	margin:0 auto;
	padding:35px 0 0 0;
	}
#innerpage_content_wrapper {
	width:980px;
	margin:0 auto;
	padding:20px 0 0 0;
	}
#innerpage_content_wrapper h1 {
	font-family:"bebas_neueregular";
	font-weight:bold;
	color:#292929;
	font-size:36px;
	line-height:45px;
	border-bottom:#666 dotted thin;
	}
#innerpage_content_wrapper h2 {
	color:#ac7617;
	padding:0 0 10px;
	}
#innerpage_content_wrapper p {
	color:#474747;
	line-height:23px;
	padding:15px 15px 15px 0;
	font-size:14px;
	}
.inner_content_area {
	background:none !important;
	}
.vect_philosophy {
	background:url(../images/philosophy_vector.png) right bottom no-repeat !important;
	}
.vect_project {
	background:url(../images/project_ng.jpg) right bottom no-repeat !important;
	}
.left_main_img {
	float:left;
	width:335px;
	height:300px;
	padding:15px 0 0 0;
	}
.right_contents {
	float:left;
	width:615px;
	}
.gallery {
	height:auto;
	float:left;
	}
.gal_box {
    float: left;
    height: 150px;
    margin: 15px 31px 15px 0 ;
	padding:5px;
    width: 215px;
	background:#fff;
}
            .demo{
               
                margin:10px auto;
                border: 1px solid #fff;

            }

			.pagedemo{

			}
			#gallery {

		padding: 10px 0 10px;

	}
	.mar_none {
		margin-right:0px !important;
	}
	#gallery ul { list-style: none;  padding-bottom:30px; }
	#gallery ul li { display: block; float:left; background:#CCC; padding:10px; margin-right:29px; }
	#gallery ul img {
	border:#666 thin solid;
	}
	#gallery ul li .txt {
		color:#333;
		
		font-size:12px;
		}
	#gallery ul a:hover img {

	}
	#gallery ul a:hover { color: #fff; }
	li.bg_none {
		background:none !important;
		padding:0px !important;
	}
	.pd_no {
		padding:0px !important;
	}
.bg_none p {
	padding-bottom:0px !important;
	}
.cnt_pge {
	background: url("../images/contact_logo.jpg") no-repeat scroll left bottom transparent;
    height: 200px;
    padding: 0 0 0 167px;
    width: 300px;
	float:left;
	}
.abbt_pge {
	 background: url("../images/about_bg.jpg") no-repeat scroll left 10px transparent;
    float: left;
    height: 235px;
    padding: 17px 0 0 202px;	
	}
.cnt_frm {
    float:right;
    height: auto;
	padding-bottom:10px;
    width: 440px;
}
.cnt_frm h5 {
    border-bottom: 1px dotted #C2985C;
    color: #C2985C;
    font-family: "Cambria";
    font-size: 24px;
    margin-bottom: 10px;
    padding-bottom: 15px;
}
.cnt_frm ul {
    float: left;
}
.cnt_frm ul li {
    color: #999999;
    display: inline;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 13px;
    list-style: none outside none;
    padding: 5px 0;
    width: 220px;
}
li.mar_right {
    margin-right: 0;
}
.cnt_frm ul li span {
    margin: 0 5px;
}
.cnt_frm ul li span.nam {
    width: 100px;
}
.cnt_frm ul li span input.in1 {
    background: none repeat scroll 0 0 #ccc;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 11px;
    height: 25px;
    margin: 2px 0;
    min-width: 204px;
    padding: 3px 5px;
}
.cnt_frm ul li span textarea.in2 {
    background: none repeat scroll 0 0 #ccc;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    height: 75px;
    margin: 2px 0;
    min-width: 204px;
    padding: 3px 5px;
}
.btn1 {
    background: none repeat scroll 0 0 #C2985C;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    padding: 3px 7px;
    text-align: center;
}
.btn1:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}
.ph_pad {
	padding-top:60px;
	}
.team_pad {
	padding-top:60px;
	}
.vs_pad {
	padding-top:20px;
	}
span.clr_ch {
	color:#F6AF32;
}