
/*
css file
*/
*{margin:0px; padding:0px; outline:0px; border:0px;}
body{background-color:#ffffff; font-size:100%; font-family:Arial, Helvetica, sans-serif; background-image:url(images/header-bg.png); background-position:0px 0px; background-repeat:repeat-x; color:#000; line-height:1.5em;}
a{color:#ff0000; text-decoration:none}
a:hover{color:#0086ee; text-decoration:none;}
p, h1, h2, h3, h4, h5, h6{margin:0px; padding:0px 0px 15px 0px;}
h1, h2, h3, h4, h5, h6{color:#ff0000; font-weight:normal; line-height:1.3em;}
.clear{clear:both}
input[type="text"]{border:1px solid #999; padding:4px;}
input[type="submit"]{border:1px solid #999; padding:3px 6px; cursor:pointer;}
textarea{border:1px solid #999; padding:4px;}
img{border:none;}
a img {border: none;}
big { font-size:1.5em; }
pre { padding:5px; margin:5px; background-color:#eee; }
ul, li { list-style:none;}
blockquote:before { padding:5px; font-size:1.1em; content:open-quote; }
blockquote:after { padding:5px; font-size:1.1em; content:close-quote; }
blockquote p { display:inline; }
blockquote { font-style:italic; margin:5px; }
address { padding:5px; border:1px #000 solid; margin:5px; }
small {font-size:75%;}
/*
Back to top button 
*/
#back-top{position:fixed; bottom:10px; right:10px;}
#back-top a{width:42px; display: block;}
#back-top a:hover{}
/* arrow icon (span tag) */
#back-top span{width:42px; height:41px; display: block; background-image:url(images/up-arrow.png); background-position:0px; background-repeat:no-repeat;}
#back-top a:hover span{}
.mob_menu_icon{background-color:#000; width:65px; padding:18px 15px 0px 0px; height:55px; text-align:center; cursor:pointer; position:fixed; top:0px; right:0px; z-index:100; display:none; text-align:right;}
#mob_menu{background-color:#000; padding:70px 15px 10px 10px; width:auto; min-width:160px; height:auto; position:fixed; top:0px; right:0px; z-index:10 !important; display:none;}
#mob_menu ul{}
#mob_menu ul li{text-align:right; line-height:2em;}
#mob_menu ul li a{color:#fff;}
#mob_menu ul li a:hover{color:#fff;}
.header_tagline, #what_we_do_wrapper h2, h2.main_title{font-family:Montserrat;}
/*------------------laywout---------------------*/
#wrapper{width:100%; margin:0px auto;}
#header{height:auto; text-align:center; line-height:.8em;}
#header_inner{width:100%; margin:0 auto; position:relative; max-height:500px; overflow:hidden;}
#header_inner img{width:100%; height:auto;}
#logo{width:288px; height:238px; position:absolute; left:70px; bottom:75px; text-align:right;}
#menu_box{position:relative; height:100px; width:912px; margin:-50px auto 0 auto; background-image:url(images/menu_bg.png);}
#footer{padding:20px 0px; width:912px; margin:0 auto;}
#footer_left{float:left; width:37%;}
#footer_right{width:60%; float:right;}
.f_left{float:left; }
.f_right{float:right; }
ul.dash_listing{list-style:none !important;}
ul.dash_listing li{list-style:none !important;}
ul.dash_listing li:before{content:' - ';}
.header_right{width:42%; height:100%; position:absolute; background-image:url(images/header_right_bg.png); background-position:left bottom; background-repeat:no-repeat; top:0px; right:0px;}
.header_left{width:55%; height:100%; position:absolute;}
.header_tagline{position:absolute; bottom:130px; right:10px; width:500px; height:auto; z-index:100; color:#fff; font-size:35px; text-align:left; line-height:1.1em; text-align:left; text-shadow: 1px 1px 3px #000; filter:dropshadow(color=#000, offx=1, offy=1);}

/*--------------header menu styling ---------------*/
.header_menu ul{padding:0px; margin:0px; list-style:none; z-index:1000;}
.header_menu ul li{padding:0px; margin:0px; list-style:none; float:left; font-weight:bold; width:152px; height:90px; font-size:1em;}
.header_menu ul li a{color:#ff0000; padding:20px 10px 0px 10px; display:block; background-image:url(images/menu_divider.png); background-position:right 0px; background-repeat:repeat-y; text-align:center; height:80px;}
.header_menu ul li a span{display:block; font-size:.7em; line-height:1.2em; padding:6px 0px 0px 0px; color:#FFFFFF;}
.header_menu ul li a:hover{color:#fff; background-color:#ff0000;}
.header_menu ul li.red a{color:#ff7200;}
.header_menu ul li.pink a:hover{color:#fff; background-color:#ff7200;}
.header_menu ul li.pink a{color:#ff7200;}
.header_menu ul li.pink a:hover{color:#fff; background-color:#ff7200;}
.header_menu ul li.blue a{color:#0090ff;}
.header_menu ul li.blue a:hover{background-color:#0090ff; color:#FFF;}
.header_menu ul li.yellow a{color:#ffd800;}
.header_menu ul li.yellow a:hover{background-color:#ffd800; color:#FFFFFF;}
.header_menu ul li.green a{color:#47c900;}
.header_menu ul li.green a:hover{background-color:#47c900; color:#fff;}
.header_menu ul li.gray a{color:#cccccc;}
.header_menu ul li.gray a:hover{color:#fff; background-color:#cccccc;}
.mob_menu{display:none;}

#mob_menu ul li.red a:hover{color:#FF0000;}
#mob_menu ul li.pink a:hover{color:#FF7200;}
#mob_menu ul li.blue a:hover{color:#0090FF;}
#mob_menu ul li.yellow a:hover{color:#FFD800;}
#mob_menu ul li.green a:hover{color:#47C900;}
#mob_menu ul li.gray a:hover{color:#b6b6b6;}
/*----------what_we_do_wrapper----------*/
#what_we_do_wrapper{width:912px; margin:0 auto 40px auto;}
#what_we_do_wrapper h2{border-bottom:1px solid #b9b9b9; text-align:center; font-size:350%; padding:30px 0px 20px 0px; text-transform:uppercase; margin-bottom:40px;}
#what_we_do_wrapper ul{padding:0px 0px 0px 15px;}
#what_we_do_wrapper ul li{list-style:disc; padding:2px 0px;}
.what_we_do_left{width:45%; padding:0px 0px 0px 4%;}
.what_we_do_right{width:45%; padding:0px 4% 0px 0%;}
.what_we_do_left h3, .what_we_do_right h3{text-transform:uppercase; font-size:20px; line-height:1.5em;}
.what_we_do_icons{text-align:center; padding:0px 0px 25px 0px;}
/*----------what_we_do_wrapper----------*/
#how_we_do_wrapper{width:100%; margin:0 auto 50px auto;}
.main_image{text-align:center; line-height:.9em; position:relative; margin:0 auto 50px auto; max-height:500px; overflow:hidden;}
.main_image img{width:100%; height:auto;}
#how_we_do_wrapper h2.main_title{text-align:center; font-size:50px; padding:40px 0px 40px 0px; text-transform:uppercase; margin-bottom:40px; color:#FF8400; background-color:#000; max-width:912px; margin:0 auto -145px auto; position:relative; z-index:10;}
#how_we_do_wrapper ul{padding:0px 0px 0px 15px;}
#how_we_do_wrapper ul li{list-style:disc; padding:2px 0px;}
.how_we_do_left{width:45%; padding:0px 0px 0px 4%;}
.how_we_do_right{width:45%; padding:0px 4% 0px 0%;}
.how_we_do_left h3, .how_we_do_right h3{text-transform:uppercase; color:#ff8400; font-size:20px; line-height:1.5em;}
.how_we_do_icons{text-align:center; padding:0px 0px 25px 0px;}

/*----------what_we_do_wrapper----------*/
#why_we_do_wrapper{width:100%; margin:0 auto 50px auto;}
#why_we_do_wrapper h2.main_title{text-align:center; font-size:50px; padding:40px 0px 40px 0px; text-transform:uppercase; margin-bottom:40px; color:#0086ee; background-color:#000; max-width:912px; margin:0 auto -145px auto; position:relative; z-index:10;}
#why_we_do_wrapper ul{padding:0px 0px 0px 15px;}
#why_we_do_wrapper ul li{list-style:disc; padding:2px 0px;}
.why_we_do_left{width:45%; padding:0px 0px 0px 4%;}
.why_we_do_right{width:45%; padding:0px 4% 0px 0%;}
.why_we_do_left h3, .why_we_do_right h3{text-transform:uppercase; color:#0086ee; font-size:50px; line-height:1.5em;}
.why_we_do_left h3 span, .why_we_do_right h3 span{font-size:.5em; display:block; line-height:.5em;}
.why_we_do_icons{text-align:center; padding:0px 0px 25px 0px;}

/*----------guts----------*/
#guts_wrapper_full{background-color:#ffcc00;}
#guts_wrapper{width:912px; margin:0 auto 0px auto;}
#guts_wrapper h2.main_title{text-align:center; font-size:50px; padding:35px 0px 40px 0px; text-transform:uppercase; margin-bottom:0px; color:#fff; background-color:#000;}
#guts_wrapper h3.sub_heading{width:430px; margin:0 auto; background-color:#FFF; text-transform:uppercase; color:#000; text-align:center; font-size:25px; margin-top:-25px; padding:8px 0px; border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; margin-bottom:40px;}
.heighlights{padding:0px 0px 40px 0px;}
.heighlights p{font-size:17px; font-weight:bold;}
.heighlights p span{color:#ff6c00;}
#according_matter_wrapper{padding:40px 0px 40px 0px;}
.accordionButton{background:#000000; cursor: pointer; text-transform:uppercase; position:relative; margin-left:60px; padding:0px; margin-bottom:40px; min-height:115px; background-image:url(images/right_arrow.png); background-position:right 27px; background-repeat:no-repeat;}
.accordionButton h2{color:#fff; line-height:1.4em; font-size:24px; padding:15px 50px 10px 80px; position:relative; z-index:1000;}
.accordionButton span{display:block; position:absolute; width:115px; padding:50px 0px 0px 0px; height:70px; left:-60px; top:0px; background-color:#fff; color:#ff6c00; font-weight:bold; font-size:64px; text-align:center; border-radius:50%;}
.accordionContent{display:none; color:#000000; padding:0px 0px 30px 150px; position:relative;}
.accordin_right_arrow_no{background-image:none !important;}
.arrow_hide{width:80px; height:100px; background-color:#000; position:absolute; right:10px; top:-140px;}
/*----------who_does----------*/
#who_does_wrapper{width:912px; margin:1px auto 40px auto;}
#who_does_wrapper h2.main_title{text-align:center; font-size:50px; padding:40px 0px 40px 0px; text-transform:uppercase; margin-bottom:0px; color:#70c935; background-color:#000; margin-bottom:40px;}
.who_do_left{width:20%; padding:0px; min-height:300px;}
.who_do_right{width:77%; padding:0px}
.who_do_left h3, .who_do_right h3{text-transform:uppercase; color:#70c935; font-size:20px; line-height:1.5em;}
.who_do_heighlight{font-size:1.3em; line-height:1.4em;}


/*---------------contact-----------*/
#contact_wrapper_full{background-color:#b4b4b4;}
#contact_wrapper{width:912px; margin:0 auto 0px auto; padding-bottom:20px;}
#contact_wrapper h2.main_title{text-align:center; font-size:50px; padding:40px 0px 40px 0px; text-transform:uppercase; margin-bottom:0px; color:#fff; background-color:#000; margin-bottom:40px;}
#contact_wrapper{color:#fff; font-size:14px;}
#contact_wrapper a{color:#fff;}
#contact_wrapper a:hover{color:#fe0000;}
#contact_wrapper span{color:#000; font-weight:normal; display:block;}
.contact_location{background-image:url(images/location_icon.png); background-position:0px 0px;  background-repeat:no-repeat; font-weight:bold; padding:5px 0px 0px 85px; min-height:58px; margin-bottom:20px; text-transform:uppercase;}
.contact_mail{background-image:url(images/email_icon.png); background-position:0px 0px;  background-repeat:no-repeat; font-weight:bold; padding:5px 0px 0px 85px; min-height:58px; margin-bottom:20px; text-transform:uppercase;}
.contact_no{background-image:url(images/phone_icon.png); background-position:0px 0px;  background-repeat:no-repeat; font-weight:bold; padding:5px 0px 0px 85px; min-height:58px; margin-bottom:20px; text-transform:uppercase;}
.contact_web{background-image:url(images/web_icon.png); background-position:0px 0px;  background-repeat:no-repeat; font-weight:bold; padding:5px 0px 0px 85px; min-height:58px; margin-bottom:20px; text-transform:uppercase;}
.contact_linked{background-image:url(images/linked_in_icon.png); background-position:0px 0px;  background-repeat:no-repeat; font-weight:bold; padding:5px 0px 0px 85px; min-height:58px; margin-bottom:20px; text-transform:uppercase;}