/* Import Basic styles (including Reset.css)
Look in this include for all the basic formatting, this file is also included in the Editor.css file!!
----------------------------------------------------*/
@import url("Basic.css");


/* Sitewide styles and overrides
----------------------------------------------------*/

html 
{
    height:100%;    
}

body
{
    background-color: #000;
    font-size: .8em;
    font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
    color: #B9B9B9;
    /*background-image: url('/Content/Images/BackgroundTexture1.jpg');*/
    background-position: left top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height:100%;    
}

body#home 
{
    background-image: none;
}


/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

#header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    color: #000;
}

#main
{
    margin: 0px 0px 0px 223px;
    padding: 0px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
    width: 642px;
    position: relative;
    min-height:100%;
}

#body 
{
    padding: 38px 0px 100px 0px;
}

#footer
{
    border-top: 1px solid #333;
    padding-top: 15px;
    font-size: 11px;
    height: 75px; /* required */
    margin-top: 25px;
    position:absolute;
    bottom:0;
    width:100%;
}

.red 
{
    color: #C91419;
}

/* GALLERY STYLES */

#gallery-container 
{
    background-image: url('/Content/Images/70-percent-trans.png');
    _background-image: none;
    _background-color: #1F1F1F;
    padding: 3px;  
}

#gallery 
{
    padding: 0px;
    margin: 0px;
    width: 642px; 
    /*height: 157px;
    overflow: hidden;*/
}

#gallery ul 
{
    list-style: none;
    margin: 0px;  
    padding: 0px;
    overflow: hidden;
}

#gallery li.page
{
    padding: 0px;
    margin: 0px;
}

#gallery ul li ul
{
}

#gallery li.item 
{
    width: 157px;
    height: 157px;
    padding: 0px;
    margin: 1px;
    float: left;
    position: relative;
}

#gallery div.image-container
{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 157px;
    width: 157px;
    padding: 0px;
    -ms-interpolation-mode: bicubic;
    /*z-index: 1;*/
}

#gallery div.image-container:hover
{
    background: url('/Content/Images/WallShadow.png') no-repeat center center;
}

#gallery img.project-image 
{
    height: 100%;
    width: 100%;
}

#gallery a.project-edit-link 
{
    position: absolute;
    bottom: 14px;
    right: 17px;
}

#gallery a.project-link 
{
}

.project-add-link 
{
    position: absolute;
    right: 8px;
    top: 37px;
}


/* GALLERY STYLES: Navigation
---------------------------------------------------------*/

#gallery-container .next 
{
    position: absolute;
    top: 50%;
    right: -90px;
    background-image: url('/Content/Images/Next_Off.png');
    height: 35px;
    width: 89px;
    visibility: hidden;    
}

#gallery-container .next:hover 
{
    background-image: url('/Content/Images/Next_Over.png');  
    background-position: 1px 1px;  
}

#gallery-container .last 
{
    position: absolute;
    top: 50%;
    left: -95px;
    background-image: url('/Content/Images/Last_Off.png');
    height: 35px;
    width: 89px;
    visibility: hidden;
}

#gallery-container .last:hover 
{
    background-image: url('/Content/Images/Last_Over.png');
    background-position: 1px 1px;    
}

/* GALLERY STYLES: Project details
---------------------------------------------------------*/
#modal
{
    /*position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 40;*/
    /*background-image: url('/Content/Images/85-percent-trans.png');
    _background-image: none;*/
    /*background-image: url('/Content/Images/BackgroundTexture1.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    background-attachment: fixed;   */ 
    /*background-color: Black;*/
}

#modal h2 
{
    position: absolute;
    top: 15px;
    left: 50px;
    z-index: 5;
    background-image: url('/Content/Images/85-percent-trans.png');
    padding: 2px 5px 2px 5px;
}

#modal .close-button 
{
    position: absolute;
    top: 0px;
    right: 35px;
    text-indent: -9999px;
    background-image: url('/Content/Images/Button_Close.png');
    height: 27px;
    width: 95px;
    z-index: 25;
}

