/*** COLORS ***/



body { background-color: #fff; } /* layout was #3d4242 */

body, div#navBar a, div#buttons a, div#buttons2 a { color: #585858}

h1 { color: #cf2027; }

div#footer p, div#footer a { color: #cf2027; }

div#navBar a:hover, div#footer a:hover, div#buttons a:hover, div#buttons2 a:hover { color: #cf2027; }
    
div#navbar { font-size: 0.7em; }

span#adminMenu { text-decoration: underline; font-size: 1em; }

div.here, div.here a { color: #cf2027 !important; font: inherit; }

span.addNew { font-size: 1em; }



/* END */

/*** GLOBALS ***/



* { font-size: 16px;padding: 0;margin: 0;outline: none; }

body {

  font: normal 80% Helvetica, Arial, sans-serif;

}

h1 {

  font-size: 0.747em;

  font-weight: normal;

}

ul#nav {

  font-size: 15px;

  color: #cf2027;

  margin-left: 24px;

  margin-top: -13px;
  
  padding-bottom: 22px;
    
  float: left;

}

ul#nav li {
  
  list-style-type: none;
  
  float: left;

}

ul#nav li a {

  color: #afafaf;
  
  text-decoration: none;
  
  display: block;

}

ul#nav li a:hover {

  color: #cf2027;

}

ul#nav li.menuSpacer {

    color: #000;
    
    padding: 0 5px;
    
    float: left;

}

ul#nav li.here a {

  color: #cf2027;

}

ul#nav li span {   
 
    float: left;
    
    position: absolute;
    
    display: none;
    
    width: 400px;
    
    margin-top: -1px;
        
}

ul#nav li span.work {   
 
    margin-left: -45px;
        
}

ul#nav li span.active {  

    display: block;
        
}

ul#nav li:hover span {

    display: block;

}

ul#nav li span a { 

    display: inline; 
    
    font-size: 11px;
    
    margin-right: 12px;

    color: #afafaf !important;

}

ul#nav li span a:hover {

    text-decoration: none;

    color: #cf2027 !important;

}

ul#nav li span a.here { 

    color: #cf2027 !important;

}

span.rightItems {
    
    float: right;
    
    position: relative;
    
    top: 32px;

    font-size: 11px;
    
    margin-right: 40px;
    
}

span.rightItems img {
    
    position: relative;
    
    top: 5px;
    
    left: -40px;
}

span.rightItems a {

  color: #cf2027;

  text-decoration: none;

}

span.rightItems a:hover {

  color: #cf2027;

}

img.contentNav {

    margin: 5px;
    
    position: relative;
    
    top: -1px;
    
}
/*
span.contentNavigation {

  font-size: 8pt;

  line-height: 2em;

  vertical-align: middle;

  padding-bottom: 2px;

}

.leftArrow, .rightArrow {

  line-height: 2em;

}
*/
p, li, div#buttons2 {

  font-size: 0.747em;

  line-height: 2em;

  margin-top: 0.8em;

}

p {
    
    line-height: 1.7em;
    
}

p b, p em {

  font-size: 12px;
    
}

p a, div#contentMain ul li a {
    
    color: #cf2027;
    
}

p a:hover, div#contentMain ul li a:hover {

    color: #cf2027;
    
}

p ul {

    list-style-type: none;
    
}

p.services {

    width: 150px;
    
    float: left;
    
}

div#contentMain ul li {

    margin: 0;

    margin-left: 15px;
    
    padding: 0;
    
}

div#buttons2 { 

    height: 30px;

    padding-top: 10px;

    margin-right: 0px;

}

a {

  font: inherit;

}

img { border: none; }

div.here { display: inline; }



/* END */

/*** LAYOUT ***/



div#bioCopy {

    margin: 0 0 0 24px;

    width: 775px;

}



img#hrule {

    padding: 10px 0 30px 0;

    margin-left: 24px;

}



div#logo {

    padding-top: 30px;

    padding-left: 25px;

}



img.icon {

    padding-bottom: 13px;

}



div#pageWrapper {

  padding-bottom: 50px;

}

div#content, div#header { 

    width: 840px;

    height: 700px;

    /*border: solid 1px black;*/

}

div#content {

  margin: 0 auto;

  /*margin-left: -480px;

  position: relative;

  top: 0;

  left: 50%;*/

}

div#header {

  height: 80px;

  /*position: relative;*/

}

div#navigation, div#navBar { 

    margin-top: 25px;

    width: 314px;

} /* This is the width of your navigation section */



div#navigation {

  /*height: 294px;*/

  position: absolute;

  right: 0; 

  top: 0; 

}

div#contentMain, h1 { float: left; clear: left; }

div#contentMain { padding-bottom: 25px; }

div#contentMain, div#footer {

  width: 510px;

  position: relative;

  top: 0;

  left: 0;

}

div#contentAux {

  width: 200px;
  
  float: right;
  
  clear: none;
  
  margin-right: 40px;

}

div#portfolio {

  width: 775px;

  text-align: center;

  margin: 30px 0;

}



div#cmsWrapper {

  width: 775px;

  padding: 0 60px 0 24px;

}



/* END */

/*** N A V I G A T I O N ***/



div#navigation ul {

  list-style-type: none;

  margin-left: 114px;

}

div#navigation li {

  font-family: Helvetica, Arial, sans-serif;

  line-height: 0.7em;

}

div#navBar a { text-decoration: none; }





/* END */

/*** P R E S E N T A T I O N ***/



div#contentAux p {

  font-family: Helvetica, Arial, sans-serif;

  font-style: italic;

  margin-top: 150px;

}

div#contentAux p.quoteAuthor { text-align: right; margin-top: 0; }



/* END */

/*** P O R T F O L I O ***/



div#buttons, div#buttons2 { text-align: right; }

div#buttons a, div#buttons2 a { text-decoration: none; display: inline; }



/* END */



/****admin content****/



table.manageContent {

    border: 1px;

    width: 775px;

    margin-left: 24px;

    margin-top: 10px;

}



table.manageContent th { 

    text-align: left;

    padding: 5px;    

}



table.manageContent td { 

    background-color: #999999;

    color: #FFFFFF;

    padding: 10px;    

}



.sort {

    width: 20px;

    text-align: center;

}



#addButtons {

    margin: 0 24px;

}



.editButtons {

    float: right;

    font-size: 8pt;

}



.editButtons a {

    color: #FFFFFF;

    text-decoration: none;

}



.editButtons a:hover {

    color: #000000;

}



.addNew {

    float: left;

    clear: none;

}



#sortable-list { 

    padding:0;

}



li.sortme { 

    padding:4px 8px;

    color:#000;

    cursor:move;

    list-style:none;

    width:500px;

    background:#ddd;

    border:1px solid #999;

}



#message-box {

    background:#fffea1;

    border:2px solid #fc0;

    padding:4px 8px;

    margin:0 0 14px 0;

    width:500px;

}



td.formItem, td.formInput {

    width: 200px;

    padding: 5px;

    background-color: #999999;

    color: #000;

}



td.formItem {

    text-align: right;

}



td.formItem, td.formInput a {

    color: #FFFFFF;

    text-decoration: none;

}



td.formItem, td.formInput a:hover {

    color: #000000;

}



td.formSubmit {

    text-align: center;

    padding: 10px;

}



table#passChange, table#editItem {

    margin-left: 24px;

}