/* ****************** 
    by Gerard Gust
    Updated: 3/17/09
 ********************/
 
HTML, BODY {
    background: #3c2819 url(../images/bgPat01.gif) fixed;
    color:#000;
    font: 11px Verdana, sans-serif;
    height:101%;
    margin: 0;
    min-width: 780px;    
    padding: 0;    
}

.clear {clear:both;}
.topZero {margin-top:0;}
.small {font-size:9px}
 
#container {
    background-color:#faf0d3;
    margin:0 auto;
    position: relative; 
    width: 780px; 
}
 
 
#header {
    background:#700 url(../images/masthead01.jpg) no-repeat;
    height: 100px;
}

A {outline: none;}

A:link {color:#700;}
A:visited {color:#700;}
A:hover {color:#005F00; text-decoration:none; }

/*******************
*****NAVIGATION*****
********************/
#nav {     
    background:#564417 url(../images/NavGrad01.jpg);    
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    font-size: 16px;
    height: 30px;
    margin:0;
    padding:0;
    position: relative;    
}

#nav A:link{color:#cc9999; background-color:#500; border-left:1px solid #000; text-decoration:none; }
#nav A.first:link {color:#594216; background-color:#BB9754;}
#nav A:visited{color:#cc9999; background-color:#500; border-left:1px solid #000; text-decoration:none; }
#nav A.first:visited {color:#594216; background-color:#BB9754;}
#nav A:hover{color:#594216; background-color:#BB9754;}

#nav A {
    margin: 0;
    padding: 7px 5px 3px 5px;
}

#nav A.last {border-right:1px solid #000;}

#nav UL {
    list-style: none;
    margin:0 0 0 100px;
    padding:0;    
}

#nav UL LI {
    float:left;
    margin:0;
    padding:7px 0 6px 0;
}

/**********************
*****END NAVIGATION****
***********************/
 

/********************
*****MAIN CONTENT****
*********************/

#mainContent {
    padding:10px;
}

/* BASE STYLES - for the 2 column look */
#leftcol {
    margin:0px 210px 0px 0;
    width:550px;      
    position:relative;
}

#rightcol {
    border-left: 2px solid #333;
    padding:0 10px;
    position:absolute;
        top:142px;
        right:0;
    width:188px;
    
}

/*==== LEFTCOL STYLES ====*/
#contentLeft H2 {
    font-size:20px;
    text-align:center;    
    text-decoration: underline;
}

/* feature box */
#contentLeft DIV.feature, DIV.ftrContent, DIV.rc1{height: 150px;}

#contentLeft DIV.feature {
    background:#faf0d3 url(../images/FeatureGrad02.jpg) bottom left repeat-x;
    color:#021433;        
}

#contentLeft DIV.ftrContent {padding:10px;}
#contentLeft DIV.rc1 { background:url(../images/blcorner01.png) bottom left no-repeat;}

#contentLeft DIV.featureBTM {
    background-color:#365EA7;
    height: 25px;
}

#contentLeft DIV.innerBTM {    
    background:#faf0d3 url(../images/trcorner01b.png) top right no-repeat;
    float:left;
    height: 25px; 
    width:450px;     
}

#contentLeft DIV.rc1b { background:#365EA7 url(../images/blcorner01.png) bottom left no-repeat;}
#contentLeft DIV.rc2b { background:url(../images/brcorner01.png) bottom right no-repeat;}

#contentLeft DIV.innerBTMright {
    background-color:#faf0d3;  
    height: 25px; 
    overflow:auto;
}

#contentLeft DIV.buttonBTM {     
    font-size: 14px;
    height: 25px;
    text-align:center;       
}    
/* end feature box */

/* feature box content */
#contentLeft DIV.feature H2 {margin-top:0px;}
#contentLeft DIV.feature P{margin:0 0 7px 0;}

#contentLeft .itmLeft {
    float:left;
    height:63px;
    margin:0 15px 10px 0;    
    width:100px;    
}

#contentLeft .itmRight {
    width:400px;
    overflow:auto;
}

