﻿*
{
    padding : 0;
    margin : 0;    
}
body{
    background-image : url('../../images/clouds/backGrad.jpg');
    background-repeat : repeat-x;
    background-color : #e8fbff;
    font-family : Lucida Grande, LucidaGrande, Helvetica, Verdana, Sans-Serif;
    font-size : 13px;
    color : #666666;
    line-height : 20px;
    text-align : center;
}
#main_container
{
    background-image : url('../../images/clouds/cloudLogo.png');
    background-repeat : no-repeat;
    width : 1031px;
    margin : 10px auto 0 auto;
}
#mainWhiteBox
{
    background-image : url('../../images/clouds/whiteBox.png');
    background-repeat : no-repeat;
    height : 311px;
    width : 908px;

    
}
#contentContainer
{
    margin-left : 100px; 
    width : 980px;
    float : left;   
    text-align : left;
}
.homeTextColumn
{
    width : 415px;
    float : left;
    padding-left : 4px;
    padding-right : 60px;
         margin-top : 20px;
}
dt,
.introText
{
    font-family : Georgia, Times New Roman, Serif;
    color : #518fa9;
    font-weight : bold;
    font-size : 16px;  
    line-height : 20px; 
    display : block;
    margin-bottom : 30px; 
}
.homehead
{
    font-family : Georgia, Times New Roman, Serif;
    color : #518fa9;
    font-weight : bold;
    font-size : 14px;  
    line-height : 20px; 
    display : block;
    margin-bottom :5px;
    }
#footer
{
    background-image : url('../../images/clouds/footer.png');
    background-repeat : no-repeat;
    width : 1031px;
    height : 130px;
    clear : both;
    margin-left : 35px;
}
#footer p
{
    padding-top : 100px;
    padding-bottom : 0px;
    margin-bottom : 0px;
    clear : both;
}
.homePortfolio
{
    padding : 45px 65px;    
    
}
.homePortfolio p
{
    width : 420px;
    margin-left : 65px; 
    float : left;    
    margin-top : -8px;
}
.homePortfolio img
{
    float : left;    
}
#menuContainer
{
    padding-top:100px;   
    text-align : right;
}
#navList
{
    clear : both;
    height : 100px;  
    margin-right :100px;
    text-align : left;
    list-style : none;
    color : #ffffff;
    font-weight : bold;

    float : right;
}
div.topBox
{
    border : solid 1px #ccc;
    background-color : #fefefe;   
    padding : 30px; 
    color : #666666;
    width : 842px;
}
#navList li
{
    margin-top : 20px;
    width : 100px;
    float : right;
}
#navList li a
{
    text-decoration : none;
    color : #ffffff;
    display : block; 
    height : 53px;   
    width : 80px;
    padding-top : 16px;
    padding-left : 5px;
    text-align : center;
}

#navList li a:hover
{
    background-image : url('../../images/clouds/menuBack_.png');    
}
#navList li a.selected
{
    background-image : url('../../images/clouds/menuBack.png');    
}
/**************************************************************88
**************************************************************88
OLD
**************************************************************88
**************************************************************/

a
{
    font-family : Georgia, Times New Roman, Serif;
	color : #518fa9;	
	text-decoration : none;
}
a:hover
{
	text-decoration : underline;	
}
h3
{
    margin-top : 0px;
    margin-bottom : 0px;   
     font-size : 20px;
}
p
{
    padding : 6px 0;    
}
h2
{   font-size : 30px;
    display : block; 
    clear : both;  
    margin-top : 100px;
    margin-bottom : 30px; 
}
.orange
{
    font-family : Georgia, Times New Roman, Serif;
	color : #518fa9;
}

.mainText
{
	width : 465px;
	font-size : 12px;
}
.fRight
{
	float : right;
	margin-right : 30px; 
	margin-top : 20px;
}
.fLeft
{
	float : left;
	margin-right : 70px;	
}
.fRight img
{
	margin-top : 35px;
	margin-left : 20px;
	}
.main_container
{
	width : 915px;	
    padding : 0;
    
    display : block;

}
.maincontainercontainer
{
    width : 915px;
	margin : 60px auto 0px auto;	    
}
#contactInfo
{
    text-align : right;  
    font-weight : bold;
    margin : 20px 0 0 0;  
}
.body_container
{
	margin-top : 10px;	
	padding : 25px;

}
.nav_container
{
    display : block; 
    margin : 0 0 0 6px;
    padding : 0;  

}
.head_container
{
    padding :  0 25px;
    padding-bottom : 10px;    
}



dt img
{
	padding-right : 10px;
	margin-left : 0;
		
	position : relative;
	top : 35px;
	right : 5px;
}
dd
{
    
    position : relative;
	top : -29px;
	left : 40px;
	padding-left : 20px;
	width : 600px;	
}
.invalid 
{
	color : Red;	
}
.portfolio_item 
{
	width : 770px;	
	margin-top : 20px;
	display : block;
	clear : both;
	border : solid 1px #d5e3ff;
	padding : 20px;
	float : left;
	background-color : #fefefe;
}
.portfolio_item .portfolio_body img
{
	float : left;	
	margin-right : 40px;
}
.portfolio_item .portfolio_body p
{
    font-size : 12px;
    margin-top : 0;
}
.portfolio_body
{
    margin-top : 15px; 
    clear : both;
    float : right;
   
}
.people
{
	width : 685px;	
	
}
.skillist li
{
   
    margin-left : 13px;
}
.mainLogo
{
   margin-left : 10px; 
   margin-bottom : 10px;
   }
   
 #homeImg
 {
    margin-top : 0; 
    padding-top : 0;   
    margin-right: 40px;
    float : right;  
 }
 /***********************************************
CONTACT FORM
***********************************************/
fieldset
{
    position : relative;
    padding : 20px;    
    margin : 30px 0;
    width : 600px;
    display : block;
    border : 1px solid #d5e3ff;
    background-color : #fefefe;
}
input
{
      
}
.textBoxFields label
{
    display : block;
    float : left;
    width : 110px;  
}
.formPanel
{
    margin-left : 100px;   
}
legend
{
    font-family : Georgia, Times New Roman, Serif;
	color : #518fa9;
    
    position: absolute;
    top: -.7em;
    left: .2em;
    }
input[type=checkbox]
{
    margin : 0 6px;
}
