/**** BODY ***/
html, body 				{ margin:0; padding:0; font:normal 12px/17px arial, helvetica, sans-serif; color:#333; }
#siteContainer			{ position:relative; width:750px; padding:0; margin:0; }

h1						{ margin:0; padding:0; font:normal 24px/38px arial, helvetica, sans-serif; color:#666; }
h2						{ position:absolute; top:24px; right:20px; margin:0; padding:0; font:normal 36px/26px arial, helvetica, sans-serif; color:#ccc; }
h3						{ position:absolute; top:60px; right:20px;  margin:0; padding:0; font:normal 18px/18px arial, helvetica, sans-serif; color:#999; }
h4						{  }
h5						{  }
h6						{  }
p						{  }

a, a:link, 
a:visited 				{ cursor:pointer; text-decoration:underline; color:#333; }
a:hover					{ text-decoration:underline; }
a:active				{ text-decoration:none; border:0; }
img						{ border:0; display:block; }

.container:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.container	 			{ display: inline-table; }
/* Hides from IE-mac \*/
* html .container		{ height: 1%; }
.container				{ display: block; }
/* End hide from IE-mac */


/**** HEADER ***/
#headerWrap				{  }

/**** MAIN AREA ***/
#textWrap				{ width:370px; float:left; display:block; padding:0; margin:0; }


/**** UTILITY ***/
#utilityWrap			{ width:240px; float:left; display:block; padding:0; margin:0; }


/**** COLUMNS ***/
#columnContainer	{ position:relative; width:750px; height:250px; display:block; }
#columnContainer div	{ position:relative; overflow:hidden; width:750px; height:250px; display:block; }
#columnContainer div img	{ cursor:pointer; }
.borderedContainer	{ background:#eee; position:relative; top:0; left:0; width:750px; height:400px; display:block; }
.info				{ display:none; }
.smlColumn			{ position:relative; left:50px; top:93px; width:80px; height:157px; }


.oneProject,
.twoProject,
.threeProject		{ display:none; }

#shd				{ position:relative;  text-align:center; font:normal 12px/15px arial, helvetica, sans-serif; color:#cc0000; width:750px; height:40px; background:url(../img/gradientStretch.gif) repeat-x; display:block; }
#shd a, 
#shd a:link, 
#shd a:visited 		{ cursor:pointer; text-decoration:none; color:#cc0000; }
#shd a:hover, 
#shd a:active		{ text-decoration:underline; }
#prev				{ position:absolute; top:0px; left:312px; margin-top:12px; height:15px; background:url(../img/previous.gif) no-repeat 0 50%; padding:0 10px 0 15px; border-right:1px solid #cc0000; }
#next				{ position:absolute; top:0px; left:389px; margin-top:12px; height:15px; background:url(../img/next.gif) no-repeat 100% 50%; padding:0 15px 0 10px; }
#categorySelect			{ position:absolute; top:0px; right:0; height:40px; line-height:40px;}
#categorySelect label	{ vertical-align:middle; display:inline; float:left; margin:0 5px 0 0; font-weight:bold; }
#categorySelect select 	{ display:inline; float:left; margin:10px 0 0 0; padding:0; height:20px; font:normal 12px arial, helvetica, sans-serif; color:#000;}
#logo				{ width:174px; height:78px; background:url(../img/logo.gif) no-repeat; display:block; }
#logo a				{ text-decoration:none; text-indent:-9999px; width:100%; height:100%; display:block; }

.oneProject						{ width:710px; padding:20px; }
.oneProject	.name				{ font:normal 24px/28px arial, helvetica, sans-serif; color:#666; }
.oneProject .oneContainer		{ background:#eee; padding:10px; margin:10px 0 0 0; }
.oneProject .oneImage			{ background:#fff; float:left; border:1px solid #eee; padding:5px; width:200px; }
.oneProject .oneDescription		{ width:458px; float:left; padding:0 0 0 20px; font:normal 12px/18px arial, helvetica, sans-serif; color:#333; }
.twoProject						{ width:710px; padding:20px; }
.twoProject	.name				{ font:normal 24px/28px arial, helvetica, sans-serif; color:#666; }
.twoProject .oneContainer		{ margin:10px 0 0 0; padding:0 20px 0 0; width:335px; clear:left; float:left; }
.twoProject .oneImage			{ border:1px solid #eee; padding:5px; width:200px; margin:0 0 10px 0; }
.twoProject .oneDescription		{ text-align:left; font:normal 12px/18px arial, helvetica, sans-serif; color:#333; }
.twoProject .twoContainer		{ margin:10px 0 0 0; border-left:1px solid #eee; padding:0 0 0 19px; width:335px; float:left; }
.twoProject .twoImage			{ border:1px solid #eee; padding:5px; width:200px; margin:0 0 10px 0; }
.twoProject .twoDescription		{ text-align:left; font:normal 12px/18px arial, helvetica, sans-serif; color:#333; }
.threeProject					{ width:710px; padding:20px; }
.threeProject .name				{ font:normal 24px/28px arial, helvetica, sans-serif; color:#666; }
.threeProject .oneContainer		{ background:#eee; padding:10px; margin:10px 0 20px 0; }
.threeProject .oneImage			{ background:#fff; float:left; border:1px solid #eee; padding:5px; width:200px; }
.threeProject .oneDescription	{ width:458px; float:left; padding:0 0 0 20px; font:normal 12px/18px arial, helvetica, sans-serif; color:#333; }
.threeProject .twoContainer		{ padding:0 20px 0 0; width:335px; clear:left; float:left; }
.threeProject .twoImage			{ border:1px solid #eee; padding:5px; width:200px; margin:0 0 10px 0; }
.threeProject .twoDescription	{ text-align:left; font:normal 12px/18px arial, helvetica, sans-serif; color:#333; }
.threeProject .threeContainer	{ border-left:1px solid #eee; padding:0 0 0 19px; width:335px; float:left; }
.threeProject .threeImage		{ border:1px solid #eee; padding:5px; width:200px; margin:0 0 10px 0; }
.threeProject .threeDescription	{ text-align:left; font:normal 12px/18px arial, helvetica, sans-serif; color:#333; }

#columnContainer .titles		{ font:normal 12px/17px arial, helvetica, sans-serif; color:#333; }

#portfoliofooter	{ clear:both; display:inline; float:left; width:750px; background: #EEEEEE; padding:5px; }
#portfoliofooter .footerLeft	{ display:inline; float:left; font:normal 10px/18px arial, helvetica, sans-serif; color:#333;}
#portfoliofooter .footerRight	{ display:inline; float:right; font:normal 10px/18px arial, helvetica, sans-serif; color:#333;}