/*
	 Original CSS by Cris Coyer : CSS Tricks. Thanks! Updated by Stephen Taylor: itsmetaylor.com
*/
*                                       { margin: 0; padding: 0; }
body                                    { font: 15px Arial, Sans-Serif; background: url(../images/wood-background.jpg); color: white; }
a, a img                                { border: 0; text-decoration: none; outline: 0; color: #2DC9F9; font-weight: bold;}
p                                    { font: 13px bold "Trebuchet MS",Verdana,sans-serif; line-height: 24px; color: black; padding: 5px;}			
.separator			{clear: both}

#page-wrap                              { width: 1020px; margin: 0 auto 20px; position: relative;}
#SkillsWrapper		{ width: 940px; height: 235px; margin-left: 40px; margin-top: 20px;}
#header				{ width: 940px; border-top: 7px solid #2DC9F9; margin-left: 40px; overflow: hidden;}
#header h2			{background: black; float: right; font: 20px "Trebuchet MS",Verdana,sans-serif; padding:10px; margin-top: 10px;}
#logocontainer  			{width: 360px; height: 76px; background: url(../images/logo.png) no-repeat; margin-top: 70px; }

#header ul#nav {
float: left;
position: relative;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
width: 100%;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
}

#nav li {
display: inline;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
}

.col1				{width: 220px; background: #F9F4F4; float: left;}
.col2				{width: 220px; background: #F9F4F4; float: left; margin-left: 20px;}
.col3				{width: 220px; background: #F9F4F4; float: left; margin-left: 20px;}
.col4				{width: 220px; background: #F9F4F4; float: left; margin-left: 20px;}


.colProject				{width: 460px; background: #F9F4F4; float: left;}
.colProject img			{padding: 5px}
.colProject2			{width: 460px; background: #F9F4F4; float: left; margin-left: 20px;}
.colProject2 img			{padding: 5px}

.colProjectInfo			{width: 460px; float: left; margin-left: 485px; height: 380px; position: absolute;}
.colProjectInfo	p		{font: 29px "Trebuchet MS",Verdana,sans-serif; color: #FFFFFF;}
.colProjectInfo	h1		{padding-top: 30px;}

.transContainer								{background-image : url(../images/navback.png); height: 200px; float: left; width: 220px; position: absolute;}
#skillscol2TransContainer					{width: 460px;}

#sliderInfoTransContainer					{width: 460px; margin-left: 480px; height: 380px; position: absolute;}

.skillContainer								{float: left; width: 220px; margin-right: 20px;}
#skillscol2Container						{width: 460px;}
#skillscol3Container						{margin-right: 0;}

.skillColumn								{position: absolute; width: 220px;}
#skillscol2									{width: 460px;}

.skillColumn h2{
font: bold 16px Arial, Sans-Serif;
border-bottom: 1px solid #ffffff;
}

.skillColumn p{
color: white;
padding-bottom: 10px;
}

.colText p			{font: 11px Arial, Sans-Serif;}

.col1 img			{padding: 5px}
.col2 img			{padding: 5px}
.col3 img			{padding: 5px}
.col4 img			{padding: 5px}

#Footer				{ width: 940px; border-top: 7px solid #2DC9F9; margin-left: 40px; overflow: hidden;}


h1                                      { font: bold 21px "Trebuchet MS",Arial,sans-serif; text-align: left; padding-left: 5px; padding-right: 5px; padding-top: 80px; }
h2                                      { font: bold 27px Helvetica, Sans-Serif;  margin: 0 0 10px 0; padding-left: 5px; }
h3                                      { font: 16px Arial, Sans-Serif; margin: 0 0 10px 0; text-align: right; }  
h5                                      { font: 15px Georgia, Serif; text-align: center; }
pre                                     { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; }

ul li                                   { font: 15px Arial, Sans-Serif; margin: 0 0 8px 20px; }



/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }

.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
.textSlide                              { width: 940px; }
.textSlide h3                           { font: 20px Georgia, Serif; }
.textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
.textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
.textSlide ul li                        { display: list-item; }