/*--------------------------------------------------------------------------------------------------

Company: 3cStudios
Author: Weszt

These styles are to be used on ONLY this website.

--------------------------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------------------------
	1. Global
--------------------------------------------------------------------------------------------------*/
body {
background:#fff;
text-align:center;
font: 76% arial,sans-serif;
}
p {
line-height:18px;
}

.wrapper {
width:970px;
margin:0 auto;
}

div.colorwrapper {
/*background:#f2f2f1 url(../Images/BG_Body.png) top left repeat-x;*/
width:auto;
padding-top:18px;
}

/*--------------------------------------------------------------------------------------------------
	2. Header
--------------------------------------------------------------------------------------------------*/
div.header {
/*background:#4c5980;*/
height:100px;
margin-bottom:10px;
}
div.logo {
width:600px;
height:100px;
padding:17px 0px 0px 24px;
float:left;
}

div.logo h1{
background: transparent url(../Images/Logo.gif) no-repeat top left;
width:174px;
height:100px;
}

div.logo h1 span {
	display:none
	}

div.header .searchbox {
width:180px;
height:40px;
text-align:right;
float:right;
margin-top:30px;
margin-right:20px;
color:#ffffff;
}
div.header .searchbox  div
{
	text-align:right;
}
/*--------------------------------------------------------------------------------------------------
	3. Navigation
--------------------------------------------------------------------------------------------------*/
	div.navigation {
	width:auto;
	background:#ffffff;
	height:33px;
	margin:0px;
	padding:0px;
	border-left:solid 1px #a8a8a8;
	border-right:solid 1px #a8a8a8;
	border-top:solid 1px #a8a8a8;
	} 

    div.navigation ul {
      list-style:none;
	  margin:10px 0px 0px 20px;
	  position:relative;
	  float:left;
      }
	  
    div.navigation li {
      float:left;
	  position:relative;	  
	  margin:0px 30px 0px 0px;
	  padding:0px;
      }
	  
    div.navigation a {
      display:block;
      text-decoration:none;
      color:#51586d;
      }
      
/*--------------------------------------------------------------------------------------------------
	6. Home Feature
--------------------------------------------------------------------------------------------------*/
div.featurebox {
width:970px;
margin:0px;
padding:0px;
min-height:4px;
clear:both;
background:#3a7674;
font-size:2px;
}      


/*--------------------------------------------------------------------------------------------------
	7. Main content
--------------------------------------------------------------------------------------------------*/

div.maincontent {
width:970px;
background:url(../Images/MainContent_BG.png) top left;
padding:0px;
margin:0px;
}
div.maincontent .maincontentcap {
	width:968px;
	height:6px;
	background:#ffffff;
	border-left:solid 1px #a8a8a8;
	border-right:solid 1px #a8a8a8;
	border-bottom:solid 1px #a8a8a8;
}
div.maincontent .maincontentcolumns 
{
	width:auto;
	clear:both;
}
div.maincontent .maincontentleft {
float:left;
width:674px;
padding:20px;
}
div.maincontent .maincontentleft h2{
font-size:22px;
font-weight:normal;
margin-bottom:12px;
}

div.maincontent .maincontentleft h3{
font-size:14px;
font-weight:bold;
margin-bottom:2px;
}
div.maincontent .maincontentleft h4{
font-size:14px;
font-weight:bold;
margin-bottom:2px;
}
div.maincontent .maincontentleft .screenshotbox img{
margin-bottom:12px;
}
div.maincontent .maincontentleft .screenshotbox{
width:168px;
float:right;
margin-left:20px;
}
div.maincontent .maincontentright {
float:right;
width:236px;
padding:10px;
}
div.maincontent .maincontentright p{
width:auto;
clear:both;
margin-bottom:12px;
}
div.maincontent .maincontentright h3{
font-size:18px;
font-weight:normal;
margin-bottom:12px;
}

div.maincontent .maincontentright ul, div.maincontent .maincontentleft ul{
margin-left:25px;
margin-bottom:12px;
}
div.maincontent .maincontentright li, div.maincontent .maincontentleft li{
line-height:18px;
margin-bottom:2px;
}
div.maincontent .maincontentright .newsheadline {
font-size:14px;
font-weight:bold;
margin-bottom:2px;
}
div.maincontent .maincontentright .newsdate {
font-size:10px;
font-weight:normal;
font-style:italic;
margin-bottom:2px;
color:#414141;
}

/*--------------------------------------------------------------------------------------------------
	4. Footer
--------------------------------------------------------------------------------------------------*/
div.footer {
	width:auto;
	/*border-top:dotted 1px #000;
	border-bottom:dotted 1px #000;	
	background:#cacbcc;*/
	min-height:100px;
}

div.footer .footerwrapper {
padding:20px 20px 0px 20px;
width:928px;
margin:0 auto;
/*background:#d0d0d2;*/
color:#000;
font-size:11px;
border-left:solid 1px #bebdbd;
border-right:solid 1px #bebdbd;
border-bottom:solid 1px #bebdbd;
border-top:dotted 1px #bebdbd;
	min-height:100px;
}


div.footer .footerwrapper div.footerleft ul {
      list-style:none;
      }
	  
div.footer .footerwrapper div.footerleft li {
      float:left;
	  position:relative;	  
	  margin-right:20px;
	  margin-bottom:2px;
	  line-height:18px;
      }
	  
div.footer .footerwrapper a {
      text-decoration:underline;
      color:#000;
      }

div.footerleft {
width:40%;
float:left;
}
div.footerright{
width:50%;
float:right;
text-align:right;
display:inline;
}

div.footerright img{
margin-left:20px;
}