/* CSS Document */

/* universal reset, I mean, why beat aroun the bush*/

*							{border: 0px; margin: 0px; padding:0; border-collapse: 0; }

a							{text-decoration: none;}


*, h1, h2, h3, h4, h5, h6 	{font-weight: normal; font-size: 100%; margin: 0; }

body 						{background: url(../images/pattern2.jpg) }

body.index #content-main h1	     { background: url(../images/welcome.gif) no-repeat center; width: 580px; height: 37px;  }

body.about #content-main h1	     { background: url(../images/About.gif) no-repeat center; width: 580px; height: 37px;  }

body.portfolio #content-main h1		 { background:url(../images/portfolio.gif) no-repeat center; width: 580px; height: 37px;  }

body.contact #content-main h1		 { background:url(../images/contact.gif) no-repeat center; width: 580px; height: 37px;  }

#wrapper					{width: 900px; margin: 0 auto; position: relative; }	


#banner						{margin-top: 10px; width: 100%; height: 161px; background: url(../images/banner.png) repeat-x top left; position: relative;}


#banner h1#banner-graphic 	{background: url(../images/banner-graphic.png) no-repeat; width: 519px; height: 88px; position: absolute;  padding: 10px; top:10px; left: 190px; }

#banner h1 span 	{display: none;}

#banner h2 span		{display:none; }

#banner	h2#logo		{background: url(../images/logo2.png) no-repeat top left ; width: 120px; height: 50px; position: absolute; top: 40px; left: 45px;}

#banner ul 			{
	list-style: none;
	position: absolute;
	top: 137px;
	left: 11px;
	height: 28px; 
}

#banner ul li 		{float: left; text-align: center;   }

.bold				{font-weight: bold;}

#banner ul li a 	{display: block;  color:#22314A;  background:url(../images/tabs2-un.png) no-repeat top left; width: 110px; height: 17px; font-family: helvetica, arial, sans serif; padding-top: 7px;    font-size: 13px; font-weight: bold; }

#banner ul li a:hover {color: #fa9319; }

#banner ul li a.selected { padding-bottom: 1px;  background-image: url(../images/tabs2.png); }	

#content			{ border: #D0D0D0 1px solid ; border-top:#161B37 1px solid ; width: 858px; background: #e7e7e7;  padding: 20px; font-size: 12px; font-family: "Times New Roman", Times, serif;   }

#content-main		{ background: #ededed; border: #d0d0d0 1px solid; width: 578px; float: left; color: #161B37;  padding: 10px 0 20px 0; }

#content a			{color: #303a77;}



#content-main h1 span	{display: none; }

#content-main h2		{text-align: left; color:#854000; margin: 0 20px;   border-bottom: dotted #22314A 1px; font-size: 16px; margin-bottom: 10px; text-indent: 5px; line-height: 1.5em; line-height: 1.5em; font-weight: bold;  letter-spacing: 1px;}

#content-main h2 span {font-size: 14px; color:#22314A; margin-left: 10px; }

#content-main p		{margin: 10px 35px; line-height: 1.5em;  } 

#content-secondary	{  border: 1px solid #9FA2AC;   width: 248px; float: right; color:#22314A;  }

#content-secondary	h2 { display: block; width: 228px; padding: 5px 10px;  font-weight: bold; margin-bottom: 0px; }

#content-secondary em	{font-style: oblique;  }

#footer				{ border-top: #D0D0D0 1px solid ;  margin-top: 15px; width: 818px; padding: 3px 20px; font-size: 12px; font-family: "Times New Roman", Times, serif;   line-height: 1.5em; font-size: 11px; color:#3D3A62;  text-align: center; }

#content:after {
	content: ".";
	display: block;
	height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
.accordion_content	p	{padding: 7px 13px;  border-bottom: 1px solid #E6E6E6; line-height: 1.5em;   }

div#screenshots	img		{width:200px; height: 150px;  }

div#screenshots 	{width: 200px; margin: 10px 10px 10px 35px; float: left; }

div#description p 		{line-height: 1.5em; padding: 0px; margin: 0px;}

#description			{margin: 6px 25px 10px 0px; width: 300px; float: right; }