/********************************\
*  Tony Patino
*  August 26th 2006
*  "Working Art" style sheets
*
*  Global Styles
\********************************/




div#page{
	position:static;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	width:775px;
}

div#page div#header{
	width:775px;
	margin:0px;
	padding:0px;
	position:relative;
	float:left;
}

div#page div#topNav{
	width:775px;
	position:relative;
	float:left;
	padding:0px;
	margin:0px;
	
}
div#page div#topNav ul,
div#page div#bottomNav ul{
	list-style-type:none;
	width:775px;
	margin:0px;
	padding:0px;
	
}
div#page div#bottomNav ul{
	margin-top:3px;
}
div#page div#topNav ul li,
div#page div#bottomNav ul li{
	position:relative;
	min-width:50px;
	float:left;
	
}

div#page div#bottomNav{
	width:775px;
	position:relative;
	float:left;
	padding:0px;
	margin:0px;
	min-height:56px;
	background-image:url(../images/layout/lev2_bottom_gray.gif);
	
} * html div#page div#bottomNav{height:56px;}

div#page div#footer{
	width:775px;
	position:relative;
	float:left;
	padding:0px;
	margin:0px;
	
}



div#page div#contents{
	width:775px;
	float:left;
	position:relative;
	padding:0px;
	margin:0px;
}


img{
	margin:0px;
	padding:0px;
	border:none;
	line-height:0px;
	font-size:0px;
	
	float:left;
}

img#logo{
	position:relative;
	float:left;
	width:182px;
}

img#phoneNumber{
	position:relative;
	float:right;
	width:167px;
}



/***********************\
|
|  Portfolio Pages
|  
\***********************/

div#page div#contents div#portfolio div#left{
	background-color:#c5d1ce;
	min-height:397px;
	width:177px;
	position:relative;
	float:left;
} * html div#page div#contents div#portfolio div#left {height:397px;}


div#page div#contents div#portfolio div#center{
	background-color:#edf2e6;
	background-image:url(../images/layout/dotted_vertical-line.gif);
	background-position:left;
	background-repeat:repeat-y;
	min-height:397px;
	width:427px;
	position:relative;
	float:left;
} * html div#page div#contents div#portfolio div#center {height:397px;}

div#page div#contents div#portfolio div#right{
	background-color:#cbcdc3;
	background-image:url(../images/layout/dotted_vertical-line.gif);
	background-position:left;
	background-repeat:repeat-y;
	min-height:397px;
	width:171px;
	position:relative;
	float:left;
} * html div#page div#contents div#portfolio div#right {height:397px;}

div#page div#contents div#portfolio div#left ul{
	position:relative;
	list-style-type:none;
	margin:0px 0px 22px 0px;
	padding:0px;
	position:relative;
	float:left;
	
	width:177px;
	z-index:9000;
}

div#page div#contents div#portfolio div#left ul li{
	margin:0px;
	padding:0px;
	position:static;
	
	float:none;
	clear:both;
	z-index:9001;
}
div#page div#contents div#portfolio div#left ul li a{
	position:static;
	width:177px;
	z-index:9002;
}

div#page div#contents div#portfolio div#left ul li a img{
	z-index:9003;
	width:177px;
	position:static;
	
}


dl{
	margin:19px 0px 0px 26px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	list-style-type:none;
} * html dl {margin:0px 0px 19px 26px;}
dt{
	font-weight:bold;
	margin:6px 0px 0px 0px;
	padding:0px;
}
dd{
	margin:6px 0px 0px 0px;
	padding:0px 13px 0px 0px;
}
dd a{
	text-decoration:none;
	color:#993300;
}
dd a:hover{
	text-decoration:underline;
}





div#page div#contents div#portfolio div#center div#screenshot{	
	text-align:center;
	margin-top:40px;	
	float:none;
	min-height:300px;
	
} * html div#page div#contents div#portfolio div#center div#screenshot{height:300;}

div#page div#contents div#portfolio div#center div#screenshot img{
	float:none;
	margin-left:auto;
	margin-right:auto;	
} /*For Mozilla.  It doesn't seem to render this image properly without the reminder.*/

div#page div#contents div#portfolio div#center div#nextSlide{

	
	width:426px;/*
	position:relative;
	float:left;
	
	margin-top:10px;*/
}



div#page div#contents div#portfolio div#center /*div#nextSlide*/ ul{
	list-style-type:none;
	width:180px;
	
	padding:0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;	
	margin-bottom:0px;
}

div#page div#contents div#portfolio div#center /*div#nextSlide*/ ul li{
	position:relative;
	float:left;
	margin-left:7px;
	margin-right:7px;
	
	width:67px;
	text-align:left;
}

div#page div#contents div#portfolio div#center /*div#nextSlide*/ ul li a{
	position:relative;
	color:#854830;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
}

div#page div#contents div#portfolio div#center /*div#nextSlide*/ ul li a img{
	position:relative;
}


div#page div#contents div#portfolio div#right ul{
	position:relative;
	text-align:center;
	list-style-type:none;
	margin:19px auto 0px auto;
	
	padding:0px;
	width:106px;
	float:none;
}

div#page div#contents div#portfolio div#right ul li{
	float:none;
	clear:both;
	text-align:center;
	
	margin:0px;
	padding:21px 0px 0px 0px;
}

div#page div#contents div#portfolio div#right ul li a img{
	position:static;

}

/***********************\
|
|  Contact Page
|  
\***********************/

div#page div#contents div#contact{
	min-height:397px;
	width:775px;
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../images/layout/contact_background.jpg);
} * html div#page div#contents div#contact {height:397px;}

div#page div#contents div#contact div#left{
	width:270px;
	position:relative;
	float:left;
	margin:0px;
	padding-left:26px;
	padding-right:26px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ffffff;
	font-weight:bold;
}

div#page div#contents div#contact div#right{
	width:401px;
	position:relative;
	float:left;
	margin:0px;
	padding-left:26px;
	padding-right:26px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ffffff;
	font-weight:bold;
}

div#page div#contents div#contact ul{
	list-style-type:none;
	margin:139px 0px 0px 0px;
	padding:0px;
	
}

div#page div#contents div#contact ul li{
	margin:0px;
	padding:0px;
	margin-top:8px;
}

div#page div#contents div#contact ul li a{
	color:#ffffff;
	text-decoration:none;
}

div#page div#contents div#contact ul li a:hover{
	text-decoration:underline;
}



/*****************************************\

RESUME STYLES

|*****************************************/

div#page div#resumeLeft{

	background-color:#c5d1ce;
	min-height:397px;
	width:177px;
	position:relative;
	float:left;
} * html div#page div#resumeLeft {height:397px;}


div#page div#resumeRight{
	background-color:#edf2e6;
	background-image:url(../images/layout/dotted_vertical-line.gif);
	background-position:left;
	background-repeat:repeat-y;
	min-height:397px;
	width:598px;
	position:relative;
	float:left;
} * html div#page div#resumeRight {height:397px;}

p, h4{
	margin-left:25px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
}
h4{
	font-size:11px;
	margin:0px;
	padding:0px;
	margin-top:30px;
	margin-left:202px;

}
div#page div#resume{
	position:relative;
	float:left;
	width:775px;
	background-image:url(../images/layout/resume.gif);
	min-height:397px;
} * html div#page div#resume{height:397px;}

div#page div#resume table tr td{
	margin-left:25px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
}
div#page div#resume table tr td p{
	margin-top:15px;
	margin-right:25px;
}