body { height:100%; padding:0px; margin:0px; background-color:#0f0f0f; font-family:Arial, Helvetica; font-size:12px; color:#fff; }
a { text-decoration:none; border:0px;}
img { border:none; }
form { margin:0px; padding:0px; }

.clearIt{ clear:both; height:1px; margin:0px; overflow:hidden; line-height:0px; }
.lefty { float:left; }
.righty {float:right;}

div#enclose { width:100%; height:100%; display:table; margin:0px auto 0px auto; text-align:center; #position:relative; }
div#position { width:1100px; height:577px; display:table-cell; margin:auto; vertical-align:middle; text-align:center; #position:relative; #top:50%; }
div#content { width:1100px; height:577px; margin:auto; text-align:left; border:solid 1px #232323; background:url(images/bckg.jpg) no-repeat; #position:relative; #top:-50%; }

#logoHolder { margin:55px 0px 33px 36px; }

#leftSide, #rightSide { float:left; }
#leftSide { width:190px; margin:0px 0px 0px 47px; position:relative; }
#mainNav { margin:0px; padding:0px; list-style:none; }
#mainNav li { height:25px; margin-bottom:10px; }
#mainNav li a { background-position:left top; background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-3000px; height:25px; }
#mainNav li a:hover { background-position:left center; }
#mainNav li a.active { background-position:left bottom; }

.navProjects { width:142px; background-image:url(images/navProjects.gif); }
.navReel { width:69px; background-image:url(images/navReel.gif); }
.navNews { width:85px; background-image:url(images/navNews.gif); }
.navInfo { width:62px; background-image:url(images/navInfo.gif); }
.navBlog { width:71px; background-image:url(images/navBlog.gif); }

#loginBox { margin:175px 0px 0px 0px; }
.txtFld { width:93px; height:16px; padding:2px 4px; margin:0px; border:none; background:url(images/bckgInputFld.png) repeat-x top left; font-size:9px; color:#fff; line-height:12px; }
#loginBox label, #loginBox .btn, #loginBoxH label, #loginBoxH .btn { font-family:Arial Narrow, Arial, Helvetica; font-size:10px; line-height:9px; text-transform:uppercase; margin:0px 0px 0px 7px; color:#fff; }
#loginBoxH {margin-top:350px;}

#rightSide { width:825px; height:405px; /*background:url(images/GUIDE.jpg) no-repeat top left;*/ }
#navCategories { width:724px; height:14px; margin:0px 0px 9px 17px; padding:0px; list-style:none; float:left; }
#navCategories li { float:left; text-transform:uppercase; margin:0px 20px 0px 0px; }
#navCategories li a { color:#fff; font-family:Arial Narrow, Arial, Helvetica; }
#navCategories li a:hover { color:#747474; }
#navCategories li a.active { color:#22b2c7; }

ul#icoHolder { margin:0px; padding:0px; list-style:none;}
ul#icoHolder li { float:left; width:16px; margin:0px 7px 0px 0px;   }
ul#icoHolder li a { width:20px; height:18px; display:block; overflow:hidden!important; text-indent:3000px!important; }
ul#icoHolder li.fb { width:17px; height:16px; background:url(images/icoFacebook.gif) no-repeat top left; margin-top:1px;}
ul#icoHolder li.tw { height:16px; background:url(images/icoTwitter.gif) no-repeat top left; margin-top:1px;}
ul#icoHolder li.wd { height:17px; background:url(images/icoWiredrive.gif) no-repeat top left;}
ul#icoHolder li:hover { background-position:bottom left; }

.viewThumb, .viewList { height:14px; display:block; float:left; background-position:top left; background-repeat:no-repeat; overflow:hidden; text-indent:-3000px; }
.viewThumb { width:20px; margin:0px 7px 0px 0px; background-image:url(images/icoThumbs.gif); }
.viewList { width:27px; background-image:url(images/icoList.gif); }
.viewActive { background-position:top right; }

.seeThrough { opacity:.30; filter:alpha(opacity=30);-moz-opacity:.30; }

#projHolder, #simpleContent { width:825px; margin:0px; }
#simpleContent { width:740px; height:313px; margin:0px 0px 0px 16px; position:relative; padding:17px 30px 0px 25px; background:url(images/bckgNews.jpg) no-repeat top left; }
#simpleContent div.jScrollPaneContainer{position:relative; top:inherit; height:275px!important;}
#scrollMe { width:750px; height:275px; overflow:hidden;}

.newsBox { width:750px; margin-bottom:20px; line-height:17px; color:#7a7a7a; }
.newsBox h2 { margin:0px 0px 8px 0px; text-transform:uppercase; font-weight:normal; font-size:18px; color:#fff; }
.newsBox .text { width:510px; margin-right:25px; }
.newsBox .pic { width:180px; margin-right:20px; }
.newsBox a { color:#e131a2; }



.media { width:590px; height:313px; padding:0px 60px 0px 0px; }
.mediaReal { width:534px; height:303px; margin:0px 0px 5px 16px; text-align:left; }
.mediaTitle { margin:6px 0px 0px 19px; text-transform:uppercase; font-family:Arial Narrow, Arial, Helvetica, Sans-Serif; font-weight:normal; font-size:18px; color:#c2c2c2; }
.pink { color:#ff34b6; }

#imgRotator { position:absolute; top:0px; left:0px; } 
#imgRotator a { border:0px; }
#footerH { position:absolute; bottom:34px; right:70px; z-index:20;}
#footer { margin:0px 0px 0px 660px;height:10px; }
*+html #footer { background-color:Red;}

div#blogContainer, .blogNav { width:810px; }
div#blogContainer { height:326px; padding:13px 0px 0px 0px; clear:both; }
div#blogContainer .lefty{margin:0px 25px 0px 0px; width:363px; height:296px; overflow:hidden;}
div#blogContainer h2{font-family:Arial,Helvetica; color:#22b2c7; padding:0px; margin:0px; font-size:14px; text-transform:uppercase;}
div#blogContainer h3{color:#d9d9d9; padding:0px; margin:6px 0px 0px 0px;}
div#blogInfo p, div#blogInfo div{color:#8c8c8c; }

div#blogInfo{height:296px; float:left; width:422px;}
div#blogInfo a.viewProject{color:#cccccc; text-transform:lowercase; text-decoration:underline; }
div#blogInfo a.viewSite{color:#ff34b6; text-decoration:underline; line-height:25px;}

#blogEntry { height:182px!important; margin:20px 0px 20px 0px;  position:relative; }
#blogEntry .jScrollPaneContainer, #blogEntry .jScrollPaneTrack, #simpleContent .jScrollPaneContainer, .group .jScrollPaneContainer  { top:0px!important; }
#blogEntry .jScrollPaneContainer, #blogEntry .jScrollPaneTrack { height:182px!important; }

a.blogPrevious{color:#22b2c7; font-size:12px; text-transform:uppercase; font-family:Arial,Helvetica; display:block; float:left;}
a.blogPrevious:hover{color:#666666;}
a.blogNext{color:#22b2c7; font-size:12px; text-transform:uppercase; font-family:Arial,Helvetica; display:block; float:right;}
a.blogNext:hover{color:#666666;}


/* list view of projects */
*html .group { width:266px!important; }
.group { width:226px!important; height:315px!important; padding:16px 18px 0 22px; }

.group h1, .group h2, .group h3, .group .items h2 { margin:0px; text-transform:uppercase; font-family:Arial Narrow, Arial, Helvetica, Sans-Serif; font-weight:normal; font-size:22px; }
.group h1 { margin:5px 0px 10px 0px; width:220px;}
.group h3 { color:#919191; font-size:14px; margin-top:1px; }
.group .subTtl { height:40px; }

.group .items { height:230px; width:226px!important;  overflow:auto; }
.group .items h2 {  font-size:22px; margin-top:0px; width:200px;}
.group .items h2, .group .items a { color:#888888; text-decoration:none; }
.group .items a { height:auto!important; text-indent:0px!important; background:none!important; }
.group .items a:hover, .group .item a { color:#ff34b6; text-decoration:none; }
.group .items h2 a:hover { text-decoration:none; }
.group .items h2 a { font-size:22px; width:220px; display:block;}
.group .item { height:210px; width:215px!important; overflow:auto; padding-right:15px;}
*html .group .item { width:230px!important; }
.group .item p { margin:0px; line-height:16px; color:#919191; padding-right:10px;  }

.group .jScrollPaneContainer { position:relative; }
#imageContent{text-align:center;}