#html, body {
margin:0;
padding:0;
background-color: #ff9900;
color:#630;
}

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

/* Layout */

#container {
width:100%;
margin: 0;
padding: 0;
}

#wrap {
width:1000px;
margin: 0;
padding: 0;
	position: relative;
	float: left;
	top: 3%;
	left: 3%;
}
#preload {
display: none;
}

#banner {
padding: 0px;
background: rgb(99, 134, 143) url(http://www.gosedesign.net/portfolio_02/img/bkrnd.gif) repeat-x;
}

#content {
background-color: #ff9900;
padding:10px;
border-left: 1px dotted #630;
border-right: 1px dotted #630;
width: 64%;
height: 800px;
margin: 0 auto;
}

#sidebar-a {
float:left;
width:15%;
height: 832px;
background-color: #ff9900;
margin:0;
padding:10px;
border-right: 1px dotted #630;
}

#sidebar-b {
float:right;
width:15%;
height: 832px;
background-color: #ff9900;
margin:0;
padding:10px;
border-left: 1px dotted #630;
}

/*footer*/
#footer {
background-color: #f90;
font: 73% Georgia, "Times New Roman", Times, serif;
height: 20px;
margin: 0 auto;
padding:5px;
border: 1px dotted #630;
}

#footer a:link {
text-decoration:none;
color:#663200;
}

#footer a:visited {
text-decoration:none;
color:#630;
}

#footer a:hover {
color:#600;
text-decoration:none;
background:#d7ff88;
}

#footer a:active {
color:#600;
text-decoration:none;
background:#fff;
}

/* Navigation */

#portfolio p, #resume p, #blog p, #sketches p, #logo p
{
display: none;
}

#nav ul 
{
	height:25px;
	width: 425px;
	padding: 0 0 0 25px;
    margin: 0;
	background: url(http://www.gosedesign.net/portfolio_02/img/double_line.gif) no-repeat 25px 22px;
}

#nav li
{
	display:inline;
	float: left;
	
}

div #logo{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/gosedesign.png) no-repeat 0;
width: 307px;
height: 69px;
padding: 0px 0px 10px 0px;
margin: 0;
}

#portfolio{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/portfolio_up.png) no-repeat;
width: 111px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
}
#portfolio:hover{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/portfolio_down.png) no-repeat;
width: 111px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
border-bottom:3px solid #fffbb4;
}
#portfolio:active{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/portfolio_down.png) no-repeat;
width: 111px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
border-bottom:3px solid #fff;
}

#resume{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/resume_up.png) no-repeat;
width: 81px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;

}
#resume:hover{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/resume_down.png) no-repeat;
width: 81px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
border-bottom:3px solid #fffbb4;
}
#resume:active{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/resume_down.png) no-repeat;
width: 81px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
border-bottom:3px solid #fff;
}

#blog{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/blog_up.png) no-repeat;
width: 53px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
}

#blog:hover{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/blog_down.png) no-repeat;
width: 53px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
border-bottom:3px solid #fffbb4;
}
#blog:active{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/blog_down.png) no-repeat;
width: 53px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
border-bottom:3px solid #fff;
}

#sketches{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/sketches_up.png) no-repeat;
width: 101px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
}
#sketches:hover{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/sketches_down.png) no-repeat;
width: 101px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
border-bottom:3px solid #fffbb4;
}
#sketches:active{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/sketches_down.png) no-repeat;
width: 101px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
border-bottom:3px solid #fff;
}

/* Sub Navigation */

#student p, #pro p
{
display: none;
}

#subnav ul 
{
	height:13px;
	width: 425px;
	padding: 0 0 0 25px;
    margin: 0;
}
#subnav li
{
	display:inline;
	float: left;
}

#student {
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/student_work.png) no-repeat 0;
width: 120px;
height: 25px;
padding: 0;
margin: 0 15px 0 0;
}

#student:hover {
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/student_down.png) no-repeat 0;
width: 120px;
height: 25px;
padding: 0;
margin: 0 15px 0 0;
}

#pro {
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/professional_work.png) no-repeat 0;
width: 159px;
height: 25px;
padding: 0;
margin: 0 15px 0 0;
}
#pro:hover {
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/professional_down.png) no-repeat 0;
width: 159px;
height: 25px;
padding: 0;
margin: 0 15px 0 0;
}

/* Gallery */

.gallery {
	width: 340px;
    float:left;


}
.gallery2 {
	width: 230px;
	float:left;
	margin: 0 0 0 -30px;
}

#categoryLeft{
background: url(http://www.gosedesign.net/portfolio_02/img/printdesign.png) no-repeat;
padding: 0;
margin: 0;
height: 27px;
}

#categoryRight{
background: url(http://www.gosedesign.net/portfolio_02/img/logodesign.png) no-repeat;
padding: 0;
margin: 0;
height: 27px;
}

#categoryWeb{
background: url(http://www.gosedesign.net/portfolio_02/img/interactive.png) no-repeat;
padding: 0;
margin: 0;
height: 27px;
}

#categoryAd{
background: url(http://www.gosedesign.net/portfolio_02/img/advertising.png) no-repeat;
padding: 0;
margin: 0;
height: 27px;
}

p.title {
height: 27px;
font: 1.5em Georgia, "Times New Roman", Times, serif;
margin: 1em 0 0 0;
padding: 0;
}

p.description {
font: .9em Georgia, "Times New Roman", Times, serif;
color: #630;
}

p.description a{
font: .9em Georgia, "Times New Roman", Times, serif;
color: #630;
text-decoration: none;
border-bottom: #fff 1px dotted;
}

p.description a:hover{
font: .9em Georgia, "Times New Roman", Times, serif;
color: #fffbb4;
text-decoration: none;
border-bottom: #fff 1px dotted;
}

a.back {
font: italic 1em Georgia, "Times New Roman", Times, serif;
text-align: right;
float: right;
margin: 0 40px 0 0;
padding: 0;
text-decoration: none;
color: #630;
border-bottom: #fffbb4 1px dotted;
}

a.back:hover {
font: italic 1em Georgia, "Times New Roman", Times, serif;
text-align: right;
float: right;
margin: 0 40px 0 0;
padding: 0;
text-decoration: none;
color: #630;
border-bottom: #630 1px dotted;
background-color:#d7ff88;
}

a.back:active {
font: italic 1em Georgia, "Times New Roman", Times, serif;
text-align: right;
float: right;
margin: 0 40px 0 0;
padding: 0;
text-decoration: none;
color: #630;
border-bottom: #630 1px dotted;
background-color:#fff;
}

.thumbnail {
	float: left;
	padding: 1px;
	margin: 2px;
	display: inline-block;
	width: 60px;
	height: 60px;
	border: 2px solid #ff9900;
	background-color:#fffbb4;
	text-align: right;
}

.thumbnail:hover {
	float: left;
	padding: 4px;
	margin: 0px;
	display: inline-block;
	width: 60px;
	height: 60px;
	border: 1px solid #630;
	background-color: #d7ff88;
}
.thumbnail:active {
	float: left;
	padding: 4px;
	margin: 0px;
	display: inline-block;
	width: 60px;
	height: 60px;
	border: 1px dotted #fff;
	background-color: #ff9900;
}

#content h1 {
text-decoration:none;
text-align:center;
font-size:3.2em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:100;
letter-spacing:1px;
text-decoration:none;
padding-bottom:.01em;
margin:0.5em 0 0 10px;
}



#footer h4 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:100;
font-size:1em;
color:#630;
text-align: center;
margin-top: 3px;
}