/* CSS Document */

body {
	padding: 0px;
	margin: 0px;
	background-color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

a {text-decoration: none; outline:none;}

img {border: none; padding: 0px; margin: 0px;}

td {vertical-align:top; padding:6px;}
td.uni {padding-top:0px;padding-bottom:6px;font-style: italic;}
table {margin-left:20px;}
ul {list-style:none;}

#wrapper {text-align: left;	margin: 0px auto; padding: 0px;	border:0; width: 770px;	background-color:#FFFFFF;}

/* MASTHEAD ******************************************/
#masthead {height:75px; background: black;}

#logo {float:left;}

/* NAV ******************************************/
#nav {float: right; padding-top: 49px; background: black;}
#nav ul {margin:0; list-style:none;}
#nav li {padding:0;list-style:none;float:left;background:  url(../images/nav_right.gif) no-repeat right top;}
#nav li a {background:  url(../images/nav_left.gif) no-repeat left top; padding:0.3em 0.9em 0.4em 0.9em; float:left; display:block; color: grey;}
#nav a:hover {color: white}

/* Active Tab */
#nav li.active {background: url(../images/nav_right_active.gif) no-repeat right top;}
#nav li.active  a {border-bottom:0;background:  url(../images/nav_left_active.gif) no-repeat left top; color:#666666;}


/* CONTENT ******************************************/
#container {clear: both;}

#image_space {background-color: #CCCCCC; border: 1px solid #999999;}
#image_space.portrait  {padding: 20px 74px 15px 74px;}
#image_space.landscape  {padding: 20px 20px 15px 20px; }
#image_space.landscape_448  {padding: 20px 20px 15px 46px; }
#image_space img {border: 1px solid #999999;}
#image_space p {font-size:80%; margin:0px; padding-top:10px}

.content_column {float: left; width: 538px; margin: 10px 10px 0px 10px;}
body.oneCol .content_column {float: none; width: 600px; margin: 60px 10px 75px 85px;}
.content_column a {font-weight: bold;color: #666666;}
.content_column a:hover {text-decoration: underline;} 
.content_column h1 {padding:4px 0px 5px; margin:0px; font-size:150%; border-color: #999999; border-top-width: thin; border-top-style: solid;}
.content_column h2 {padding:4px 0px 5px; margin:30px 0px 10px 0px; font-size:125%; border-color: #999999; border-top-width: thin; border-top-style: solid;}
.content_column p {font-size:120%;}
.content_column img.thumb_edge {margin-top:10px; margin-bottom:0px; height:96px; width:96px; border: 1px solid #999999;}
.content_column img.thumb_middle {margin-top:10px; margin-right:8px; margin-bottom:0px; height:96px; width:96px; border: 1px solid #999999;}

#project_explanation {float: left; width: 516px; margin: 10px 10px 15px 10px; background-color: #CCCCCC; border: 1px solid #999999; padding:10px;}
#project_explanation p {font-size:100%; padding-top:10px; margin:0px;}
#project_explanation p:first-child {padding-top:0px;}

#portfolio_section_summary {clear:both; height: 80px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; margin: 10px 0px 10px 0px; background-color:#E5E5E5; padding:10px;}
#portfolio_section_summary p {float:left;}
#portfolio_section_summary h2 {float:left; padding:0px; margin:28px 0px 0px 10px; font-size:125%; border: none;}
#portfolio_section_summary img {float:left;}
/* forms */

form {margin-bottom:30px;}
form ol {  padding: 1em 1em 0 1em;  list-style: none;}
form li {  padding-bottom: 1em;}
label {display: block; font-size:90%;}
textarea {width: 475px; height:100px;}
fieldset {border: 1px solid #BFBAB0; background-color: #F2EFE9;}
fieldset label:before {content:"* ";color:#FF0000;font-weight: bold;} /* red asterisks before field labels, non IE only */

.formstyle {border: 1px solid #999999;	font-size:100%;	font-family: Arial, Helvetica, sans-serif;	padding:5px;	background-color: #FFFFFF;}


/* Section Nav */
#section_nav {margin: 10px 10px 10px 0px; float: right; width: 200px; height: 1%; /* Holly hack for Peekaboo Bug */	background-color:#666666; border-color: #999999; border-width: thin; border-style: solid;}
#section_nav ul {margin:0; padding:0; list-style:none; }
#section_nav li {background-color:#CCCCCC; border-color: #999999; border-top-width: thin; border-top-style: solid; padding:7px 10px;}
#section_nav li a {color: #666666;}
#section_nav h3 {padding:7px; margin:0px; color:#FFFFFF; border-color: #999999; border-bottom-width: thin; border-bottom-style: solid;}
#section_nav a:hover {color: black}

/* technologies_used */
#technologies_used {clear:both; margin: 10px 10px 10px 0px; float: right; width: 200px; height: 1%; /* Holly hack for Peekaboo Bug */	background-color:#CCCCCC; border-color: #999999; border-width: thin; border-style: solid;}
#technologies_used ul {margin:0; padding:0; list-style:none; }
#technologies_used li {background-color:#FFFFFF; border-color: #999999; border-top-width: thin; border-top-style: solid; padding:20px 20px 20px 60px;background-repeat: no-repeat; background-position: 7px; }
#technologies_used h3 {padding:7px; margin:0px; color:#666666; border-color: #999999;}
.icon_3dsm {background-image: url(../images/icons/icon_3dsm.gif);}
.icon_access {background-image: url(../images/icons/icon_access.gif);}
.icon_ai {background-image: url(../images/icons/icon_ai.gif);}
.icon_as {background-image: url(../images/icons/icon_as.gif);}
.icon_br {background-image: url(../images/icons/icon_br.gif);}
.icon_cf {background-image: url(../images/icons/icon_cf.gif);}
.icon_di {background-image: url(../images/icons/icon_di.gif);}
.icon_dw {background-image: url(../images/icons/icon_dw.gif);}
.icon_fl {background-image: url(../images/icons/icon_fl.gif);}
.icon_fx {background-image: url(../images/icons/icon_fx.gif);}
.icon_html {background-image: url(../images/icons/icon_html.gif);}
.icon_html_time {background-image: url(../images/icons/html_time.gif);}
.icon_id {background-image: url(../images/icons/icon_id.gif);}
.icon_pr {background-image: url(../images/icons/icon_pr.gif);}
.icon_ps {background-image: url(../images/icons/icon_ps.gif);}
.icon_wacom {background-image: url(../images/icons/icon_wacom.gif);}
/* Active link */
#section_nav li.active {background-color:#666666; border-color: #999999; border-top-width: thin; border-top-style: solid; padding:7px;}
#section_nav li.active a {color:#FFFFFF;}

/* FOOTER ******************************************/
#footer {clear: both; background: #000000; text-align: center; padding:20px 0px 20px; font-size: 80%; color:#666666}