@charset "utf-8";
/* IlluminatiKarate.com CSS Document - Copyright Illuminati Karate Inc */
/***** Global Settings *****/
html, body{border:0; margin:0; padding:0}

body{font:100%/1.25 arial,helvetica,sans-serif}

/***** Common Formatting *****/
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:normal}

h1{padding:30px 0 25px 0; letter-spacing:-1px; font:2em arial,helvetica,sans-serif}

h2{padding:20px 0; letter-spacing:-1px; font:1.5em arial,helvetica,sans-serif}

h3{font:1em arial,helvetica,sans-serif; font-weight:bold}

p, ul, ol{margin:0; padding:0 0 18px 0}

blockquote{margin:22px 40px; padding:0}

ul, ol{list-style:none; padding:0 0 18px 40px}

small{font-size:0.85em}

img{border:0}

acronym, abbr{cursor:help; letter-spacing:1px; border-bottom:1px dashed}

/***** Links *****/
a, a:visited{text-decoration:none}

/***** Forms *****/
form{margin:0; padding:0; display:inline}

input, select, textarea{font:1em arial,helvetica,sans-serif}

textarea{line-height:1.25}

label{cursor:pointer}

/***** Tables *****/
table{border:0; margin:0 0 18px 0; padding:0}

table tr td{padding:2px}

/***** Wrapper *****/
#wrap{width:960px; margin:0 auto}

/***** Global Classes *****/
.clear{clear:both}

.float-left{float:left}
.float-right{float:right}

.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}

