/************************************************************  
 *  Global
 *
 *  Styles affecting the entire page.
 ***********************************************************/

* {
	/*margin: 0;*/
}

img {
	border: none;
}

html, body {
	background-image: url(/images/header_bggradient.png);
	background-repeat: no-repeat;

	margin: auto;

	color: #555555;
	font-family: "Century Gothic", "Tahoma";
	font-size: 12px;

	height: 100%;
}

.wrapper {
	/*min-height: 100%;
	height: auto;
	height: 100%;
	margin: 0 auto -101px;

	position: relative;*/
}

h1 {
	color: #555555;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
    
    margin: 0px;
}

a:link, a:active, a:visited {
	color: #4B7AAD;

	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input,
textarea,
select {
    font-family: "Century Gothic";
	font-size: 12px;

    height: 15px;
    width: 200px;
}

select {
    height: 20px;
    width: 204px;
}

/************************************************************  
 *  Header
 *
 *  Styles affecting the header.
 ***********************************************************/

.headerContainer {
	position: relative;
	float: left;
	clear: both;

	margin: 30px 0px 0px 0px;

	height: 20px;
	width: 1000px;

	left: 50px;
}

.headerContainer .logo {
    position: relative;
    float: left;
}

.headerLinksContainer {
    position: relative;
    top: 1px;
    left: 395px;
    
    float: left;
}

.headerLinksContainer a:link,
.headerLinksContainer a:visited {
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    
    margin: 0px 4px 0px 4px;
}

.headerLinksContainer a:link.currentLink  ,
.headerLinksContainer a:visited.currentLink   {
    /*color: #D0E6FB;*/
    /*
    background-color: #999999;
    border: solid 1px #cccccc;
    padding: -1px 2px 0px 2px;
    */
    border-bottom: solid 4px #ffffff;
}

.featureContainer {
	background-color: #e7e3d5;

	border: solid 1px #ffffff;

	width: 900px;
	height: 200px;
	
	float: left;
	position: relative;
	clear: both;

	margin: 0px 0px 20px 0px;

	/*top: 50px;*/
	left: 50px;
}

.featureContent {
	background-image: url(/images/header_feature_imagemask.png);
	background-repeat: no-repeat;	

	width: 880px;
	height: 180px;

	margin: 10px;
}

.featureImage {
	background-image: url(/images/header_feature_imagemask.png);
}



/************************************************************  
 *  Body
 *
 *  Styles affecting the body.
 ***********************************************************/

.bodyContainer {
	
	position: relative;
	float: left;
	clear: both;

	margin: 0px 0px 20px 0px;

	width: 1000px;

	/*top: 280px;*/
	left: 50px;
	min-height: 530px;
}

/************************************************************  
 *  Body >> Content
 *
 *  Styles affecting the body content.
 ***********************************************************/
/*
.column {
	margin: 0px 10px 0px 10px;

	float: left;
	position: relative;
	
	width: 280px;
	
	
}
*/
.columnBreak {
	background-image: url(/images/column_bggradient.png);
	background-repeat: no-repeat;
	background-position: -3px 15px;
	
	width: 10px;
	height: 580px;
	
	float: left;
	position: relative;
}

/*
.columnDouble {
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 10px;

	float: left;
	position: relative;
	
	width: 580px;
}

.columnDouble h1 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 2px 0px;

	font-size: 17px;
	font-weight: bold;

	border-bottom: solid 1px #AAAAAA;

	width: 580px;

	position: relative;
}


.column h1 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 2px 0px;

	font-size: 17px;
	font-weight: bold;

	border-bottom: solid 1px #AAAAAA;

	width: 280px;

	position: relative;
}

.column .previewContainer a:link, .column .previewContainer a:visited,
.columnDouble .previewContainer a:link, .columnDouble .previewContainer a:visited  {
	background-color: #e7e3d5;

	margin: 10px 0px 0px 0px;
	padding: 5px;

	display: block;

	width: 270px;
	height: 90px;

	position: relative;
	
	float: left;
	margin-right: 10px;
}

.column .previewContainer a:hover,
.columnDouble .previewContainer a:hover {
	background-color: #dddddd;
}

.column .previewContainer img,
.columnDouble .previewContainer img {
	background-color: #eeeeee;
	
	border: solid 1px #aaaaaa; cccccc

	width: 268px;
	height: 88px;
}
*/

/* --------------------------------------------------------*/
.columnRow {
	/* Positioning */
	position: relative;
	float: left;
	
	/* Dimensions */
	margin: 0px 0px 20px 0px;
}

.columnRowBreak {
    /* Border */
    border-bottom: dotted 1px #aaaaaa;
}

.columnSingle {
	/* Positioning */
	float: left;
	position: relative;

	/* Dimensions */	
	width: 280px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.columnDouble {
	/* Positioning */
	float: left;
	position: relative;
	
	/* Dimensions */
	width: 580px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.columnSingle h1,
.columnDouble h1 {
	/* Positioning */
	position: relative;

	/* Type */
	font-size: 17px;
	font-weight: bold;
	
	/* Border */
	border-bottom: solid 1px #AAAAAA;

	/* Dimensions */
	width: 100%;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 2px 0px;
}

.columnSingle .previewContainer a:link, .columnSingle .previewContainer a:visited,
.columnDouble .previewContainer a:link, .columnDouble .previewContainer a:visited  {
	/* Positioning */
	position: relative;
	float: left;
	display: block;

	/* Background */
	background-color: #e7e3d5;

	/* Dimensions */
	width: 270px;
	height: 90px;
	margin: 10px 10px 0px 0px; /* Right margin of 10px added for columnDouble */
	padding: 5px;
}

.columnSingle .previewContainer a:hover,
.columnDouble .previewContainer a:hover {	
	/* Background */
	background-color: #dddddd;
}

.columnSingle .previewContainer img,
.columnDouble .previewContainer img {
	/* Dimensions */
	width: 268px;
	height: 88px;
	
	/* Background */	
	background-color: #eeeeee;
	
	/* Border */
	border: solid 1px #aaaaaa; /*cccccc;*/
}

.columnSingle .previewContainerSmall a:link, .columnSingle .previewContainerSmall a:visited,
.columnDouble .previewContainerSmall a:link, .columnDouble .previewContainerSmall a:visited  {
	/* Positioning */
	position: relative;
	float: left;
	display: block;

	/* Background */
	background-color: #e7e3d5;

	/* Dimensions */
	width: 77px;
	height: 90px;
	margin: 10px 10px 0px 0px; /* Right margin of 10px added for columnDouble */
	padding: 5px;
	
	/* OLD ONE??? margin: 5px 10px 0px 0px;*/
}

.columnSingle .previewContainerSmall img,
.columnDouble .previewContainerSmall img {
	/* Dimensions */
	width: 75px;
	height: 88px;
	
	/* Background */
	background-color: #eeeeee;
		
	/* Border */
	border: solid 1px #aaaaaa; /*cccccc*/
}

.columnSingle .previewDescription,
.columnDouble .previewDescription {
	/* Positioning */
	position: relative;
	float: left;
	display: block;
	
	/* Type */
	font-style: italic;

	/* Dimensions */
	width: 270px;
	margin: 10px 10px 0px 10px;
}

.columnSingle .previewDescription h1,
.columnDouble .previewDescription h1 {
	/* Type */
	font-size: 12px;
	font-style: normal;
	color: #356195;
	
	/* Border */
	border: none;
	
	/* Dimensions */
	margin: 0px;
	padding: 0px;
}

.columnSingle .previewDescription h2,
.columnDouble .previewDescription h2 {
	/* Type */
	font-size: 10px;
	font-style: normal;
	color: #6B99BE;
	
	/* Border */
	border: none;
	
	/* Dimensions */
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.columnSeparator {
	/* Positioning */
	float: left;
	position: relative;

	/* Dimensions */
	margin: 5px; 
}

/************************************************************  
 *  Footer
 *
 *  Styles affecting the footer.
 ***********************************************************/

.footer {
	background-color: #e7e3d5;

	border-top: solid 1px #555555;
	
	width: 100%;
	height: 140px;
	
	/*left: 0px;
	bottom: 0px;
	float: left;
	position: relative;*/

	clear: both;
}

.footerContainer {
	margin: 10px 0px 0px 50px;
	
	width: 900px;
	position: relative;
	
	/*left: 0px;
	bottom: 0px;
	float: left;
	position: relative;*/

	clear: both;
}

.disclaimer {
	padding: 10px 0px 10px 5px;
	
	position: relative;
	clear: both;
}

.footerBlocks {
	border: solid 1px #cccccc;
	background-color: #eeeeee;
	
	height: 42px;
	width: 210px;
	
	position: relative;
	float: left;
		
	margin: 10px 5px 10px 5px;
	padding: 4px 5px 3px 5px;
	
	font-size: 11px;
	line-height: 11px;
}

.footerBlock {
	
	/*background-color: #eeeeee;*/
	
	height: 75px;
	width: 230px;
	
	position: relative;
	float: left;
		
	/*margin: 10px 5px 10px 5px;
	padding: 8px 10px 8px 10px;*/
	margin: 0px 10px 0px 0px;
	
	font-size: 11px;
	line-height: 11px;
}
.footerBlock .content {
	/*border: solid 1px #cccccc;*/
	border-left: solid 2px #999999;
	
	/*background-color: #ffffff;
	
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;*/
	
	padding: 8px 10px 8px 10px;
	
	height: 55px;
}

.footerBlock h1 {
	font-size: 12px;
	font-weight: bold;
	
	margin: 0px 0px 5px 0px;
}

.footerClear {
	/*height: 100px;
	background-color: #000000;
	
	position: relative;
	float: left;
	clear: both;	*/
}

/************************************************************  
 *  Global Notification
 *
 *  Styles affecting the global notifications.
 ***********************************************************/
 
 
.notification {
	display: none;
 }

 .notification .notificationDescription {
 	width: 548px; /* Total Width: 580px */
	border: solid 1px #cccccc;
	
	background-color: #F8EFAF;
	
	margin: 10px 0px 0px 0px;
	padding: 4px 5px 4px 25px;	
	
	position: relative;
	
	background-image: url(/images/icons/custom/information.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
 }
 
 .notification .notificationFooter {
 	background-image: url(/images/notification_bottomshadow.png);
	background-repeat: no-repeat;
	position: relative;
	clear: both;
	width: 580px;
	height: 20px;
 }
 

/************************************************************  
 *  Resume
 *
 *  Styles affecting the resume section.
 ***********************************************************/
 
 .resume {
 
 }
 
 .resume h1 {
 	border: none;
 }
 
 .resume .entry {
 	margin: 0px 0px 15px 0px;
	padding: 0px 0px 10px 5px;
	
	border-left: solid 6px #cccccc;
	border-bottom: solid 1px #eeeeee;
 }
 
 .resume .entry .company {
 	font-weight: bold;
	
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 5px 0px;
	
	border-bottom: solid 1px #eeeeee;
	
	float: left;
 }
 
 .resume .entry .company em {
 	font-weight: normal;
 	font-style: italic;
	
	color: #aaaaaa;
 }
 
 .resume .entry .position {
 	margin: 0px 0px 5px 0px;
 	clear: left;
 }
 
 .resume .entry .positionDate {
 }
 
 .resume .entry .date {
 
 	position: absolute;
 	float: left;
	right: 0px;
 }
 
 .resume .entry .overview {
 	clear: both;
 }
 
 .resume .entry ul {
 	clear: both;
 }

/************************************************************  
 *  Projects
 *
 *  Styles affecting the projects section.
 ***********************************************************/
                        
 .technologies {
    /* Positioning */
    float: left;
 
    /* Border */
    border-left: solid 1px #cccccc;
    
    /* Dimension */
    margin: 0px 0px 0px 30px;
    padding: 0px 0px 0px 5px;
 }
 
 .technologyContainer {
    /* Positioning */
    float: left;
    
    /* Type */
    text-align: center;
    
    /* Dimensions */
    height: 17px;
    margin: 2px;
    
    /* Type */
    color: #ffffff;
    font-weight: bold;
 }
 
 .technologyContainer div {
    /* Positioning */
    float: left;
 }
 
.technologyContainer[title=".Net"] {
    background-color:  #6784a9;
 }
 
.technologyContainer[title="AJAX"] {
    background-color:  #c35f38;
 }
 
.technologyContainer[title="CSS"] {
    background-color:  #789840;
 }
 
.technologyContainer[title="JS"] {
    background-color:  #cb3e3e;
 }

.technologyContainer[title="MSSQL"] {
    background-color:  #389ac3;
 }
 
 .technologyContainer[title="XHTML"] {
    background-color:  #8a8a8a;
 }
 
 .technologyContainer .left { 
    /* Dimensions */
    width: 10px;
    height: 17px;
    
    /* Background */
    background-image: url("/images/icons/custom/technologymask_left.png");
    background-repeat: no-repeat;
 }
 
 .technologyContainer .content {
    width: 35px;    
 }
 
 .technologyContainer .right { 
    /* Dimensions */
    width: 10px;
    height: 17px;
    
    /* Background */
    background-image: url("/images/icons/custom/technologymask_right.png");
    background-repeat: no-repeat;
 }