#modal #details 
{
    border-top: 1px solid #363636;
    background-image: url('/Content/Images/ModalDetailBackground.png');
    padding: 25px;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    font-size: .9em;
    z-index: 5;
}

#modal #details-toggle
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    height: 25px;
    display: block;
    position: fixed;
    z-index: 5;    
}

#modal #details-toggle a 
{
    position: absolute;
    right: 20px;
}

#modal #details .description 
{
    margin-bottom: 15px;
}

#modal #details .client-name 
{
    margin-bottom: 15px;
}

#modal #details .tags div, #modal #details .client-name div 
{
    width: 100px;
    float: left;
}

.tag 
{
    padding-left: 16px;
    background-image: url('/Content/Images/Tag.png');
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 15px;
}

div#slides 
{
    margin: -300px auto 0px auto;
    top: 50%;
}

div#slides ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;    
}

div#slides ul li 
{
    padding: 0px;
    margin: 0px;
    height: 600px;
    width: 900px;
    text-align: center;
}

div#slides ul li img 
{
    margin: 0px auto 0px auto;
 
}

div#slides-wrapper .next 
{
    position: absolute;
    top: 50%;
    right: 70px;
    background-image: url('/Content/Images/Next_Off.png');
    height: 35px;
    width: 89px;
    z-index: 25;
}

div#slides-wrapper .next:hover 
{
    background-image: url('/Content/Images/Next_Over.png');  
    background-position: 1px 1px;  
}

div#slides-wrapper .last 
{
    position: absolute;
    top: 50%;
    left: 70px;
    background-image: url('/Content/Images/Last_Off.png');
    height: 35px;
    width: 89px;
    z-index: 25;    
}

div#slides-wrapper .last:hover 
{
    background-image: url('/Content/Images/Last_Over.png');
    background-position: 1px 1px;    
}

div#slides-wrapper 
{
    position: absolute;
    margin: 0px;
    height: 100%;
    width: 100%;
    text-align: center;
    top: 0px;
}

/* EDIT PROJECT  
----------------------------------------------------------*/

ul.edit-project-slides 
{
    list-style: none;
    margin: 0px;
    padding: 0px;    
}

ul.edit-project-slides li
{
    float: left;
    height: 94px;
    width: 94px;
    padding: 0px;
    border: solid 2px #262626;
    margin: 0px 2px 2px 0px;
}

ul.edit-project-slides li img
{
    height: 94px;
    width: 94px;
}

ul.edit-project-slides li.current, ul.edit-project-slides li.current:hover
{
    border: solid 2px #fff;
}

ul.edit-project-slides li.current img
{
    height: 92px;
    width: 92px;
    margin: 1px;
}

ul.edit-project-slides li.disabled img 
{
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;    
}

ul.edit-project-slides li:hover
{
    border: solid 2px #999999;
}


/* TAB MENU   
----------------------------------------------------------*/

#company-container 
{
    position: absolute;
    top: 0px;
    left: 28px;
    height: 100px;
    width: 162px;
    z-index: 5;    
}

#company-logo 
{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 5;
}

#company-logo-glow
{
    position: absolute;
    left: 0px;
    top: 0px;
}

#company
{
    text-indent: -9999px;
}

#menu 
{
    background-color: #252525;
    width: 162px;
    left: 28px;
    position: absolute;
    top: 100px;
    z-index: 40;
}

#menu .opener 
{
    padding: 7px 0px 7px 13px;
}

#menu a
{
    color: #fff;
    text-decoration: none;
    padding: 7px 0px 7px 13px;
    *padding: 6px 0px 6px 13px; /* IE 6 and 7 only */
    display: block;
    text-transform: uppercase;  
    font-size: 13px;
    line-height: 11px;
    *line-height: 8px; /* IE 6 and 7 only */
    margin: 0px;
}

