/*
################ Main Layout Styles ################
*/
body {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:76%; color:#999999; margin:0; padding:0;}

#centeringContainer {width:988px; font-size:1.0em;  text-align:left; margin:0 auto; padding:0;}

.logoContainer {width:988px;}
    .logoPure {display:block; width:99px; float:left; margin-left:15px;}
    .logoOther {display:block; float:left; margin-left:15px; margin-top:30px;}

.navContentContainer {position:relative; width:988px; margin-top:15px;}
    .navContainer {position:relative; width:260px; float:left; font-size:1.4em; line-height:1.2em; margin-left:15px; margin-top:10px}
        .navSelected {color:#00aeef;}
        .mainNav {width:260px;}
        .secondNav {width:260px; margin-top:60px;}
        .pipe {width:1px; height:12px; background-image:url(../../images/pipeBg.gif); margin:0 7px 0 7px;}
        
    .contentContainer {position:relative; width:685px; float:left; margin-left:10px;}
    .paddingBio {padding-top:100px;}
    
    #mainImgFrame {position:relative; float:right; z-index:10; visibility:hidden;}
    #mainImgLoading {display:none; position:absolute; top:0; left:0; width:32px; z-index:1;}
    
	.galleryThumbNails {position:relative; width:970px; margin:0 0 0 18px;}
    .galleryThumb {position:relative; float:left; width:70px; height:70px; margin-left:2px; padding:1px 0 1px 0;}
	
    .galleryThumbSelected {position:relative; float:left; width:68px; height:68px; border:solid 1px #00aeef; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; margin:1px 0 1px 1px;}
	
    .galleryNext {position:absolute; display:none; top:30px; left:565px; width:60px; color:#cccccc; background-color:#00aeef; filter:alpha(opacity=80); -moz-opacity:0.8; padding:20px;}
    #getNext {position:absolute; display:none; top:30px; left:605px; width:60px; color:#cccccc; background-color:#ffffff; filter:alpha(opacity=80); -moz-opacity:0.8; padding:10px; z-index:10;}
    #getPrev {position:absolute; display:none; top:30px; left:600px; width:60px; color:#cccccc; background-color:#ffffff; filter:alpha(opacity=80); -moz-opacity:0.8; padding:10px; z-index:10;}
    .mouseOverForMainImg {position:absolute; display:block; top:0px; left:0px; width:650px; height:480px; background-color:Transparent;}

    #imageBox {position:relative; width:970px; background-color:#cfcfcf; overflow:hidden; padding:1px 0 1px 0;}
    #imageBoxInside {width: 30000px;}
    #imageBox br {clear:both;}
    
    #controls {position:relative; top:-20px; width:150px; margin-left:20px;}
    
    #controlsPrev {float:left; margin-right:5px; padding-top:4px;}
    #controlsViewAll {float:left; margin-right:5px;}
    #controlsNext {float:left; padding-top:4px;}
    
    #viewAllBox {position:relative; width:970px; background-color:#cfcfcf; padding:1px 0 1px 0;}
    .viewAllBoxHidden {display:none;}
    .viewAllBoxVisible {display:block;}

.copyright {float:right; font-size:0.9em; margin:10px 50px 0 0; padding-bottom:50px;}

/* ------ cleaners ------ */
.clearBoth {display:block; clear:both; height:0; border:none; margin:0; padding:0; background:transparent;}
.clearLeft {display:block; clear:left; height:0; border:none; margin:0; padding:0; background:transparent;}
.clearRight {display:block; clear:right; height:0; border:none; margin:0; padding:0; background:transparent;}

/*
################ Generic Items ################
*/
img {border:0; padding:0;}

h1 {font-size:1.6em; color:#333333; padding:0; margin:0 0 10px 0;}
h2 {font-size:1.4em; color:#333333; padding:0; margin:0 0 10px 0;}
h3 {font-size:1.6em; color:#00aeef; padding:0; margin:0 0 10px 0;}

b {color:#333333;}

.padding5 {padding:5px;}
.padding10 {padding:10px;}
.padding20 {padding:20px;}

/*
################ Form Items ################
*/

.inputMed {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:200px; padding:2px;}
.inputMedError {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:200px; border:solid 1px #00aeef; padding:2px;}

.inputText {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:300px; height:150px; padding:2px;}
.inputTextError {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:300px; height:150px; border:solid 1px #00aeef; padding:2px;}

/*
################ Anchor Items ################
*/

a {text-decoration:none; color:#999999;}
a:hover {color:#00aeef;}