@charset "UTF-8";
/* Screen */
/**** 
© Ben McElroy
Copying is the shortest road to designer hell. 
Finding inspiration is the shortest road to designer nirvana.
Know the difference and pick well.
****/

/*begin reset*/
body{
font-size:62.5%;
font-family:Helvetica, Arial, sans-serif;
margin:0 auto;
padding:0;
background:#cecece url(../img/bg.png) top left repeat;
}
ul, ol, li{padding:0; margin:0; list-style:none;}

#mainNav ul,ol,li{
list-style:none;
padding:0;
margin:0;
}
/*end reset*/

/*positioning*/
#nametag{
float:left;
width:250px;
height:150px;
}
#nametag a img{
text-decoration:none;
border:none;
}
#header{
float:left;
padding:0;
margin:0;
width:1000px;
height:150px;
background:url(../img/header-trans.png) no-repeat;
}
#mainNav{
margin:50px 0 0 300px;
}
#mainNav a{
display:block;
float:left;
font-size:2em;
padding:5px;
margin-left:20px;
margin-right:20px;
text-decoration:none;
color:#2f2f2f;
}
#mainNav a:hover{
background:#333;
color:#cecece;
-webkit-box-shadow:#333 0px 2px 5px;
}
#content{
float:left;
width:1000px;
min-height:646px;
background:url(../img/content_bg-trans.png) repeat-y;
padding:0 50px 0 50px;
}
.imageArea{
width:460px;
color:#cecece;
text-align:center;
}
.imageArea img{
border:1px solid #333;
max-width:460px;
max-height:460px;
-webkit-box-shadow:0px 5px 5px #333;
-moz-box-shadow: 0px 5px 5px #333;
-o-box-shadow:0px 5px 5px #333;
box-shadow: 0px 5px 5px #333;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
}
.imageArea img:hover{
-webkit-transform:scale(1.1) rotate(-2deg);
-moz-transform:scale(1.1) rotate(-2deg);
-o-transform:scale(1.1) rotate(-2deg);
transform:scale(1.1) rotate(-2deg);
}
.writeUp{
width:460px;
min-height:80px;
background:#555;
color:#cecece;
font-size:1.6em;
-webkit-box-shadow:0px 5px 5px #333;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.writeUp p{
padding:0 10px 5px 20px;
}
.writeUp p.name1{
padding-top:5px;
font-weight: bold;
}
#contentLeft .text{
font-size:1.6em;
width:460px;
padding:10px;
color:#cecece;
background:#555;
-webkit-box-shadow:0px 5px 5px #333;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
#contentLeft .text a{
color:#fff;
}
#contentLeft{
float:left;
}
.features ul{padding-left:20px;}
.features ul li{
	margin-left:20px;
	padding:2px 10px 2px 0px;
	list-style:url(../img/li_arrow.png);
	}
#contentRight{
float:left;
width:410px;
margin-left:40px;
min-height:540px;
background:#333;
overflow:auto;
color:#cecece;
-webkit-box-shadow: 0px 5px 5px #333;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
#contentRight table{
font-size:1.4em;
margin-left:15px;
margin-top:20px;
margin-right:15px;
margin-bottom:20px;
border-collapse:collapse;
cursor:pointer;
}
#contentRight th, tr{
text-align:left;
}
#contentRight th{
border-bottom:1px solid #cecece;
}
#contentRight tr:hover{
background:#555;
}
#contentRight h2{padding:0; margin:0;}
/*#contentRight .text{
font-size:1.6em;
padding:10px 5px;
}*/
#footer{
float:left;
clear:both;
width:1000px;
height:91px;
background:url(../img/footer-trans.png) no-repeat;
}
#footer p{
text-align:center;
}
#footer a{
color:#fff;
}
#footer a:hover{
background:#333;
}