@charset "utf-8";
/* CSS Document for LITTLE DRAGON FIGHTING SYSTEMS */
/* Developed by: imicreation */
/* Global stylesheet */

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## RESET FILE ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

* {outline: none;}
body {margin: 0;padding: 0;	font-size: 62.5%;height: 100%;}
a:link, a:visited, a:hover, a:active {text-decoration: none;}
ul, ol {margin: 0;padding: 0;list-style-type: none;  }
form {margin: 0px;padding: 0px;}
a img {border: 0;}
.clearfix:after{ content: ".";  display: block;  height: 0; clear: both;  visibility: hidden;}
.clearfix{min-width: 0;	display: inline-block; display: block;}
* html .clearfix{height: 1%;}
.left{float: left;}
.right{float: right;}
.textleft{text-align:left;}
.textright{text-align:right;}

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## COMMON TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */
.clear { clear:both; line-height:1px; height:1px; }
a:hover {text-decoration:underline; }
/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## TYPOGRAPHY ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

h1 { font-size:1.8em; }
h2 { font-size:2.2em; }
h3 { font-size:2.0em; }
h4 { font-size:1.8em; }
h5 { font-size:1.6em; }
h6 { font-size:1.4em; }

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## LAYOUT TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */	

body {background: url(images/bg_body.png) repeat #fff;  font-family:Verdana, Arial, Helvetica, sans-serif; }
.wrap {width:990px; padding:0px; margin:0 auto; }
#header { background:url(images/bg_header.gif) repeat-x left bottom #fff; width:100%; padding:0px; margin:0px; float:left; position:relative; }
#navigation { background:url(images/bg_navigation.png) repeat-x left top; width:100%; padding:0px; margin:0px; float:left; position:absolute; z-index:200;  left:0;} 
#navigation ul {display:block; text-align:center; }
#navigation ul li {display:inline; padding:0 25px; margin:0px; font-size:20px; line-height:46px; }
#navigation ul li a {color:#fff; }
#navigation ul li a:hover, #navigation ul li a.active {color:#2e2e2e; text-decoration:none; }	
#showcase {width:100%; padding:0px; margin:0px; float:left; position:relative; top:0px; left:0px; z-index:100; }
#header_img{width:100%; float:left; background:url(images/img_showcase.png) no-repeat top center; height:377px;}
/* container */

#container {background:url(images/bg_container.gif) repeat-x left top; width:100%; padding:0px; margin:0px; float:left; position:relative; }
#container_wrap {width:990px; padding:0px; margin:0 auto; }
#main_container { background:url(images/bg_container_wrap.gif) no-repeat left top; width:990px; padding:0 0 0 110px; margin:0px; float:left; position:relative; left:-110px; }
#marketing_box {width:885px; padding:0 0 0 105px; margin:0px; float:left; position:relative; height:278px; }
#marketing_box h1 {display:block; padding:15px 0; margin:0px; font-size:35px; color:#fff; font-family:"HelveticaNeue"; }
#marketing_box h1 span {color:#eb8909; }
#marketing_box p {display:block; padding:0 200px 0 52px; margin:0px; font-size:19px; line-height:36px; color:#ebe9e9; font-weight:normal; }
#social_icon {width:100%; padding:0px; margin:0px; float:left; position:absolute; top:248px; left:0px; }
#social_icon ul {}
#social_icon ul li {display:block; float:right; padding: 0 0 0 6px; margin:0px; }
#company_identification_box {width:100%; padding:15px 0 0 0; margin:0px; float:left; }
#company_identification_box_left {width:642px; padding:0 58px 0 0; margin:0px; float:left; }
#company_identification_box_left .common_box {width:142px; padding:0 36px; margin:0px; float:left; }
#company_identification_box_left .common_box h2 {display:block; padding:25px 0; margin:0px; font-size:50px; color:#eb8909; line-height:50px;  font-family:"HelveticaNeue"; }
#company_identification_box_left .common_box .hr { height:5px; color:#2e2e2e; width:100%; float:left; padding:0px; margin:0 0 20px 0; background:#2e2e2e; border:none; }
#company_identification_box_left .common_box .list {width:100%; padding:0px; margin:0px; float:left; }
#company_identification_box_left .common_box .list ol {}
#company_identification_box_left .common_box .list ol li {display:block; font-size:14px; line-height:25px; padding:0px; margin:0px; display:block; }
#company_identification_box_left .common_box .list ol li a {color:#2e2e2e; }
#company_identification_box_right {width:260px; padding:0 30px 0 0; margin:0px; float:left; }
#company_identification_box_right h2 {display:block; padding:25px 0; margin:0px; font-size:50px; color:#eb8909; line-height:50px;  font-family:"HelveticaNeue"; }
#company_identification_box_right .hr { height:5px; color:#2e2e2e; width:100%; float:left; padding:0px; margin:0 0 20px 0; background:#2e2e2e; border:none; }

#portfolio {width:100%; padding:5px 0 30px 0; margin:0px; float:left; }
#portfolio_heading_box {width:912px; padding:0 39px; margin:0px; float:left; }
#portfolio_heading_box h3 {display:block; padding:25px 0; margin:0px; font-size:50px; color:#eb8909; line-height:50px;  font-family:"HelveticaNeue"; }
#portfolio_heading_box .hr { height:5px; color:#2e2e2e; width:100%; float:left; padding:0px; margin:0 0 20px 0; background:#2e2e2e; border:none; }
#slide_box {width:100%; padding:0px; margin:0px; float:left; }

#content_box {width:912px; padding:5px 39px 0 39px; margin:0px; float:left; }
#content_box h4 {display:block; padding:25px 0; margin:0px; font-size:50px; color:#eb8909; line-height:45px;   font-family:"HelveticaNeue"; }
#content_box .hr { height:5px; color:#2e2e2e; width:100%; float:left; padding:0px; margin:0 0 20px 0; background:#2e2e2e; border:none; }
#content_box p {display:block; padding:0 0 32px 0; margin:0px; font-size:19px; line-height:36px; color:#2e2e2e; font-weight:normal; }

/* footer */

#footer {background:url(images/bg_footer.gif) repeat-x left top #535353; width:100%; padding:0px; margin:0px; float:left; }
#footer_top {width:100%; padding:0px; margin:0px; float:left; height:250px; }
#footer_top .list_top {width:198px; padding:15px 0 0 0; margin:0px; float:left; }
#footer_top .list_top.change {width:174px; padding:15px 0 0 24px; }
#footer_top .list_top h5 {display:block; padding:25px 0; margin:0px; font-size:16px; color:#fff; line-height:18px; }
#footer_top .list_top ul {}
#footer_top .list_top ul li {display:block; padding:0 0 0 10px; margin:0px; font-size:12px; line-height:24px; }
#footer_top .list_top ul li a {color:#eb8909; }
#footer_bottom {width:100%; padding:0px; margin:0px; float:left; }
#footer_bottom div {display:block; line-height:40px; font-size:16px; color:#fff; text-align:center; padding:0px; margin:0px; }