/* Eric Meyer's Reset CSS, 15 Jan 2008 */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*****************************************************************
BEGIN STYLESHEET
*****************************************************************/

body {
	background: url(../images/universal/page_back.gif) repeat;
	background-color: #EEE;	
	background-position-x: -1px;
	font-family: Lucida Grande, Verdana, sans-serif;
	font-size: 11px;
	color: #666;
}

a {
	text-decoration: none;
	color: #00CCFF;
}


a:hover {
	border-bottom: 1px dotted #00CCFF;
}

#logoContainer {
	/*
	margin: 2em 0 0 0 ;
	padding: 0;
	width: 220px;
	
	background-color: #fff;
	border: 1px solid white;
	*/
	
	position: absolute;
	top:2em;
	width: 220px;
	height: 130px;
	background: url(../images/universal/aquatoad.png) no-repeat; /* Preload the rollover */
}


#logoEdger{
	position: absolute;
	top:2em;
	width: 220px;
	height: 130px;
}

#logoColor{
	position: absolute;
	left: 10px;
	top: 3px;
	width: 200px;
	height: 124px;
	background-color: #fff;
}

/*
#logoColor img{
	position: absolute;
	left: -10px;
	top: -3px;
}
*/

#logoColor a {
	display: block;
	border: none;
	position: absolute;
	left: -10px;
	top: -3px;
	width: 220px;
	height: 130px;
	background: url(../images/universal/a/rotate.php) no-repeat;
	
}

#logoColor a:hover {
	background: url(../images/universal/aquatoad.png) no-repeat;
}


* html #logoColor a {
	background-image: none;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/universal/a/rotate.php", sizingMethod="scale");
	}

* html #logoColor a:hover {
	background-image: none;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/universal/aquatoad.png");
	}

.pageContainer {
	position: absolute;
 	top: 2em;
 	left: 220;
 	width: 462px;
 	margin: 0 0 0 22px;

}

.homepageContainer {
	position: absolute;
 	top: 2em;
 	left: 220;
 	width: 704px;
 	margin: 0 0 0 22px;

}

.portfolioContainer {
	position: absolute;
 	top: 2em;
 	left: 220;
 	width: 704px;
 	margin: 0 0 0 22px;
}

.contentContainer {
	padding: 1.8em 0 2em 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: url(../images/universal/nav_arrowmask.gif) repeat-y;
	background-position: center;
}

.homeContainer {
	padding: 1.8em 0 2em 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: url(../images/universal/nav_arrowmask.gif) repeat-y;
	background-position
}

.homeContainer h2.intro {
	display: block;
	float:left;
	width: 462px;
}

.newsBox {
	float: right;
	width: 220px;
	line-height: 18px;
	font-style: normal;
	font-size: 12px;
}

.newsBox em {
	font-style: normal;
}

#cooking {
	margin-top: 6px;
	width: 183px;
	height: 15px;
	background: url(../images/universal/whatscooking.gif) no-repeat;
}

#cooking span {
	display: none;
}

.homeBurst {
	position: absolute;
}


.titleContainer {
	padding: .5em 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background-color: white;
}

.titleContainer h2 {
	float: left;
	width: 458px;
	text-align: center;
	margin-top: .2em;
}

h2 {
	/* margin-left: 3px; */
	font-size: 19px;
	line-height: 1.4em;
	letter-spacing: -1px;
	font-family: Lucida Grande, Lucida Sans, Lucida Sans Unicode, Verdana, sans-serif;
}

h2 em {
	font-style: normal;
	color: #00CCFF;
}

h2 a {
	font-style: normal;
}

h4 {
	font-weight: normal;
	font-size: 11px;
}

.navContainer {
	margin-top: 1em;
	height: 12em;
}

.acronym {
	color:#999;
}



.textContainer {
	padding: 1em 3px;
	font-size: 12px;
	line-height: 1.5em;
	border-bottom: 1px solid #eee;
	background-color: white;
}