ul#menu-list
{
    background-color: #252525;
    width: 162px;
    padding: 0px;
    margin: 0px;
    position: absolute;
}

ul#menu-list li
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    line-height: 10px;    
    *line-height: 8px; /* IE 6 and 7 only */    
}

ul#menu-list li a
{

}

ul#menu-list li a.current
{
    background-image: url('/Content/Images/MenuIndicatorBig.png');
    background-repeat: repeat-y;
    font-weight: bold;
}

ul#menu-list li a:hover
{
    text-decoration: none;
    font-weight: bold;
    background-color: #373737;
}

ul#menu-list li a:active
{
    text-decoration: none;
}

ul#menu-list li.selected a
{
    background-color: #fff;
    color: #000;
}

ul#menu-list ul 
{
    margin: 0px 0px 0px 15px;
    padding: 0px;
}

ul#menu-list li ul li a
{
    font-size: 11px;
    padding: 5px 0px 5px 13px;
    *padding: 4px 0px 4px 13px; /* IE 6 and 7 only */
    
}

/* CLIENT ROSTER
----------------------------------------------------------*/

div#featured-clients-wrapper
{
    z-index: 5;
    position: fixed;
    width: 162px;
    height: 80px;
    bottom: 10px;
    left: 34px;
}

div#featured-clients ul 
{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

div#featured-clients ul li
{
    z-index: 5;
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
    width: 100%;
    text-align: center; 
}

/* USERS
----------------------------------------------------------*/

#users ul.users li
{
    float: left;
    width: 33%;
    margin-bottom: 15px;
}



/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 0px;
    padding: 0px;
    border: 0px solid #CCC;
}

fieldset .help 
{
    font-size: 11px;
}

fieldset > div 
{
    margin: 2px 12px 10px 0px;
}

fieldset div.editor-label 
{
    margin-bottom: 1px;
}

fieldset p 
{
    margin: 2px 12px 10px 0px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}




/* Tiny MCE editor styles
-----------------------------------------------------*/
.mceEditor table 
{
  border: 0px !important;
  border-collapse: collapse !important;
  width: 100%;/*auto !important*/
  
}

.mceEditor table td 
{
  padding: 0px !important;   
  border: solid 1px #e8eef4;
}

.mceEditor table th
{
  padding: 0px !important;
  text-align: left;
  background-color: inherit; 
  border: solid 0px #e8eef4;   
}


/* SuperSize plugin
-----------------------------------------------------*/

#supersize img, #supersize div, #supersize .duration{
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    border-width: 0px;
}
#supersize .activeslide, #supersize .activeslide img
{
    display: inline;
    position: relative;
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}
#supersize a 
{
    cursor: default;
}
#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
	z-index: 2;
}

#supersize-nav-holder
{
    cursor: pointer;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position:fixed;
    z-index: 5;
}
#nextslide
{
    position: absolute;
    top: 50%;
    right: 30px;
    background-image: url('/Content/Images/Home_Next_Off.png');
    background-repeat: no-repeat;
    height: 31px;
    width: 84px;
}

#nextslide:hover 
{
    background-image: url('/Content/Images/Home_Next_On.png');   
}

#prevslide
{
    position: absolute;
    top: 50%;    
    left: 30px;
    background-image: url('/Content/Images/Home_Last_Off.png');
    background-repeat: no-repeat;
    height: 31px;
    width: 84px;    
}

#prevslide:hover 
{
    background-image: url('/Content/Images/Home_Last_On.png');   
}


/*

#supersize img, #supersize div, #supersize .duration
{
    height: 100%;
    width: 100%;
    display: none;
    position: absolute;
    border-width: 0px;
}
#supersize .activeslide, #supersize .activeslide img
{
    position: static;
    display: inline;
}
#supersize .activeslide
{
    display: none;
}
.slide-button
{
    cursor: pointer;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}
#nextslide
{
    right: 30px;
}
#prevslide
{
    left: 30px;
}


*/