.bold{font-weight:bold}
.italic{font-style:italic}
.underline{border-bottom:1px solid}
.highlight{background:#ffc}

.wrap{width:960px; margin:0 auto}

.img-left{float:left; margin:4px 10px 4px 0}
.img-right{float:right; margin:4px 0 4px 10px}

.nopadding{padding:0}
.noindent{margin-left:0; padding-left:0}
.nobullet{list-style:none; list-style-image:none}

/* general styles */
body{background-image:url(/img/background_repeater.png); background-repeat:repeat-x; background-color:#314759}

.posRelative{position:relative}

a{cursor:pointer; cursor:hand; outline:none}

div#container{position:relative; margin:0 auto; width:834px}

div#header{background-image:url(/img/page_top.png); background-repeat:no-repeat; width:838px; height:87px}

div#header h1{padding:0}

div#header h1 a{display:block; height:86px; text-indent:-4000px; width:520px}

div#hero{background-image:url(/img/heros/home.jpg); background-repeat:no-repeat; width:819px; height:159px; padding:0 0 0 2em}

div#hero h2{color:#2f2b64; font-size:2.4em; padding:20px 0 10px}

div#hero p{color:#5b5b5b; font-size:1.1em}

div#nav{background-image:url(/img/nav/button-bg.png); background-repeat:no-repeat; width:798px; height:75px; padding-left:12px}

div#nav ul{padding:0}

div#nav ul li{display:inlime; float:left; position:relative; width:161px}

div#nav ul li a, div#nav ul li a:visited{color:#fff; display:block; font-size:1.1em; height:75px; padding-left:11px; text-decoration:none; width:149px}

div#nav ul li a span{font-size:28px; text-transform:lowercase}

div#nav ul li a span.desc {font-size:12px; display: block}

div#nav ul li:hover, div#nav ul li.active{background-image:url(/img/nav/button-bg-active.jpg); background-repeat:no-repeat}

div#nav ul li:hover a span.desc, div#nav ul li.active a span.desc {color:#2F2B64}

/* Hide / show submenu */
div#nav ul li ul.submenu{display:none; z-index:2000}

div#nav ul li:hover ul.submenu{display:block}

div#nav ul.submenu{background-color:#BBD1E8; border:1px solid #A3C2E1; border-top:0; left:-1px; position:absolute; top:75px; z-index:1000}

div#nav ul.submenu li{width:200px}

div#nav ul.submenu li a{color:#2F2B64; height:auto; line-height:20px; padding:3px 0 3px 11px; width:auto}

div#nav ul.submenu li a:hover{background:#4E80B3; color:#fff; cursor:pointer; cursor:hand}

div#nav ul.submenu li a span{font-size:14px}

span.navSeperator{background-image:url(/img/nav_seperator.png); height:17px; width:20px; float:left; margin:4px 10px 0px}

div#bodyContent{position:relative; background-image:url(/img/content_background_gradient.png); background-repeat:repeat-y; padding:0 0 0 20px; width:790px}

div#panel-frame{position:relative; width:783px; height:385px; overflow:hidden}

div#footer{background-image:url(/img/footer_trans.png); background-repeat:no-repeat; height:34px; padding-top:23px; width:819px}

#footer p{color:#aaa; font-size:0.6em; letter-spacing:2px; text-align:center}

#footer p a, #footer p a:visited{color:#aaa; text-decoration:none}

#footer p a:hover{color:#aaa; text-decoration:underline}

div#callUs{display:none}

.hidden{display:none}

.panel{color:#5b5b5b}

.panel a, .panel a:visited{color:#2f2b64; text-decoration:underline; font-size:1.1em}

.panel p a, .panel p a:visited, .panel p a:hover{font-size:1em}

.panel a:hover{color:#2f2b64; text-decoration:none; font-size:1.1em}

/* page-specific */
/* home page */
div#panel-home{background-image:url(/img/site_pics_trans.png); background-repeat:no-repeat; padding:0px 0px 0px 260px; width:523px}

/* about us page */
div#panel-about-us{background-image:url(/img/about-us/worker_trans.png); background-repeat:no-repeat; background-position:30px 30px; padding:10px 0px 0px 250px; width:523px}

/* web services */
div#panel-web-services{padding:10px 0px 0px 250px; position:relative; width:523px}

/* contact us */
div#panel-contact-us{padding:10px 0px 0px 250px; width:523px}

#panel-contact-us h3{margin-bottom:10px}

div#panel-contact-us .directions p{color:#2F2B64; font-weight:bold}

div#panel-contact-us .directions ul{font-size:12px; margin-left:250px; list-style-type:disc}

div#panel-contact-us .directions ul li{margin-bottom:10px}

#contact-form .details{float:left}

#contact-form p{font-size:.9em; padding-bottom:6px}

#contact-form p.note{margin-bottom:8px}

#contact-form label{font-size:.9em; font-weight:bold; float:left; width:120px}

#contact-form .message{font-size:.9em}

#contact-form .message textarea{height:100px; width:325px}

#contact-form button{margin:6px 0 0 120px}

#contact-form .submit input{padding:3px}

div#panel-contact-us .vcard{}

div.panelMenu{background-image:url(/img/web-services/submenu-bg-trans.png); background-repeat:no-repeat; left:20px; padding:18px 22px 7px; position:absolute; top:0; width:210px}

div.panelMenu ul{font-size:0.67em; list-style-type:disc; padding:0 0 0 18px; width:150px}

div.panelMenu .posRelative{height:100%}

div.panelMenu .submenu-footer{background-image:url(/img/web-services/submenu-bg-footer-trans.png); background-repeat:no-repeat; bottom:-35px; height:28px; left:-22px; position:absolute; width:210px}

div.panelMenu ul li{padding-bottom:7px}

div.panelMenu ul li a, div.panelMenu ul li a:visited{line-height:1.3em; text-decoration:none; margin-left:2px}

div.panelMenu ul li a.active{font-weight:bold}

div.panelMenu ul li a:hover{text-decoration:underline}

div#panel-about-us h3 span{color:#666; display:none}

.panel h3{color:#2f2b64; font-size:1.4em; margin-bottom:1em}

.panel h4{color:#2f2b64; font-size:.9em; font-weight:bold; margin-bottom:1em}

div#panel-home p{width:420px}

/* Map */
.map{float:left; width:275px}

.panel{height:20em; position:absolute; top:25px; width:783px}

.hidden{display:block}

#panel-wrapper{position:relative; left:0}

#slide_container{overflow:hidden; height:305px; position:relative}

#slide_holder{position:absolute; top:0}

.slide{background-position:0 25px; background-repeat:no-repeat; height:305px; padding-left:310px; width:460px}

#panel-portfolio h3{font-size:15px; font-weight:normal; left:310px; position:absolute; top:15px; z-index:1000}

#panel-portfolio .details h4{font-size:30px; font-weight:normal; padding-top:35px; margin:0}

#panel-portfolio .details{}

.detailsContent p{font-size:.9em}

.detailsContent p .key{float:left; font-weight:bold; color:#2F2B64}

.detailsContent p .value{display:block; margin-left:145px}

#panel-portfolio .controls{margin-left:310px; width:300px}

/* FancyBox */
html, body{height:100%}

div#fancy_overlay{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#666; display:none; z-index:30}

* html div#fancy_overlay{position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}

div#fancy_loading{position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100}

div#fancy_loading div{position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url('fancy_progress.png') no-repeat}

div#fancy_loading_overlay{position:absolute; background-color:#FFF; z-index:30}

div#fancy_loading_icon{position:absolute; background:url('fancy_loading.gif') no-repeat; z-index:35; width:16px; height:16px}

div#fancy_outer{position:absolute;     top:0;     left:0;     z-index:90;     padding:18px 18px 32px 18px;     margin:0;     overflow:hidden;     background:transparent;     display:none}

div#fancy_inner{position:relative; width:100%; height:100%; border:1px solid #444; background:#FFF}

div#fancy_content{position:relative; margin:0; z-index:100; width:100%; height:100%}

div#fancy_div{background:#000; color:#FFF; height:100%; width:100%; z-index:100}

img#fancy_img{position:absolute; top:0; left:0; border:0; padding:0; margin:0; z-index:100; width:100%; height:100%}

div#fancy_close{position:absolute; top:-12px; right:-15px; height:30px; width:30px; background:url('fancy_closebox.png') top left no-repeat; cursor:pointer; z-index:181; display:none}

#fancy_frame{position:relative; width:100%; height:100%; display:none}

#fancy_ajax{position:absolute; overflow:auto; top:15px; left:15px; bottom:15px; right:15px}

* html div#fancy_ajax{height:expression((this.parentNode.clientHeight - 30)+"px")}

a#fancy_left, a#fancy_right{position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; z-index:111; display:none; background-image:url(data:image/gif; base64,AAAA)}

a#fancy_left{left:0px}

a#fancy_right{right:0px}

span.fancy_ico{position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:112; cursor:pointer; display:block}

span#fancy_left_ico{left:-9999px; background:transparent url('fancy_left.png') no-repeat}

span#fancy_right_ico{right:-9999px; background:transparent url('fancy_right.png') no-repeat}

a#fancy_left:hover{ visibility:visible}

a#fancy_right:hover{ visibility:visible}

a#fancy_left:hover span{left:20px}

a#fancy_right:hover span{right:20px}

.fancy_bigIframe{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent}

div#fancy_bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:70; border:0; padding:0; margin:0}

div.fancy_bg{position:absolute; display:block; z-index:70; border:0; padding:0; margin:0}

div.fancy_bg_n{top:-18px; width:100%; height:18px; background:transparent url('fancy_shadow_n.png') repeat-x}

div.fancy_bg_ne{top:-18px; right:-13px; width:13px; height:18px; background:transparent url('fancy_shadow_ne.png') no-repeat}

div.fancy_bg_e{right:-13px; height:100%; width:13px; background:transparent url('fancy_shadow_e.png') repeat-y}

div.fancy_bg_se{bottom:-18px; right:-13px; width:13px; height:18px; background:transparent url('fancy_shadow_se.png') no-repeat}

div.fancy_bg_s{bottom:-18px; width:100%; height:18px; background:transparent url('fancy_shadow_s.png') repeat-x}

div.fancy_bg_sw{bottom:-18px; left:-13px; width:13px; height:18px; background:transparent url('fancy_shadow_sw.png') no-repeat}

div.fancy_bg_w{left:-13px; height:100%; width:13px; background:transparent url('fancy_shadow_w.png') repeat-y}

div.fancy_bg_nw{top:-18px; left:-13px; width:13px; height:18px; background:transparent url('fancy_shadow_nw.png') no-repeat}

div#fancy_title{position:absolute; bottom:-32px; left:0; width:100%; z-index:100; display:none}

div#fancy_title div{color:#FFF; font:bold 12px Arial; padding-bottom:3px}

div#fancy_title table{margin:0 auto}

div#fancy_title table td{padding:0; vertical-align:middle}

td#fancy_title_left{height:32px; width:15px; background:transparent url(fancy_title_left.png) repeat-x}

td#fancy_title_main{height:32px; background:transparent url(fancy_title_main.png) repeat-x}

td#fancy_title_right{height:32px; width:15px; background:transparent url(fancy_title_right.png) repeat-x}