.textContainer hr {
	margin: 15px 0 30px 0;
}


p {
	margin: .8em 0;
}

.randyJones {
	position: absolute;
	left:80px;
	top: 320px;
	width: 165px;
	height: 500px;
	background: url(../images/pages/randy_jones_sm.gif) no-repeat;
	z-index: 1000;
	line-height: 14px;
	padding-top: 353px;
	text-align: center;
}

/*******************************************************************************************
NAV MENU STYLES 
*******************************************************************************************/


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 236px;
	font-size: 10px;
}

#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 10px;
	margin:1px 0 0 0;
	width : 241px;
}

#nav li#current {
	margin:0 0 -1px 0;
    border: 1px solid #eee;
	border-width: 1px 0;
	background: url(../images/universal/nav_arrowmask.gif) no-repeat;
	background-color: #00CCFF; 
	
}



#nav li#current a, #nav li#current ul li#current a{
	color: #00CCFF;
	border: none;
}

#nav li#current ul li a{
	color: #aaa;
	border: none;
}

#nav li#current ul li a:hover{
	color: #666;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 242px;
	margin-top : -21px; /* THIS WILL ONLY WORK FOR GRAPHIC DESIGN SUBMENU >> BRINGS IT FLUSH TO THE TOP */
	top: -1px;
	margin-right: 200px;
}

#nav li ul#currentSub { /* forces current second-level lists to show */
	left: auto;
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}

#nav li a {
	margin-left: 4px;
	width : 232px;
	display : block;
	color: #aaa;
	text-decoration : none;
	background-color : none;
	padding : 0.5em 0;
	border: none;
}

#nav li a:hover {
	color: #666;
	background-color : none;
	border: none;
}

#nav li:hover{
	margin:0 0 -1px 0;
    border: 1px solid #eee;
	border-width: 1px 0;
}

html #nav li.sfhover {
	margin:0 0 -1px 0;
    border: 1px solid #eee;
	border-width: 1px 0;
	
}

#nav li ul#currentSub { /* forces current second-level lists to show */
	left: auto;
}


/* Portfolio specific styles */

.portfolioMatrixContainer {
	float: right;
	width: 220px;
	margin: 0 4px 0 0;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

.portfolioMatrixSpacer {
	margin: 0 0 0 1px;
}

.portfolioMatrixItem {
	float:left;
}

.portfolioMatrixItem a {
	display: block;
	text-align: center;
	line-height : 10px;
	margin:5px 0px 6px 19px;
	color: #aaa;
	text-decoration: none;
	border: none;
}

.portfolioMatrixItem a.current, .portfolioMatrixItem a.current:hover {
	color: #00CCFF;
	border: none;
}

.portfolioMatrixItem a:hover {
	color: #666;
	border: none;
}

#portfolio {
	border-top: 1px solid #eee; 
	border-bottom:1px solid #eee;
	background: url(../images/universal/nav_arrowmask.gif) repeat-y;
	background-position: left;
	
	}

.projectInfo {
	float: right;
	width: 220px;
	height: 400px;	
}

.projectInfo .textContainer {
	background-color: transparent;
}

#portfolio h5 {
	margin: 1.25em 0 1em 0;
}





/* Slider Styles */


#heading {
	width: 220px;
	display: block;
	padding: .5em 0;
	margin-top: .5em;
	
}
#heading * {
	display: inline;
	
	user-select: none;
	cursor: pointer;
	
}

#heading li {
	padding: 4px 7px;
	border: 1px solid #ccc;
	margin-right: 4px;
	background-color: #eee;
}

#heading li.active {
	color: #00CCFF;
}
#panes {
	float: left;
	border-style: none;
	width: 462px;
	margin: 0;
}

#panes div div { overflow: hidden; }

#previous { float: none; cursor: pointer; }
#next { float: none; cursor: pointer; }

#panes {
	opacity:0;
	display: none;
}