#contentLeft DIV.buttonBTM A:link {color:#700;}
#contentLeft DIV.buttonBTM A:visited {color:#700;}
#contentLeft DIV.buttonBTM A:hover {color:#4FAF4F;}
/* end feature box content */

/* Work Site box */
#contentLeft DIV.WorkSite {
    background:#faf0d3 url(../images/SitesGrad01.jpg) 0px 50px repeat-x;
    border-bottom: 2px solid #081F4F;
    color:#021433;
    height: 80px;
    margin-bottom: 10px;
    padding:10px;
}

#contentLeft DIV.WorkSite P{margin:0 0 7px 0;}
/* end Work Site box */

/* Skill box */

#contentLeft DIV.skillsItm {
    border: 1px solid #000;
    float:left;
    height:150px;
    margin:10px 0 10px 20px;
    padding:0px;
    width:150px; 
}

#contentLeft DIV.skillsItm P {margin:5px;}

#contentLeft DIV.skillTitle {
    background-color:#8b702b;
    border-bottom: 1px solid #000;
    height:20px;
    margin:0px;
    padding:0px;
}

#contentLeft DIV.skillTitle P {    
    color:#333;
    font-weight:bold;
    margin:0;
    padding: 3px 0px;    
    text-align:center;
}

/* end Skill box */

/* Design Skills Page */
#contentLeft DIV.designbox {
	text-align: center;
}

#contentLeft DIV.designbox P {
	padding-bottom: 15px;
	width: 350px;
	margin: 0 auto;
}

/* Extra Skills */
#contentLeft DIV.SklToggleTitle {    
    font-weight:bold;
    font-size:14px;
    text-align:center;
}

#contentLeft DIV.skillSet {
    float:left;
    height:auto;
    margin:10px 0 10px 20px;
    padding:0px;
    width:150px; 
}

#contentLeft #farLeft {margin-left: 50px;}

#contentLeft UL.skillExtra {
    font-size: 12px;
    list-style: disc url(../images/ListDot03.jpg);
    margin: 5px 0 5px 5px;
    padding:0px;  
}

#contentLeft UL.skillExtra LI {margin-bottom: 3px;}
/* /Extra Skills */
/*==== /LEFTCOL STYLES ====*/

/*==== RIGHTCOL STYLES ====*/

#contentRight P{
    font-size: 10px;
    margin:0 0 10px 0;    
}          

#contentRight IMG {margin: 5px 0;}          

#contentRight IMG.ggpic {
    float: left;
    margin: 5px 5px 0 0 !important;
}

#contentRight H3.rightTitle {
    border-bottom: 2px solid #000;
    font-size: 18px;
    margin: 0 0 5px 0;   
}

#downloadBox {
    border-top: 1px solid #000;
    padding-top: 5px;
    position: relative;
}

#downloadBox P {
    font: bold italic 16px 'Times New Roman', Verdana, sans-serif;
    margin:0px;
    position:relative;
        left: 10px;
}

#downloadBox FORM {
    background: #faf0d3 url(../images/DownloadBox01.jpg) no-repeat top left;
    height: 150px;
    margin:0px;
    padding:5px 5px 10px 5px;
    position:relative;
        left: 0px;
    width: 150px;    
}

#downloadBox DIV.inputSection {
    height: 60px;
    position:relative;
        top: 22px;
        left: 15px;
    width: 75px;    
}

#downloadBox FORM INPUT {
    position:relative;
        top: 2px;
        left: 0px;
}

#downloadBox INPUT.MyButton {
    background: url(../images/ButtonBkg01.png) no-repeat 0px 1px;
    border:none;
    color:#ccd7ed;
    height:26px;    
    position: relative;
        top: 25px;
        left:15px;
    width:101px;
}
/*==== /RIGHTCOL STYLES ====*/

/************************
*****END MAIN CONTENT****
*************************/

#footer {
    background-color:#700;
    color:#BB9754;
    font-size: 10px;
    height: 30px;
    margin:0;
    padding-top:10px;
    text-align:center;
    width:780px;
 }
 
 #footer A:link {color:#BB9754; text-decoration: underline;}
 #footer A:visited {color:#BB9754; text-decoration: underline;}
 #footer A:hover {color:#BB8354; text-decoration: none;}