/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}





/* --- GENERAL --- */

a  {
color:#0066FF;
text-decoration:none;
font-weight:bold;
}

p a,  a p{
text-decoration:underline;
}

 p {
padding-top:7px;
}

a:hover p, p a:hover {
color:#000;
}



/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
    background:url(../bg_body-blue.png) repeat-x; 
	text-align:center;
	min-height:583px;/* for good browsers*/
	min-width:753px;/* for good browsers*/
	font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;

}
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
	
}
#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 583px;
}	

#xinner {
border:1px black;
	width: 753px;
	height: 583px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
/* background:transparent url(../transparent_bg_pages_f01.png) no-repeat; */
}


body#index div#xinner {
 background:transparent url(../transparent_bg_pages_f01.png) no-repeat;
}


body#portfolio div#xinner {
 background:transparent url(../transparent_bg_pages_f02.png) no-repeat;
}

body#resume div#xinner {
 background:transparent url(../transparent_bg_pages_f03.png) no-repeat;
}

body#contact div#xinner {
 background:transparent url(../transparent_bg_pages_f04.png) no-repeat;
}


#container  {
position:relative;
height:100%;
left:74px;
top:90px;
}





body#portfolio div#container {
background:url(../transparent_bg_pages_r2_c2_f2.png) no-repeat;
}

body#resume div#container {
background:url(../transparent_bg_pages_r2_c2_f3.png) no-repeat;
}

body#contact div#container {
background:url(../transparent_bg_pages_r2_c2_f4.png) no-repeat;
}


/* NAV */

#xinner .home a{
position:absolute;
float:left;
margin:55px 0 0 60px ;
width:320px;
height:45px;
line-height: 1000px;
overflow:hidden;
}




#xinner ul  {
position:absolute;
float:none;
margin:70px 0 0 455px ;
height:15px;
padding:0;
font-weight:normal;
font-size:14px;
list-style-type:none;
}



#xinner ul li {
float:left;
margin-left:14px;

}

#xinner ul li a{
color:white;
}



#xinner ul li a:hover {
color:red;
}

#xinner ul li a.selected {
color:#0066FF;
}


#xinner ul li a.selected:hover {
color:#0066FF;
cursor:default;
}




/*
#xinner a.home,div#xinner {
   behavior: url("pngbehavior.htc");
}


#xinner a.home, div#xinner  { 
behavior: url("iepngfix.htc");
 } 
*/





/* --- INDEX --- 

body#index div#container p {
text-align:left;
padding:0;
font-size:18px;
font-weight:bold;
}
body#index div#container p#p {
padding:75px 0 0 85px;
}
body#index div#container p#r {
padding:2px 0 0 365px;
}
body#index div#container p#c {
padding:35px 0 0 220px;
}


body#index div#container p a{
padding:30px;
text-decoration:none;
}
body#index div#container p a:hover {
color:#fff;
}


*/

/* --- PORTFOLIO --- */



body#portfolio div#container div {
text-align:center;
padding:80px 0 0 60px;
}


a.portlink {
float:left;
margin:0px 15px;
width:204px;
height:217px;

background:transparent url("../images/port-box_f01.png") bottom left no-repeat;
}

a.portlink{
text-align:center;
padding-bottom:5px;
}



a.portlink:hover {
background:transparent url("../images/port-box_f02.png") bottom left no-repeat;
}

.portlink img {
padding-top:30px;
}


/* --- RESUME --- */

div#resbox {
float:left;
margin:8px 0 0px 6px;
padding:45px;
width:510px;
text-align:left;
}


div#resbox p {
line-height:2em;
padding:15px 18px 0px 15px;
margin-bottom:0em;
}

.dropcap {
float:left;
color:#D4D4C7;
font-size:100px;
line-height:70px;
padding-top:2px;
font-family: Times, serif, Georgia;
} 




body#resume p#link  {
float:left;
clear:both;
width:601px;
padding:0;
margin:0px auto 0 auto;
}



body#resume  p a.resume{
padding-right:12px;
background:url(../icon-pdf.gif) bottom right no-repeat;
}


/* --- CONTACT --- */

form {
float:left;
margin:30px 0 0 20px;
width:330px;
padding:0;
}




label,input, textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
	padding-bottom:3px;
}

textarea {
height:100px;
}


label {
	text-align: right;
	width: 100px;
	padding-right: 30px;
	margin-right:0px;
}

br {
	clear: left;
}
input, textarea {
	width: 150px;
border:1px solid black;
}


input#submit {

float:left;
border:1px solid black;
background-color:#fff;
font-weight: bold;
font-size: 12px;
width:80px;
color: #000;
margin:10px 0 0 200px;
}



h3 {
font-size:18px;
color:#666666;
display:block;
margin-left:20px;
margin-bottom:20px;
padding-top:20px;
font-weight:bold;
border-bottom:1px solid #666;
width:560px;
}

div.two-col {
display:block;
margin-left:40px;
padding-bottom:40px;
}


div.two-col div {
width:190px;
float:left;
margin-left:50px;
text-align:center;
}

div.four-col {
clear:both;
/* margin-left:18px; */
margin-left:28px;
padding-top:20px;
}



div.four-col div {
width:115px;
float:left;
margin-left:20px;
margin-left:50px;
text-align:center;
}



span.byline {
color:#666666;
font-style:italic;
}

h6.valid {
margin:-85px 80px 0 0;
text-align:right;
position:relative;
z-index:100;
font-size:10px;
font-weight:normal;
}