/*
THEME NAME: Fluxar Studios Inc.
THEME URI: http://www.fluxar.com/
DESCRIPTION: Not just a theme, but a way of being for Fluxar.
VERSION: 1.0.0
AUTHOR: <a href="http://www.fluxar.com/">Fluxar Studios Inc.</a>
AUTHOR URI:
TAGS: fluxar, grey, lighter, invasion, takeover, robots, aliens, gunfights
*/

/* Two-column with sidebar on left from the /examples/ folder  */
/*@import url('examples/2c-l.css');*/


html{width:100%;height:100%;overflow:auto;}
body{width:100%;min-width:924px;height:100%;border:none;margin:0;padding:0;color:#787878;
	font-family:Arial,Helvetica,Verdana,sans-serif;font-size:12px;line-height:15px;
	background:#dcdcdc url(images/bgGrid.gif) repeat top center fixed;}

input:active, a:active, object:active, embed:active{outline: none;}
input:focus, a:focus, object, embed{-moz-outline-style: none;}
a{color:#787878;text-decoration:none;cursor:pointer;}
a:hover{color:#363636;}
h1, h2, h3{font-weight:bold;color:#A9A9A9;}
h1{font-size:16px;line-height:34px;height:34px;margin:35px 0;}
h2{font-size:15px;line-height:17px;margin:14px 0;}
h3{font-size:13px;line-height:14px;margin:14px 0;}
h1 small, h2 small, h3 small{font-weight:normal;font-size:inherit;}
strong{font-weight:400;color:#000000;}
p{margin:14px 0;}
img{border:none;margin:0;padding:0;}
form{margin:0;padding:0;}
small{font-size:10px;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;height:0px;overflow:hidden;}
.bankGothic{font-family:"Bank Gothic","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;color:#dcdcdd;}
.black{color:#000000;}

#wrapper{background:url(images/bgGrid.gif) repeat top center fixed;position:relative;}
#container{padding-top:145px;}

#header{height:145px;width:100%;min-width:924px;position:fixed;
	background:url(images/bgGrid.gif) repeat top center;z-index:100;}
#head-page-bg{background:url(images/logo.gif) no-repeat top center;height:145px;position:relative;z-index:99;}
#head-inner, #container{width:931px;margin:0 auto;clear:both;text-align:left;}
/*a.logo{width:88px;height:61px;display:block;background:url(images/logo-trans.png) no-repeat;float:left;margin-top:40px;}*/
a.logo{width:100px;height:71px;display:block;margin-top:35px;
	position:absolute;margin-left:420px;}
.nav{list-style:none;float:right;margin:65px 0 0 0;padding:0;}
ul.subnav{float:left;margin-top:50px;width:100%;border-bottom:1px dotted #666666;padding-bottom:9px;}
.nav li{float:left;padding-right:28px;}
.nav li:last-child{padding:0;}
.nav li a{font-size:13px;font-weight:bold;color:#a6a6a6;}
.nav li a:hover{color:#363636;}
.nav li a.active{color:#363636;border-top:2px solid #a6a6a6;padding-top:15px;}
ul.subnav li a.active{padding-top:6px;}

.navigation{float:right;width:46px;position:relative;margin-top:-11px;text-align:right;}
.navigation a{display:block;float:right;cursor:pointer;}
.navigation .nav-previous a{background:url(images/navArrows-trans.png) no-repeat 0 0; width:21px;height:26px;border-right:1px solid #363636;}
.navigation .nav-previous a:hover{background-position:0px -26px;}
.navigation .nav-next a{background:url(images/navArrows-trans.png) no-repeat -22px 0; width:22px;height:26px;}
.navigation .nav-next a:hover{background-position:-22px -26px;}


#menu-slider{height:28px;margin:56px 0 0 3px;float:left;display:block;
	background:url(images/menuBtn-trans.png) no-repeat top right;cursor:pointer;
	padding-right:30px;}
#menu-slider:hover{background-position:right -28px;}
#nav-wrap{height:28px;margin:0;width:315px;float:left;background:url(images/menuBg.gif) repeat-x;
	overflow:hidden;}
#homeText{position:absolute;z-index:10;font-size:13px;font-weight:bold;padding:7px 0 0 11px;
	display:none;float:left;}

#nav{list-style:none;margin:0;padding:7px 0 0 0px;}
#nav li:first-child{padding-left:3px;}
#nav li{float:left;padding-right:17px;margin-bottom:15px;}
#nav li a{font-size:13px;font-weight:bold;color:#a6a6a6;}
#nav li a:hover{color:#fefefe;}
#nav li a.active{color:#fefefe;}

/*
.homeText{position:absolute;font-size:13px;font-weight:bold;padding:6px 0 0 8px;}

#menu-slider{height:28px;margin:65px 0 0 3px;overflow:hidden;float:left;background:url(images/menuBg.gif) repeat-x;}
#menu-slider .button{background:url(images/menuBtn-trans.png) no-repeat top right;cursor:pointer;}
#menu-slider .button:hover{background-position:0px -28px;}
#menu-slider .buttonActive{background:url(images/menuBtn-trans.png) no-repeat 0px -56px;cursor:pointer}
#menu-slider .buttonActive:hover{background-position:0px -84px;}
#nav-wrap{height:28px;margin:0;width:315px;}
#nav{list-style:none;margin:0;padding:6px 0 0 0px;}
#nav li:first-child{padding-left:3px;}
#nav li{float:left;padding-right:17px;margin-bottom:15px;}
#nav li a{font-size:13px;font-weight:bold;color:#a6a6a6;}
#nav li a:hover{color:#fefefe;}
#nav li a.active{color:#fefefe;}
*/

/*
.subnav{list-style:none;margin:0px;padding:50px 0 0 0px;}
.subnav li{float:left;}
*/

#footer{height:176px;width:100%;min-width:924px;clear:both;color:#a6a6a6;font-size:11px;}
#foot-inner{width:931px;margin:0 auto;height:176px;border-top:1px dotted #666666;}
#footer h3{color:#a6a6a6;margin:20px 0 12px 0;}
#footer a{color:#636363;display:block;padding:1px 0px;}
#footer a:hover{color:#363636;}
#footer input{color:#858585;background:#363636;border:none;float:left;font-size:12px;padding:5px 38px 5px 6px;width:200px;margin-top:2px;}
#footer button{background:url(images/form/fieldArrow.gif) no-repeat 0px -4px;width:30px;height:20px;float:left;cursor:pointer;border:none;margin:4px 0 0 -32px;position:relative;}
#footer button:hover{background-position:0px -31px;}
.footMenu{float:left;padding-right:50px;}

#container{padding-bottom:42px;}

/*
a.allBtn{width:65px;height:30px;background:url(images/all-trans.png) no-repeat top left;}
a.viewBtn{width:74px;height:30px;background:url(images/view-trans.png) no-repeat top left;}
a.pdfBtn{background:url(images/work/2010logos-trans.png) no-repeat;width:151px;height:39px;}
a.contactBtn{background:url(images/contact-trans.png) no-repeat;width:109px;height:31px;}
a.allBtn, a.viewBtn, a.pdfBtn, a.contactBtn{display:block;cursor:pointer}
a.allBtn:hover, a.viewBtn:hover, a.pdfBtn:hover, a.contactBtn:hover{background-position:bottom;}
*/
/*
.long-grad{background:url(images/longGrad.gif) no-repeat;width:918px;height:1px;margin:0 auto;}
.short-grad{background:url(images/shortGrad.gif) no-repeat;width:441px;height:1px;margin:0 auto;padding-bottom:13px;}
.slider-top{background:#0f0f0f url(images/index/sliderTopGrad.gif) no-repeat top center;width:100%;min-width:919px;height:1px;}
*/

#project-wrap{width:931px;overflow:hidden;height:248px;margin-bottom:30px;}
#project{list-style:none;margin:0;padding:14px 0 0px 0;min-height:265px}
#project li{float:left;width:218px;margin-left:2px;overflow:hidden;}
.home #project li{float:left;width:217px;margin-left:1px;overflow:hidden;padding:7px;
background:url(images/index/featuredBg-trans.png) no-repeat;height:222px;}
#project li.padded{margin:0 19px 19px 0;}
.home #project li.padded{margin:0 2px 19px 0;}
#project li h2{margin:9px 0 5px 0;font-size:13px;color:#afafaf;}
#project li p{margin:7px 0 32px 0;}

#project li span{display:block;width:218px;position:relative;margin-top:-60px;padding-bottom:10px;margin-left:-218px;}

/*
.newProjBig{position:absolute;margin:-1px 0 0 -4px;}
.newProjMed{position:absolute;margin:0px 0 0 -4px;}
*/

a.social{display:block;width:20px;height:17px;display:inline-block;background:url(images/social-trans.png) no-repeat;}
.facebook:hover{background-position:0 -17px;}
a.twitter{background-position:-20px 0;}
a.twitter:hover{background-position:-20px -17px;}
a.stumble{background-position:-40px 0px;}
a.stumble:hover{background-position:-40px -17px;}
a.behance{background-position:-60px 0px;width:32px;}
a.behance:hover{background-position:-60px -17px;}
a.linked{background-position:-94px 0px;}
a.linked:hover{background-position:-94px -17px;}
a.rss{background-position:-114px 0px;width:24px;}
a.rss:hover{background-position:-114px -17px;}


#home-slider{padding:0;margin:0;width:938px;margin-left:-9px;padding-left:9px;height:369px;text-align:center;list-style:none;background:url(images/index/homeSliderBg2-trans.png) no-repeat;position:relative;}

#work-slider{padding:0;margin:-377px 0 0 0;width:931px;height:412px;text-align:center;list-style:none;background:#ffffff;position:absolute;left:-5000px;}
#work-slider .nivo-prevNav{left:854px;}
#work-slider .nivo-nextNav{right:6px;}
#slider-num{position:absolute;right:12px;bottom:7px;font-size:10px;text-transform:uppercase;}
#close-slider{z-index:90;position:absolute;right:0px;font-size:15px;font-weight:bold;padding:10px 10px 0 0;cursor:pointer;display:none;}


#services{float:left;padding-top:10px}
.service{width:294px;height:182px;}
.service h2 img{float:left;margin-right:14px;position:relative;margin-top:-7px;}
.twoColumn{width:441px;}


#homeNews{list-style:none;padding:0;margin:0;}
#homeNews li{clear:both;font-size:12px;border-bottom:1px dotted #666666;padding:12px 0px;}
#homeNews li:first-child{margin:0;border-top:1px dotted #666666;padding-top:13px;}
#homeNews h2{margin:0;padding: 0px 0 3px 0;}
#homeNews h2 a{font-size:13px;color:#a6a6a6;}
#homeNews h2 a:hover{color:#fefefe;}
.viewpost{float:right;position:relative;display:inline-block;height:17px;width:75px;background:url(images/index/arrowright-trans.png) no-repeat top right;margin-top:10px;}
.viewpost:hover{background-position: right bottom;}

#work-image{float:left;width:647px;min-height:100px;}
#work-image img{padding:0 0 12px 0;}
#work-desc{float:left;margin-left:25px;color:#858585;font-size:13px;width:259px;min-height:100px;}

#work-desc a{color:#dddddd;text-decoration:none;cursor:pointer;}
#work-desc a:hover{color:#fefefe;}
#work-desc strong{font-weight:bold;color:#787878;}
#work-desc ul{margin:0px;padding:0px;position:relative;margin-top:-6px;}
#work-desc li{padding:3px 0px;list-style:disc inside;}

#map{background:url(images/contact/mapShadow2-trans.png) no-repeat;width:741px;height:354px;}
#google-map{width:741px;height:335px;}

.compImgs img{padding:0 0 12px 0;}
.empImgs{padding:0 0 2px 0;}


#updateBrowser{background:url(images/browsers-trans.png) no-repeat;display:none;height:40px;float:right;margin-top:44px;width:189px;}
#updateBrowser strong{font-weight:bold;color:#787878;font-style:italic;}
#updateBrowser div{padding:19px 0 0 8px;}
#updateBrowser a:hover{color:#fefefe;}

h2.entry-title{font-size:16px;text-transform:uppercase;margin:0px;padding:30px 0 24px 0;}

input.fancy{color:#363636;background:#bbbbbb;width:195px;height:16px;border:none;font-size:12px;padding:6px;}
textarea.fancy{color:#363636;background:#bbbbbb;width:566px;height:200px;resize:none;border:none;font-size:12px;padding:8px;font-family:Arial,Helvetica,Verdana,sans-serif;}
input.phone{margin:0px 5px -13px 5px;position:relative;color:#363636;background:#bbbbbb;width:30px;height:17px;border:none;font-size:13px;padding:6px;}
button{color:#363636;font-size:16px;background:none;border:none;float:right;font-weight:bold;margin:15px 0 0 0;cursor:pointer;}
button:hover{color:#787878;}

/*for custom checkbox, radio, and select form elements*/
span.checkbox {margin-bottom:-12px;position:relative;width: 34px;height: 32px;padding: 0 5px 0 0;background: url(images/form/checkbox-trans.png) no-repeat;display: inline-block; cursor:pointer;}
span.radio {width: 19px;height: 25px;padding: 0 5px 0 0;background: url(images/form/radio.gif) no-repeat;display: block;clear: left;float: left;}
span.select {position: absolute;width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */height: 21px;padding: 0 24px 0 8px;color: #fff;font: 12px/21px arial,sans-serif;background: url(images/form/select.gif) no-repeat;overflow: hidden;}


/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

div#primary {
margin-top:2em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl{
float:left;
}


input#author,input#email,input#url{
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}