@charset "UTF-8";
/* margin: top right bottom left */
/* 	border: 1px solid #900;*/

body { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; background-color: #f4f4ee; background-image: url(../images/backgound.png); background-repeat: repeat-x;}
img { border: 0; }

h1 { color: #333; font-family: "Trebuchet MS"; font-size: 20px; font-weight: bold; padding-bottom:20px; letter-spacing: 0.5px; margin: 0; text-shadow: #FFF 0px 1px 0px;}
h2 { color: #333; font-family: "Trebuchet MS"; font-size: 16px; font-weight: bold; margin: 0; }
h3 { color: #333; font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; margin: 0; }

p, ol { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0 0 0.2em 0; text-shadow: #FFF 0px 1px 0px;}
p.about { color: #333; letter-spacing: 0.7px; word-spacing: 1px; line-height: 19px; margin: 32px 0 0 0; text-shadow: #FFF 0px 1px 0px; }
p.work{ color: #666; margin: 0 0 0.2em 0; padding:0 0 5px 0; font-size: 12px; text-align: left; word-spacing: 1px; text-shadow: #FFF 0px 1px 0px;}
p.contact { color:#626262; font-size:16px; text-decoration:none; text-shadow: #FFF 0px 1px 0px;}
p.resume { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: 0 0 0.2em 0;}

td.contact { padding:25px 0 0 0;}
td.info { padding:25px 0 0 10px;}


ul { text-align:justify; }
li { text-align:justify; }

ul.resume { text-align:justify; list-style-type:square; color:#333; margin:0 0 0 0;}
a { color: #81bbc8; text-decoration: none; }
a:hover { text-decoration:underline;}
a.backTop {color:#333; font-style:italic; font-size:12px;}
a.group {color:#81bbc8; font-size: 14px; padding:0 0 0 4px; font-weight: bold; text-decoration: none; }
a.group:hover { color:#81bbc8; font-size: 14px; padding:0 0 0 4px; font-weight: bold; text-decoration: underline;}
a.download { color:#333; font-size:12px; }
a.download:hover { text-decoration:underline; }
a.resume { color: #81bbc8; text-decoration: none; font-size: 10px;}
a.resume:hover { text-decoration:underline; }

#wrapper { width:900px; height:auto; margin:0px auto 0px auto; }
#header { width: 900px;height: 110px; margin: 0 auto 20px auto; }
#logo { width: 310px; height: 91px; margin-top: 13px; float: left; background: #101010;}
#logo a { text-decoration: none; }

/* Main Naivation */
#menu { float: right; }
#menu ul { list-style: none; margin: 0; padding: 14px 0 0 0; }
#menu li { display: inline; }
#menu a { color: #626262; background: #d8d6cb; width: 116px; display: block; float: left; font-family: "Helvetica"; font-size: 10pt; line-height: 100%; margin-left: 5px; padding: 25px 0 5px 7px; text-decoration: none; }
#menu a:hover { color: #f2efe7; background: #101010; }
#menu a:active { color: #f2efe7; background: #101010; }


/* Portfolio Navigation */
.pnav { color:#666; float:right; font-family: "Trebuchet MS"; font-weight:bold; height:37px; padding:14px 0 0; text-decoration:none; }
.pnav a { color: #666; }
.pnav a:hover { color: #333; }
.pnav p { font-size:11px; color: #333;}


/* Home */
#contentHome { width: 900px; min-height: 600px; margin:100px auto 0px auto; float:left; }
#newMedia  { width: 365px; height: 358px; display: block; float: left; }
.banner { width: 484px; height: 340px; display: block; float: right; margin:0 20px 0 0; }
.banner img { border: solid #101010 10px; }
#findMe { width:34px; height:67px; margin-top: 475px; }
#downArrow { width:70px; height:100px; float:right; margin:17px 90px 0 0; }


/* Portfolio */
#content { width: 900px; min-height: 600px; margin:40px auto 0px auto; float:left;}
#findMeWork { width:534px; height:67px; margin-top:100px; padding: 0 0 50px 0; float:left;}
.portfolio { width: 900px; height: 270px; margin-top: 35px; background: #e7e6dd; border: solid #ccc 1px; }
.workImages { width: 633px; height: 244px; margin: -7px 0 0 0px; float: left;}
.workContent { width:210px; height:200px; margin: 3px 35px 0 0; padding:10px 10px 10px 10px; float:right;}
.workTop { width:80px; height:18px; margin:15px 0 0 15px; }
#HiddenDiv { display:none;}


/* sliding boxes */
.boxgrid { overflow: hidden; position: relative; }
.boxgrid h3 { margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; font-weight: bold; }
.boxgrid a.group { color:#81bbc8; font-size: 10px; text-decoration: none; }
.boxgrid a.group:hover { color:#81bbc8; font-size: 10px; text-decoration: underline; }
.boxcaption { position: absolute; background: #000; margin: 19px 0 0 0; height: 65px; width: 611px; opacity: .8; 
			/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.captionfull .boxcaption { top: 260; left: 0; }
.caption .boxcaption { top: 220; left: 0; }

/* Resume */
#wrapperResume { width:800px; height:auto; margin:0px auto 0px auto; }
#topResume { width: 800px; height: 60px; margin: 0 auto 0 auto;}
#tc { width:236px; height:44px; display:block; float:left; margin:45px 0 0 0;  }
#download { width:250px; height:30px; display:block; float:right; margin:45px 0 0 0; }
#pdf { width:125px; height:30px; display:block; float:left; }
#doc { width:125px; height:30px; display:block; float:left; }
#contentResume { width: 800px; min-height: 600px; margin:25px auto 0px auto; float:left;}
#contactResume { width:180px; height:600px; display:block; float:left;}
#infoResume { width:600px; height:600px; display:block; float:right;}

/* Contact */
#contact-left { width:410px; float:left; display:block; }
#contact-right { width:430px; float:right; display:block;}
#contact-info { width:430px; height:245px; margin:25px 0 0 0;}
#contact-area { width: 400px; margin-top: 20px; }
#contact-area input { width: 296px; padding: 5px; margin: 0px 0px 10px 0px; font-family: Helvetica, sans-serif; font-size: 1.4em; border: 1px solid #ccc; }
#contact-area textarea { width: 386px; padding: 5px; margin: 0px 0px 10px 0px; font-family: Helvetica, sans-serif; font-size: 1.4em; border: 2px solid #ccc; }
#contact-area textarea { height: 137px; }
#contact-area textarea:focus, #contact-area input:focus { border: 2px solid #4f8398; }
#contact-area input.submit-button { 
	width:auto;
	height:100%;
	display:block;
	padding:10px;
	font-weight: 400;
	font-size: 14px;
	font-weight: bold;
	margin:0;	
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	color:#FFFFFF;
	position:relative;}
label { color: #626262; width: 100px; margin-right: 15px; padding: 10px 0 5px 0; font-size: 1.4em; float: left; text-shadow: #FFF 0px 1px 0px; }


/* Twitter Feed*/
#twitter_div { width:420px; font-size: 11px; margin-top:16px; }
#twitter_div ul{ width:420px; height:143px; background: #dedede; list-style:none; padding:5px 5px 5px 5px; margin:7px 0 0 0;}
#twitter_div li { color:#333333; background-color:#EFEFEF; border:1px solid #E0E0E0; font-family:Arial,Helvetica,sans-serif; font-size:11px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 5px; padding:10px; }
#twitter_div ul li a { color: #81bbc8; text-decoration: none; }
#twitter_div ul li a:hover { color: #81bbc8; text-decoration: underline; }
#twitter_div p { color: #81bbc8; text-decoration: none; }