@charset "utf-8";
/* CSS Document */
/* immortalwolf.com */

/* FLAG=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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0px;padding: 0px;border: 0;font-weight: normal;font-style: normal;text-decoration:none; font-size:12pt; outline:none;}

/* FLAG=global
----------------------------------------------- */
body{ font-family:Verdana, Geneva, sans-serif; color:#000; background:url(/css/images/bg_pattern.jpg) repeat #000;background-attachment:fixed;}
h1,h2{font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; }
h3,h4,h5,h6{font-family:Georgia, "Times New Roman", Times, serif;}
h1{ color:#222; font-size:400%; font-weight:bold; text-transform:uppercase;}
h2{ color:#333; font-size:280%;font-weight:bold; text-transform:uppercase;}
h3{ color:#62899F; font-size:230%;}
h4{ color:#003; font-size:200%;}
h5{ font-size:140%; padding:15px 0 15px 0; color:#62899F;}
h6{ font-size:120%;}
h6 a{font-size:120%;}
a{color:#09F;}
a:hover{color:#06F;}
em{color:#fff;}
label{font-size:90%;}
label em{color:#C00;font-size:90%; font-weight:bold;}
li{list-style-type:none;}
strong{color:#62899F;}

/* FLAG=common
----------------------------------------------- */
.short{line-height:90%;}
.alignleft{float:left;}
.alignright{float:right;}
.clear,.clearing{clear:both;}
.clearL{clear:left;}
.clearR{clear:right;}
.last{ margin-bottom: 0; }
.screenReader{ left: -9999px; position: absolute; top: -9999px; }
.roundPara,.component{ color:#999; background-color:#333; padding:15px; -moz-border-radius: 10px; text-align:justify; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width:870px; }
.component p{ margin-bottom:10px;}
.component div{margin-bottom:10px;}
.subtle,.subtle a{color:#eef; font-size:50%;}
.iwBlue{color:#62899F;}
.iwBlue strong{color:#333;}
.spaceUp{margin-top:10px;}
.spaceDown{margin-bottom:10px;}
.spaceWide{width:190px; margin-bottom:15px;}
.message{ width:605px; margin-bottom:15px;}
.message h6{background-color:#FF8080; color:#000; padding:5px; font-weight:bolder;}
.mainImage{border:4px solid #ccc;-moz-box-shadow: 3px 3px 3px #666;-webkit-box-shadow: 3px 3px 3px #666;box-shadow: 3px 3px 3px #666;}
.padUp{padding-top:10px;}
.small{font-size:70%; color:#C00; font-weight:bold;}
.download{background:url(/css/images/download.gif) no-repeat 0px 5px;}
.support{background:url(/css/images/support.gif) no-repeat 0px 5px;}
.demo{background:url(/css/images/demo.gif) no-repeat 0px 5px;}
.download,.support,.demo{padding-left:25px; color:#09F;}
.download:hover,.support:hover,.demo:hover{background-position:0px -25px;color:#06F;}
/* FLAG=containers
----------------------------------------------- */
#main{width:900px; margin:0 auto; background-color:#fff; padding:15px;}
#browserShowing{ width:822px; margin:0 auto;}
#mainContent,#subContent,#footer{margin-top:20px;width:900px;}
#breadcrumbs{ padding-top:10px; color:#666; font-size:10pt; width:870px;}
#breadcrumbs a{font-size:10pt; color:#06F;}
#breadcrumbs a:hover{color:#333;}

/* FLAG=header
----------------------------------------------- */
#logoHeader h1 a{ font-size:inherit; color:inherit;}

/* FLAG=navigation
----------------------------------------------- */
#navigation{ border-top:1px solid #999; border-bottom:1px solid #333;width:900px;}
#navigation ul, #navigation ul li{display:inline;}
#navigation ul{margin:10px 0;}
#navigation ul li{float:left;}
#navigation ul li a{padding:10px 20px;color:#003;}
#navigation ul li a:hover{background-color:#333; color:#fff;}
#navigation ul li a.current,#navigation ul li a.current:hover{color:#eee; background-color:#222;}

/* FLAG=forms
----------------------------------------------- */
form ul{width:605px;}
input,textarea{ border:2px solid #222;-moz-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background-color:#ddd; background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fff));background-image: -moz-linear-gradient(top, #ccc, #fff); color:#333; padding:2px;}
input{width:175px;}
textarea{width:406px;}
input:hover,textarea:hover{ border:2px solid #444;background-color:#ccc; color:#222;}
input:focus,textarea:focus{ border:2px solid #666;background-color:#fff; color:#000;}

input[type=submit]{ border:1px solid #000; background:#333;background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));background-image: -moz-linear-gradient(top, #444, #000);color: #fff;text-shadow: #ccc 0px 1px 0px;}
input[type=submit]:hover{background:#ccc;background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fff));background-image: -moz-linear-gradient(top, #ccc, #fff); color:#000;}

#searchform{margin-top:6px;}
#searchform #go{width:auto;}


/* FLAG=footer
----------------------------------------------- */
#footer{ margin:0 auto; width:900px; padding:50px 0 20px 0;}
#footer p{text-align:center; font-size:70%;}
#footer p.links,#footer p.links a{ color:#ccc; font-size:10pt;}
#footer p.links a:hover{color:#666;}

/* FLAG=homepage
----------------------------------------------- */
.hpMore{width:290px; margin-left:15px; background:#999; height:205px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; margin-top:15px;}
.hpMore h5{background-color:#CCC; text-align:center; padding:2px 0 4px 0;}
.hpMore h5 a{font-size:inherit; color:#000; padding:0 50px;}
.hpMore h5 a:hover{color:#06F;}
.hpMore p{ padding:25px 15px 15px 15px;  color:#333; height:100px;}
.hpMore em{ color:#000;}
.hpMore span{padding-left:15px;}
.hpMore span a{ color:#444;}
.hpMore span a:hover{color:#06F;}
.first{margin-left:0px;}

#browserShowing img{opacity:.8;filter:alpha(opacity=80);}
#browserShowing img:hover{opacity:1;filter:alpha(opacity=100);}

/* FLAG=services
----------------------------------------------- */
.servList{width:400px; margin-right:15px;}
.servList li{font-size:90%; list-style-image:url(/css/images/check.gif); margin-left:20px; margin-bottom:3px;}
.servList li ul li{list-style-image:url(/css/images/check-blue.gif);}
.featureList{width:870px;}
.featureList li{font-size:90%; list-style-image:url(/css/images/check-blue.gif); margin-left:20px; margin-bottom:3px;}
.featureList li ul li{list-style-image:url(/css/images/check.gif);}

/* FLAG=portfolio
----------------------------------------------- */
div#portfolioContainer{overflow: hidden; width: 900px;}
ul#filter{float: left; list-style: none; margin-left: 0; width: 100%; padding: 10px 0 10px 0px}
ul#filter a{color: #999; text-decoration: none;}
ul#filter a:hover{color: #666;}
ul#filter li{border-right: 1px solid #ccc;float: left; margin-right: 10px;padding-right: 10px;}
ul#filter li:first-child{border-right:none; margin-right:5px;padding-right: 0; color:#62899F;}
ul#filter li:last-child{border-right: none; margin-right: 0; padding-right: 0;}
ul#filter li.current a, ul#filter a:hover{text-decoration: underline;}
ul#filter li.current a{color: #333;}

ul#portfolio{float: left; list-style: none; width:900px; padding: 15px 0 0 20px;}
ul#portfolio li{border: 1px solid #fff; float: left; margin: 0 13px 5px 0; padding: 5px; width: 190px; }
ul#portfolio li:hover{border-color:#555;}
ul#portfolio a{display: block; font-size:90%; color:#fff;}
ul#portfolio a:hover{color:#000;}
ul#portfolio img{border: 1px solid #ccc; display: block;}

.visit{padding:10px 0 0 0; text-align:center;}
.visitLink{ border:3px solid #666; background-color:#333;color:#fff; margin-bottom:10px; padding:7px 17px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
.visitLink:hover{background-color: #000; color:#09F;border:3px solid #999;}
.visitLink span{color:#fff;}

/* FLAG=repository
----------------------------------------------- */
ul#repository{ float:left; list-style: none; padding:18px 0 15px 10px;width:890px;}
ul#repository li{border: 2px solid #333; float: left; margin: 0 19px 20px 0; width: 427px; }
ul#repository li.second{ margin-right:0px;}
ul#repository li:hover{border-color:#666;}
ul#repository a{display: block; font-size:90%; color:#666;}
ul#repository a:hover{color:#06F;}
ul#repository img{border-bottom: 1px dotted #333; display: block;}

/* FLAG=gallery
----------------------------------------------- */
#gallery{background-color: #333; padding:13px 0 10px 13px;width: 870px; margin-top:5px;}
#gallery ul{list-style: none;}
#gallery ul li{display: inline; margin-right:8px; }
#gallery ul li:last-child{margin-right:0px;}
#gallery ul img{border: 5px solid #999;}
#gallery ul a:hover img{border: 5px solid #fff;color: #fff;}
#gallery ul a:hover{ color: #fff; }
#jquery-overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox{position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img{ border: none; }
#lightbox-container-image-box{position: relative;background-color: #666;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image{ padding: 10px; }
#lightbox-loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav{ left: 0; }
#lightbox-nav a{ outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev{ left: 0; float: left;}
#lightbox-nav-btnNext{ right: 0; float: right;}
#lightbox-container-image-data-box{background-color: #666; margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data{padding: 0 10px; color: #fff; }
#lightbox-container-image-data #lightbox-image-details{ width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption{ font-size:80%; font-weight: bold; }
#lightbox-image-details-currentNumber{display: block; color:#ccc; clear: left; padding-bottom: 1.0em;font-size:80%;}			
#lightbox-secNav-btnClose{width: 66px; float: right;padding-bottom: 0.7em;	}

/* NO EXTRA BROWSER CSS */