@charset "utf-8";
/* SHOWCASE CSS Document */

/* shared section styles */

.more_article{clear:both; margin-top:10px;}
.more, .close_more {font-weight:bold; padding:4px; display:block; width:100%; margin-top:10px;}

.odd .more {background: transparent url(../../img/bars/blueBarBG.gif) repeat-x;}
.even .more {background: transparent url(../../img/bars/redBarBG.gif) repeat-x;}
.odd .close_more {background: transparent url(../../img/bars/blueBarBG.gif) repeat-x;}
.even .close_more {background: transparent url(../../img/bars/redBarBG.gif) repeat-x;}


#showcaseContent p, #projectsContent p {margin-bottom:.75em; padding-bottom: 0px;}


.odd strong  {color: #769abc;} /* blue */
.even strong {color: #a5676f;} /* red */


#showcaseContent .odd .Divider, 
#projectsContent .odd .Divider,
#showcaseContent .even .Divider,
#projectsContent .even .Divider {
	width: 530px;
	height: 1px;
	margin-bottom: 10px;
	}
#showcaseContent .odd .Divider, 
#projectsContent .odd .Divider
{background-color: #769abc;
}
#showcaseContent .even .Divider,
#projectsContent .even .Divider 
{background-color: #a5676f;
}
		

#showcaseContent .galleryBar,
#projectsContent .galleryBar {
	width: 530px;
	padding-top: 10px;
	padding-bottom: 0px;
}

#showcaseContent .title,
#projectsContent .title {
	color: #a5676f;
	}

#showcaseContent h1,
#projectsContent h1{
	background-color: #fff;
    }


/*
#showcaseContent .left {
	background: #081522 url(../../img/bg/contentGradBG.gif) repeat-x;
	width: 540px;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	}
	#showcaseContent .right {
	width: 540px;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background: #081522 url(../../img/bg/contentGradBG.gif) repeat-x;
	}
*/

#showcaseContent .article,
#projectsContent .article {
	background: #081522 url(../../img/bg/contentGradBG.gif) repeat-x;
	width: 540px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:10px;
	}
	

#showcaseContent .float1, #projectsContent .float1 {width: 160px; }
#showcaseContent .float1 img, #projectsContent .float1 img{margin-bottom:10px; }
#showcaseContent .float2, #projectsContent .float2 {width: 360px; text-align: justify; padding-right:10px;}

#showcaseContent .odd .float1, #projectsContent .odd .float1{float:left;}
#showcaseContent .odd .float2, #projectsContent .odd .float2{float:right;  padding-left: 10px;}

#showcaseContent .even .float1, #projectsContent .even .float1{float: right;}
#showcaseContent .even .float2, #projectsContent .even. .float2{float: left;  padding-right: 10px;}



	

	
	


#showcase .gallery, #projects .gallery {
	padding-top: 10px;
	width: 560px;
	}

#showcaseContent .odd .article_title, #projectsContent .odd .article_title{width: 560px;}
#showcaseContent .even .article_title, #projectsContent .even .article_title{width: 530px;}

#showcaseContent .odd .article_title h3, #projectsContent .odd .article_title h3{color: #769abc !important;}
#showcaseContent .even .article_title h3, #projectsContent .even .article_title h3{color: #a5676f !important; }

#showcaseContent .odd .float2 h3, #projectsContent .odd .float2 h3{color: #769abc !important;}
#showcaseContent .even .float2 h3, #projectsContent .even .float2 h3{color: #a5676f !important; }
#showcaseContent .float2 h4, #projectsContent .float2 h4{font-size:12px; margin-bottom:10px;}