﻿body
{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:white url('images2010/bg.png') repeat-x;
	text-align:center;
}

@font-face {
	font-family: '3DumbRegular';
	src: url('3Dumb.eot');
	src: local('3Dumb Regular'), local('3dumb'), url('3Dumb.woff') format('woff'), url('3Dumb.ttf') format('truetype'), url('3Dumb.svg#3dumb') format('svg');
}

@font-face {
	font-family: 'DiavloLightRegular';
	src: url('Diavlo_LIGHT_II_37.eot');
	src: local('Diavlo Light Regular'), local('DiavloLight-Regular'), url('Diavlo_LIGHT_II_37.woff') format('woff'), url('Diavlo_LIGHT_II_37.ttf') format('truetype'), url('Diavlo_LIGHT_II_37.svg#DiavloLight-Regular') format('svg');
}

@font-face {
	font-family: 'UniversityStdRomanRegular';
	src: url('UniversityRomanStd.eot');
	src: local('University Std Roman Regular'), local('UniversityRomanStd'), url('UniversityRomanStd.woff') format('woff'), url('UniversityRomanStd.ttf') format('truetype'), url('UniversityRomanStd.svg#UniversityRomanStd') format('svg');
}


header, section, footer,
aside, nav, article, figure {
	display: block;
	text-align:justify;
}



header
{
	background-color:#2f3241;
	border-bottom:2px gray solid;
	width:100%;
	min-height:75px;
	padding-top:25px;
	}


div#headerContent {  margin:auto; 	width:90%;
 }

div.logo
{
	
	float:left;
	margin-left:10px;
	margin-right:20px;
	margin-top:-20px;
}




 .logo h1{
    
    color: #fc0079; 
   
    font-weight:normal;
    font-size:52px;
    margin:0;
     line-height:normal; font-weight: normal; font-family: '3DumbRegular', sans-serif;   }
      
      .logo p
      {
     
      }    
      
          
      .logo span.url
      {
	letter-spacing:5px;
	padding-left:0px;
	color:#ffffff;
	line-height:normal; font-weight: normal; font-family: 'DiavloLightRegular', sans-serif;

}


/* navigation --------------------------------------------------- */
    nav {
	padding: 7px 0 7px 0px;	height: 75px;
	display:inline;
	line-height:75px;
	float:right;}
    		
    		
      nav ul {	
			margin:0; 
			padding:0; 
			list-style:none;
			}
      			
      	nav ul li {float:left; display:inline; margin:0; padding:0;}
      	
      	nav ul li a {
      	font-family:Arial, Helvetica, sans-serif;
	      	  font-size: 19px;
	      	  font-weight: bolder;
	          display: block; 
	          color: #fff;
	          text-decoration: none;
	          float: left; /*\*/ float:none; 
	          padding: 7px 25px 7px 7px;
	          line-height: 13px;
	          border:0;
        }
        
        nav ul li a span {
	      	  font-size: 11px;
	      	  font-weight: normal;
	      	  color: #67707a;
        }
        
        nav ul li a:hover {
          	   color: #fc0079;
        }
      	nav ul li#active a {
        }


/* content ----------------------------------------------- */

h1,h2 
{
	line-height:normal; font-weight: normal; font-family: '3DumbRegular', sans-serif;  	font-size:30px;
	margin:0px;
	
	
}

h1 {
	font-size:35px;
	
}
section#contentContainer
{
	width:1024px;
	margin:auto;
	margin-top:25px;
}

section#portfolioContainer
{
	width:600px;
	margin:auto;
}


/* porfolio ------------------------------------------- */
#slider1 {
    width: 720px; /* important to be same as image width */
    height: 350px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
 
#slider1Content {
    width: 720px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
    text-align:left;
}

.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 210px !important;
	height: 100px;
}
.right {
	right: 0;
	bottom: 0;
	width: 200px !important;
	height: 300px;
}


ul { list-style-type: none;}