/*
--------------------------------------------------------------------------------------------------
    
    TITLE:   Brand X - Premium HTML Theme - Main Stylesheet
    AUTHOR:  Dan Richardson (Subatomic Themes)
    URL:     http://themeforest.net/user/SubatomicThemes
    DATE:    17/07/2012
    VERSION: 1.0

--------------------------------------------------------------------------------------------------

    Table of Contents
	-----------------
    
    1.  CSS Reset
    2.  Columns & Containers
    3.  Body & Page Header
	4.  Sliders
    5.  Homepage Featured Area
	6.  Subpage Intro
	7.  Main Content
	8.  Pullquotes & Blockquotes
	9.  Blog Posts
	10. Forms
	11. Miscelaneous Elements
	12. Lists
	13. Post comments & About Author
	14. Dividers
	15. Sidebar & Sidebar Widgets
	16. Twitter Feed
	17. Footer & Footer Widgets
	18. Image Containers/Shadows & Hover Effects
	19. Buttons
	20. Pricing Tables
	21. Portfolio
	22. Extra Classes
	23. @FontFace
	
*/
/*##########################################################################################################
#
# ---- 1. CSS Reset
#
##########################################################################################################*/
html, body, div, span, applet,
object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav,
output, ruby, section, summary,
time, mark, audio, video                { margin: 0;
                                          padding: 0;
                                          border: 0;
                                          font-size: 100%;
                                          font: inherit;
                                          vertical-align: baseline;
                                        }
article, aside, details, figcaption,
figure, footer, header, hgroup,
menu, nav, section                      { display: block }
body                                    { line-height: 1 }
ol	                                    { list-style: none }
blockquote,
q                                       { quotes: none }
blockquote:before,
blockquote:after,
q:before,
q:after                                 { content: ''; content: none;}
table                                   { border-collapse: collapse; border-spacing: 0; }
input                                   { border: 0; border: none; }

li 										{ margin: 5px; }

nav{ background:url(../images/nav.gif); height:50px; }

.clear{clear:both;}
.no_bg{background:none!important;}
.no_bdr{border:none!important;}
img{border:none;}
:focus{outline:none!important;}
.wrapper{width:100%; margin:0 auto; padding:0;}
.header_full{width:100%; margin:0; padding:0; float:left; height:108px; background:url(../images/header.jpg) no-repeat; background-size:cover;}
.header{width:983px; margin:0 auto; padding:0;}	
.left_nav ul li a:hover{text-decoration:underline;}

.logo_search{width:100%; margin:0; padding:0; height:101px; float:left;}
.logo_search_left{width:605px; height:101px; float:left;}
.logo{width:100px; margin:0; padding:0; float:left; height:100px;}
.logo_text{width:500px; margin:0; padding:0; float:left;}
.logo_text h2{color: #D2D152; float: left;font-family: Calibri;font-size: 23px;font-weight: 400;margin: 0; padding: 28px 0 0 50px;}									
.search_bar_contact_detail {width:300px; float:right; margin:16px 0; padding:0;}
.search_bar{height:38px; width:282px; float:left;}
#nav_search_form {
    background:url(../images/search_bar_bg.png) no-repeat scroll 0 0 transparent;
    float: right;
    height: 37px;
    margin-top: 7px;
    width: 282px;
}	

#nav_search_field {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    float: left;
    font-family: "CantarellRegular",Helvetica,Arial,sans-serif;
    font-size: 12px;
    height: 20px;
    line-height: 15px;
    margin: 7px 0 0 12px;
    text-shadow: 0 1px 0 hsl(0, 0%, 100%);
    width: 230px;
}

.contact_detail{width:300px; margin: 9px 0; padding:0; float:left;}							
.contact_detail p{
	color: hsl(0, 0%, 100%);
    font-family: "TitilliumText22LLight",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    width: 100%;}	
	

.main_nav_sectation {
    margin: 0 auto;
    padding: 0;
    width: 983px;
	}										
										
.left_nav{margin:0; padding:0; float:left;}										
.left_nav ul{list-style:none; margin:0; padding:0;}										
.left_nav ul li{float:left; margin:0; padding:0 20px;}									
.left_nav ul li	 a{ color: hsl(0, 0%, 100%);
    font-family: "TitilliumText22LLight",Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding: 0 0px;
    text-decoration: none;
    text-shadow: 0 1px 1px hsl(0, 0%, 0%);
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;}	
	.contact_now{width:32%; float:right; margin:0; padding:0;}								
	.contact_now h2{ color: hsl(0, 0%, 100%);
    float: left;
    font-family: "TitilliumText22LLight",Helvetica,Arial,sans-serif;
    font-size: 30px;
    font-style: italic;
    letter-spacing: 2px;
    line-height: 50px;
    margin: 0;
    padding: 0;}
	.banner_full{width:100%; margin:0; padding:0; height:350px; float:left; background:url(../images/banner_bg.jpg) no-repeat center; background-size:cover;}
	.banner{width:983px; margin:5px auto; padding:0; height:380px;}
	.content_area{width:100%; margin:0; padding:0; float:left; background-color:#F8F8F8; min-height:385px; background-size: cover}	
		
	.container:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
	
}
.container {
    margin: 0;
    padding: 0;
    
    width: 983px;
}	

