@charset "UTF-8";
/* CSS Document */

		
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

body 	{
		font-family:Arial, Helvetica, Sans-Serif;
		background-color:#e2e2e2;
		color:#807970;
		background-image:url(../../images/bg.jpg)
		}
		
h1, h2, h3, h4, h5, h6 
		{
		font-family:georgia,serif;
		font-weight:normal;
		}
		
h3 
		{
		font-size:16px;
		color:#4B4740;
		}
		
h4 
		{
		font-size:15px;
		color:#0395CC;
		}

h4 a:link 
		{
		font-size:15px;
		color:#0395CC;
		}
		
h4 a:visited 
		{
		font-size:15px;
		color:#0395CC;
		}
		
h4 a:active 
		{
		font-size:15px;
		color:#0395CC;
		}
		
h4 a:hover
		{
		font-size:15px;
		color:#0073AD;
		}

h5 
		{
		font-size:14px;
		color:#4B4740;
		}


		
/* !!!!!!!!!!!!!!!!! MENU !!!!!!!!!!!!!!!!! */
#menuMain
		{
		margin:0px;
		padding:0px;
		list-style:none;
		color:#fff;
		line-height:45px;
		display:inline-block;
		float:left;
		z-index:1000;
		width:760px;
		background-color:#172322;
		}
        
#menuMain a 
		{ 
		color:#fff;
		text-decoration:none;
		}
        
#menuMain > li
		{
		background:#172322 none repeat scroll 0 0;
		cursor:pointer;
		float:left;
		position:relative;
		padding:0px 10px;
		text-align:left;
		font-size:14px;
		}
		
#menuMain > li a:hover
		{
		color:#0395CC;
		}
		
#menuMain .logo
		{
		background:transparent none repeat scroll 0% 0%;
		padding:0px;
		background-color:Transparent;
		}
        
/* !!!!!1!!!!! SUB-MENUS !!!!!!!!!!!!!!!!!!!!!!!! */
        
#menuMain ul 
		{ 
		padding:0px;
		margin:0px;
		display:block;
		display:inline;
		}
		
#menuMain li ul
		{
		position:absolute;
		left:-10px;
		top:0px;
		margin-top:45px;
		width:150px;
		line-height:16px;
		background-color:#172322;
		color:#0395CC;
		/* for IE */ display:none; 
		}
		
#menuMain li:hover ul
		{
		display:block;
		border:#666 solid 0px 1px 0px;
		}
		
        #menu li ul li
		{ display:block;
		margin:5px 20px;
		padding: 5px 0px 0px 10px;
		border-top: dotted 1px #606060;
		list-style-type:none;
		}
		
#menuMain li ul li:first-child
		{
		border-top: none;
		}
		
#menuMain li ul li a
		{
		display:block;
		margin:5px 20px;
		padding: 5px 0px 0px 10px;
		border-top: dotted 1px #606060;
		list-style-type:none; 
		color:#0395CC;
		}
		
#menuMain li ul li a:hover
		{
		color:#7FCDFE;

		}
		
/* !!!!!!!!!!!!!!!!! MAIN SUB-MENU !!!!!!!!!!!!!!!!! */
		
#menuMain #main
		{
		left:0px;
		top:-20px;
		padding-top:20px;
		background-color:#7cb7e3;
		color:#fff; z-index:999;
		}
	
/* !!!!!!!!!!!!!!!!! BEGIN: SEARCH !!!!!!!!!!!!!!!!!!!!!!!! */
.searchContainer div
		{
		background-color:#fff;
		display:inline;
		padding:5px;
		}
.searchContainer input[type="text"]
		{
		border:none;
		}
.searchContainer img
		{
		vertical-align:middle;
		}
/* !!!!!!!!!!!!!!!!! END: SEARCH !!!!!!!!!!!!!!!!!!!!!!!! */

        
/* !!!!!!!!!!!!!!!!!!!!! BEGIN: CORNERS !!!!!!!!!!!!!!!!!!!!!*/

#menuMain .corner_inset_left
		{
		position:absolute;
		top:0px; left:-12px;
		}
        
#menuMain .corner_inset_right
		{
    	position:absolute;
    	top:0px;
    	left:150px;
    	}
        
#menuMain .last
		{
    	background:transparent none repeat scroll 0% 0%;
    	margin:0px;
    	padding:0px;
    	border:none;
    	position:relative;
    	border:none;
    	height:0px;
    	}
        
#menuMain .corner_left
		{
    	position:absolute;
    	left:0px;
    	top:0px;
    	}
        
#menuMain .corner_right 
		{
    	position:absolute;
    	left:132px;
    	top:0px;
		}
        
#menuMain .middle
		{
    	position:absolute;
    	left:18px;
    	height: 20px;
    	width: 115px;
    	top:0px;
    	}
		
/* !!!!!!!!!!!!!!!!!!!!! END: CORNERS !!!!!!!!!!!!!!!!!!!!!*/



/* !!!!!!!!!!!!!!!!! MAIN STYLES !!!!!!!!!!!!!!!!!!*/
div#containerPortfolio
		{
		margin-left:auto;
		margin-right:auto;
		width:800px;
		background-color: #ffffff;
		padding:0px 10px 0px 10px;
		}
	
/* !!!!!!! BEGIN: CONTROLS THE CONTAINERS FOR EACH PAGE HEIGHT !!!!!!!!!!!!! */
	
div#contentsHeader
		{
		padding: 0px 10px 0px 10px;
		margin: 0px 0px 0px 0px;
		}
		
div#contentsPortfolio
		{
		height:1000px;
		padding: 10px 10px 10px 10px;
		margin: 0px 0px 0px 0px;
		}
	
div#contentsHome
		{
		height:600px;
		padding: 10px 10px 10px 10px;
		margin: 0px 0px 0px 0px;
		}
		
div#contentsAbout
		{
		height:3500px;
		padding: 10px 10px 10px 10px;
		margin: 0px 0px 0px 0px;
		}
		
div#containerFooter
		{
		margin-left:auto;
		margin-right:auto;
		width:820px;
		height:20px;
		vertical-align:top;
		}

.footerText
		{
		font-family:Arial, Helvetica, Sans-Serif;
		color:#807970;
		text-align:center;
		text-decoration:none;
		font-size:9px;
		}
		
/* !!!!!!! END: CONTROLS THE CONTAINERS FOR EACH PAGE HEIGHT !!!!!!!!!!!!! */
	
#columnONE
	{
	width: 370px;
	margin-top:50px;
	}
	
#columnTWO
	{
	width: 370px;
	margin-top:50px;
	}
	
.contentLeft
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:10px;
	}
	
.contentRight
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:10px;
	padding-right:20px;
	}
	
.contentUL
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	
.tdSpan
	{
	width:100%;
	padding-left:20px;
	}

.tdWidth
	{
	width:50%;
	padding-left:35px;
	color:#807970;
	}
	
.horizontalRule
	{
	border-top:#4B4740 1px dotted;
	margin:5px 0px 0px 0px;
	padding:0px;
	width:100%;
	}
	
a:link 
	{
	color: #807970;
	text-decoration:none;
	}
	
a:visited
	{
	color: #807970;
	text-decoration:none;
	}
a:hover 
	{
	color: #0395CC;
	text-decoration:none;
	}
	
a:active 
	{
	color: #7FCDFE;
	text-decoration:none;
	}
	
#experienceTable 
	{
	height:200px;
	padding-top:50px;
	}