/*-----------------------------------GLOBAL STYLES ---------------------------------------------------*/
.align
{
margin: 10px;
}

/* break hack */
.allbreak:after 
{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.allbreak
{
display: inline-table;}


* html .allbreak
{
height: 1%;
}

.allbreak
{
display: block;
}

body
{
background-image:url(../images/site_background.jpg);
background-repeat:repeat-x;
background-color:#cdd4da;
/*background-color: #9d9fa1;*/
font-family:Arial;
font-size: 12px;
margin:0px;

}

/*#background-image
{
width: 960px;
background-image:url(../images/background-gray.jpg);
background-repeat: repeat-y;
margin-right:auto;
margin-left:auto;
}*/


h5
{
margin: 5px 10px;
}

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


#wrapper
{
margin-right: auto;
margin-left: auto;
width: 900px;
min-height:530px;
background-color:#fff;
border:#e2e2e2 solid 1px;
}

/*-----------------------------------------HEADER STYLES ----------------------------------------------------------*/
#header
{
width: 900px;
height:85px;
border-bottom:#e2e2e2 solid 1px;
border-top:#666666 solid 2px;

}

.logo
{
float:left;
width:570px;
}

.logo_2
{
float:right;
width:330px;

}

.logo_2 p
{
margin: 40px 0 0 15px;
font-weight:300;
letter-spacing: 2px;
font-size: 14px;
}

.logo img
{
margin: 10px 5px 5px 10px;
}

/*------------------------------------------RIGHT NAVIAGATION STYLES ----------------------------------------------------------*/

#navigation
{
width:220px;
float:left;
min-height: 530px;
}

.navigation 
{
width:220px;
margin-left: 15px;
/*background-color:#E8E9EA;*/
}

.navigation li
{

list-style-type:none;
letter-spacing: 1px;
margin: 2px 0px 6px 0;
height: 35px;
/*border-bottom:#E8E9EA  solid 4px;*/
}

.navigation li a
{
background-image:url(../images/nav_background.jpg); 
display: block;
width: 200px;
height:30px;
font-weight:300;
font-size:15px;
padding: 7px 10px 0 20px;
text-decoration: none;
color:#333333;
}

.navigation li a:hover
{
background-image:url(../images/nav_background_hover.jpg);
background-repeat:no-repeat;
color:#000000;
font-weight:700;
font-size:15px;
padding: 7px 10px 0 20px;
height: 30px;
width: 200px;

}

/*---------------------------------------MAIN CONTENT STYLES ----------------------------------------------------------*/
.back_to_top a
{
float: right;
text-decoration: underline;
margin-top:20px;
color:#666666;
}

#content_area
{
width: 900px;
background-image:url(../images/navigation_background.jpg);
background-repeat:repeat-y;
min-height: 530px;

}

#content_one
{
/*background-image:url(../images/content_background.jpg);
background-repeat:repeat-y;*/
width: 620px;
padding: 5px 10px 20px 5px;
float: right;
min-height: 530px;

}


#flash
{
width: 600px;
margin-left: 10px;
border-top:#000033 solid 2px;
border-bottom:#000033 solid 2px;
}

.mainContent_text
{
letter-spacing: 1px;
line-height: 130%;
margin:  10px 25px;
}

.para_header
{
color:#000066;
margin: 10px 0px 10px 20px;
font-weight:bold;
letter-spacing:2px;
}

.pageLabel
{
margin: 10px 5px;
}

.title
{
color:#000066;
margin: 10px 0px 20px 10px;
letter-spacing: 4px;
font-size: 16px;
}

.title_home
{
color:#000066;
margin: 10px 0px 20px 10px;
letter-spacing: 4px;
font-size: 18px;
}
/*---------------------------------------------PHOTO GALLERY STYLES ------------------------------------------------------------------------*/
.photo
{
background-image:url(../images/photo_background.jpg);
background-repeat:no-repeat;
width:555px;
height: 350px;
margin: 5px 10px 30px 45px;
}

#photo_thumbs
{
padding-bottom: 15px;
}

#photo_thumbs li
{
float:left;
padding-right:5px;
margin-top:3px;
}

#photo_thumbs ul
{
margin-left: 25px;
padding-left:18px;
width:555px;
height: 75px;
background-image:url(../images/photo_thumb_background.jpg);
background-repeat:no-repeat;
}


#placeholder_main
{
margin:  10px 0px 15px 25px;
height: 370px;
}
/*---------------------------------------------------RESUME PAGE STYLES-------------------------------------------------------------------------*/
.bullet li
{
list-style-image:url(../images/bullet_sm.gif);
margin: 10px 10px 0px 50px;
letter-spacing: 1px;
line-height: 130%;
font-size: 12px;
}


.bullet_resume li
{
list-style-image:url(../images/bullet_sm.gif);
margin: 5px 10px 0px 50px;
letter-spacing: 1px;
line-height: 110%;
font-size: 12px;
}

.bullet_resume ul
{
	margin:0px;
	padding:0px;
}
.clear		
{
clear:both;
}


.education	
{
width: 610px;
margin: 5px 20px 5px 15px;
font-family:Arial;
font-size: 12px;
letter-spacing: 1px;
line-height: 110%;
}
		
.left 		
{
float: left;
margin:5px 0 5px 10px;
font-size: 13px;
letter-spacing: 1px;
}	
	
.notable_projects
{
letter-spacing: 1px;
line-height: 130%;
margin:  10px 25px;
text-decoration:underline;
}

.right   	
{
float: right;
margin-right: 10px;
font-size: 13px;
margin-bottom:0px;

}

ul.resume li  
{
margin: 0 20px;
}

.resume_title
{
font-size: 14px;
margin:0 0 2px 8px;
}
/*-----------------------------------------------------------------------CONTACT PAGE-----------------------------------------------------*/
.contact     
{
margin-left: 40px;

}

.label
{
width: 300px;
}


/*-----------------------------------------------------------------------WEB GALLERY STYLES ----------------------------------------------*/

.left_spacing
{
margin-left: 8px;
}

.web_background
{
width:580px;
margin: 0px 0px 15px 15px;
}

.web_background_intro
{
width: 550px;
height: 200px;
margin: 20px 0px 15px 25px;
background-image:url(../images/web_background.jpg);
background-repeat:no-repeat;
}

.web_image
{
padding:8px 10px 0px 10px;
border:0px;
width:230px;
float:left;

}

.web_link a
{
float: left;
margin-left: 25px;
text-decoration: underline;
color:#333333;
}

.web_para 
{
float:left;
width:300px;
height:220px;
}

.web_para_header 
{
float:left;
margin-top: 25px;
width:280px;
height: 175px;
font-size: 14px;
}

.web_para_header a
{
float:right;
margin-top: 30px;
width:280px;
height:175px;
color:#000000;
font-size: 14px;
}

.web_para p
{
padding:5px 10px;
width:280px;
margin:10px 5px;
}

/*----------------------------------------------------- ARTWORK GALLERY---------------------------------------------------------------------*/
/* jQuery lightBox plugin - Gallery style */
.art_gallery 
{
background-image:url(assets/images/web_background.jpg);
background-repeat:no-repeat;
padding: 10px;
width: 600px;
margin: 10px 10px 30px 20px;
}
	
.art_gallery ul 
{ 
list-style: none; 
padding-left: 15px;
}
		
.art_gallery ul li 
{display: inline; 
}
	
.art_gallery ul img 
{
border: 5px solid  #666666;
border-width: 5px;
}
	
.art_gallery ul a:hover img 
{
border: 5px solid #fff;
border-width: 5px;
color: #fff;
}
	
.art_gallery ul a:hover 
{
color: #fff; 
}
/*--------------------------------------------------- FOOTER STYLES -----------------------------------------------------------------------*/
.copyright
{
font-size: 12px;
font-family:Arial;
text-align:center;
margin-top:5px;
color:#666666;
}
#footer
{

height: 40px;
width: 900px;
margin-left:auto;
margin-right: auto;
border-top:#e2e2e2 solid 1px;
border-bottom: #666666 solid 2px;
background-color:#ffffff;

/*
background-image:url(images/bottom.png);
background-repeat: no-repeat;
position:relative;
top: 28px;
right: 15px;
*/
}

.footer_nav ul
{
width: 900px;
margin-top: 10px;

}

.footer_nav li 
{
float: left;
list-style:none;
margin-top: 10px;
padding: 5px;
font-size: 13px;
}

.footer_nav a
{
color:#000000;
text-decoration:none;
margin-top: 10px;
margin-left: 70px;
font-size: 13px;
}

.footer_nav a:hover
{
color: #000066;


}