.container .two.columns {
    width: 140px;
}
.container .column, .container .columns {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.container .eight.columns {
    width: 620px;
}
.container .column, .container .columns {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
.container .two.columns {
    width: 140px;
}
.container .column, .container .columns {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.container .two.column { width: 140px }		
/*--main_metter--*/
.container:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
#featured_columns {
    text-align: center;
}
.container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 983px;
}
.container .three.columns {
    width: 220px;
}
.container .column, .container .columns {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
#featured_columns h2 {
    color: hsl(0, 0%, 0%);
    font-family: "TitilliumText22LBold",Helvetica,Arial,sans-serif;
    font-size: 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 hsl(0, 0%, 100%);
    text-transform: uppercase;
}

#featured_columns p {
    color: hsl(0, 0%, 40%);
    font-family: "CantarellRegular",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 20px;
    text-shadow: 0 1px 0 hsl(0, 0%, 100%);
}

#featured_columns p strong {
    color: hsl(0, 0%, 25%);
    font-family: "CantarellBold",Helvetica,Arial,sans-serif;
}

.container .three.columns {
    width: 220px;
}
.container .column, .container .columns {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

#featured_columns h2 {
    color: hsl(0, 0%, 0%);
    font-family: "TitilliumText22LBold",Helvetica,Arial,sans-serif;
    font-size: 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 hsl(0, 0%, 100%);
    text-transform: uppercase;
}
#featured_columns p strong {
    color: hsl(0, 0%, 25%);
    font-family: "CantarellBold",Helvetica,Arial,sans-serif;
}

.container .three.columns {
    width: 220px;
}
.container .column, .container .columns {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.container .three.columns {
    width: 220px;
}
.container .column, .container .columns {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
#featured_columns h2 {
    color: hsl(0, 0%, 0%);
    font-family: "TitilliumText22LBold",Helvetica,Arial,sans-serif;
    font-size: 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 hsl(0, 0%, 100%);
    text-transform: uppercase;
}
.watch_txt_full{height:124px; margin:0; padding:0; width:100%; background:url(../images/contant_down_bg.jpg) no-repeat;}
.watch_text{width:983px; height:124px; margin:0 auto; padding:0; text-align:center;}
.watch_text h2 {
    background: url("../images/watch.png") no-repeat scroll 109px 51px transparent;
    color: hsl(0, 0%, 60%);
    font-family: "TitilliumText22LLight",Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-weight: normal;
    line-height: 125px;
    padding-top: 0;
    text-align: center;
}
.footer{width:100%; margin:0; padding:0; float:left; height:188px; background-color:#2E2E2E;}
.footer_sectation{width:983px; margin:20px auto; padding:0;}
.footer_box{width:300px; margin:0px 12px; padding:0; float:left; }
.footer_box ul{list-style:none; margin:0; padding:0;}
.footer_box ul li{background: url("../images/footer_menu_divider.png") repeat-x scroll center bottom transparent;
    margin: 0;
    padding: 11px;}
.footer_box ul li a{
    color: hsl(0, 0%, 75%);
    display: block;
    font-family: "CantarellRegular",Helvetica,Arial,sans-serif;
    font-size: 12px;
    height: 17px;
    text-decoration: none;
    text-shadow: 0 1px 0 hsl(0, 0%, 0%);
    transition: all 0.3s ease-in-out 0s;

}

.about_banner{width:983px; height:170px; margin:0; padding:0; float:left;}

.icon_text{width:100%; margin:0; padding:0; float:left;}
.box_icon{width:94px; height:90px; margin:0; padding:0; float:left;}
.footer_text{width:205px; margin:0; padding:0; float:left;}
.footer_text p{margin:0; padding:0; font-size:14px; font-family: "CantarellRegular",Helvetica,Arial,sans-serif; color:#fff; line-height:23px;}
.bootem_footer{width:100%; height:50px; mar0; padding:0; background-color:#1F1F1F;}
.footer_bottem_txt{width:983px; margin:0 auto; padding:0;}

.container .twelve.columns{ width:983px;}
.footer_bottem_txt span{font-family: "CantarellRegular",Helvetica,Arial,sans-serif; font-size: 10pt; color:#CCCA3B;}
.footer_bottem_txt p{text-align:center; color:white; text-align:center; padding:15px 0px 0px 0px;}
.read_more_about{margin:0; padding:0px 0px 21px 0px;}
.read_more_about a{margin:0; padding:0; text-align:right; text-decoration:none; font-size:14px; font-weight:bold; color:#000;}	
.contact_sec_area{width:983px; margin:0; padding:0; float:left;}
.contact_left{ width:530px; margin:0; padding:0; float:left;}	
.contact_sec_area h1{float:left; margin:0; padding:0;}
.contact_txt_area{width:350px; margin:0; padding:0; float:left;}