/* CSS Document */

html, body {margin: 0; padding: 0;}

body {behavior: url(http://www.jonwhitbeck.com/csshover.htc);} /* WinIE behavior call for css submenus */

p, a, li  {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #3f3f3f; letter-spacing: .1em;
}


/*-------------------------------------------------------------------------------------------------------------------*/
/* main page divisions */

div#wrap {
	width: 850px;
	height: 600px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}

div#branding_basic {
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #999;
	background-image: url(images/site_graphics/logoNewSm2.gif);
	background-repeat: no-repeat;
	height: 80px;
}

div#nav_sub {
	width: 100%;
	margin: 0;
	padding: 0;
}

div#iframe {
	width: 710px;
	height: 425px;
	border: 1px solid #999;
	position: absolute;
	left: 135px;
	top: 142px;
}

div#descript {
	width: 235px;
	height: 425px;
	float: left;
	border-right: 1px solid #999;
	position: relative;
	padding: 0;
	margin: 0;
}

div#descriptFlashLarge {
	width: 235px;
	height: 290px;
	float: left;
	border-right: 1px solid #999;
	position: relative;
	padding: 135px 0 0 0;
	margin: 0;
}


div#footer{
	width: 710px;
	height: 30px;
	padding: 15px 5px 0 0;
	position: absolute;
	left: 135px;
	top: 570px;
}
	

/*-------------------------------------------------------------------------------------------------------------------*/
/* branding name */

p.logo {
	font-size: 20px;
	margin-left: -9999px;
	padding: 0;
}


/* page identifier */

p.page_name {
	margin: 0;
	letter-spacing: 0.1em;
	color: #a9a9a9;
	padding: 0 0 5px;
	position: absolute;
	top: 80px;
	right: 0px;
}


/* sub navigation */


div#nav_sub ul {
	margin: 5px 0 30px 0;
	float: right;
	list-style: none;
}

div#nav_sub li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #FFF;
}
div#nav_sub #page_current {
	padding-left: 10px;
	margin: 0;
	color: #0098e9;
}
	
div#nav_sub #last_item {
	padding-right: 0;
	border: none;}
	
div#nav_sub #current_last {
	padding-right: 0;
	border: none;
	color: #0098e9;
}
	
div#nav_sub a {
	text-decoration: none;
	color: #666666;}
	
div#nav_sub a:hover {
	color: #87b534;}
	

/* sidebar navigation */

div#sidebar {
	height: 425px;
	width: 135px;
	margin: 0;
	border-left: 1px solid #999;
	border-top: 1px solid #FFF;
	position: absolute;
	left: 0px;
	top: 142px;
}

div#sidebar ul { /* including div in the div#sidebar selector fixes IE bug (just using #sidebar, IE won't dynamically show the submenus) */
	margin: 0;
	padding: 0;
	width: 135px;
	list-style-type: none;
	background: white;
}

div#sidebar ul ul  {
	position: absolute; top: 2em; left: 0; /* places top edge of each submenu along the top of its containing block, & moves them to the edge of div */
	display: none;
}

div#sidebar ul ul li {
	border-bottom: 1px solid #f1f1f1;
}

div#sidebar ul.level_1 li.submenu:hover ul.level_2 {display: block;} /* causes second level menu to appear when its parent is hovered */


div#sidebar li {
	position: relative; /* list items act as starting point for descendent submenu using relative positioning */
	margin: 0;
}

div#sidebar li a {
	display: block; /* generates block level box for the menu and submenu items */
	padding: .5em 0 .5em 1em;
	margin-bottom: 2.1em;
	text-decoration: none;
	border: none;
}

div#sidebar li.submenu_item a {
	font-size: 9px;
	letter-spacing: .2em;
	padding: .25em 0 .25em 2em;
	margin-bottom: 0;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
}

/*div#sidebar li:hover {
	background: #fdfdfd;
}
*/
div#sidebar .expand {
	padding-left: 0;
	font-size: 10px;
	color: #3f3f3f;
	
}


body.webDesign #webDesign a, body.flash #flash a, body.printDesign #printDesign a, body.photo #photo a, body.resume #resume a, body.contact #contact a{
	color: #0098e9;
}

#sidebar .level_1 .submenu .level_2 .submenu_item a { color: #3f3f3f;}
#sidebar .level_1 .submenu .level_2 .submenu_item a:hover { color: #87b534;}

body div#sidebar .level_1 a:hover {
	color: #87b534;
}





/* style attributes for i-frame art and descriptions */


div#container { 
	width: 709px; height: 425px;
	float: left;
}


div#art { 
	float: left; padding: 30px 0 0 67px;
}

p.category {
	margin: 25px .5em .25em 1.5em;
	padding-bottom: 0.75em;
	font-size: 12px;
	color: #3f3f3f;
}
p.category2 {
	margin: 25px .5em .25em 18px;
	padding-bottom: 0.75em;
	font-size: 12px;
	color: #0098e9;
}
p.category_p2 { margin: 25px 0 .25em 18px; padding-bottom: .75em;}
p.descript_txt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 1em 0 18px;
	margin-bottom: 0px;
}
	

/*art page identifiers*/

p#art_btn1 {
	position: absolute;
	top: 397px;
	left: 5px;
	font-size: 10px;
}
p#art_btn2 {
	position: absolute;
	top: 397px;
	left: 26px;
	font-size: 10px;
}
p#art_btn3 {
	position: absolute;
	top: 397px; left: 49px;
	font-size: 10px;}
p#art_btn4 {
	position: absolute;
	top: 397px;
	left: 73px;
	font-size: 10px;
}
p#art_btn5 {
	position: absolute;
	top: 397px; left: 95px;
	font-size: 10px;}
p#art_btn6 {
	position: absolute;
	top: 397px; left: 118px;
	font-size: 10px;}
p#art_btn7 {
	position: absolute;
	top: 397px; left: 140px;
	font-size: 10px;}
p#art_btn8 {
	position: absolute;
	top: 397px; left: 80px;
	font-size: 10px;}
	
p#artBtn8 {
	position: absolute;
	top: 397px; left: 112px;
	font-size: 10px;}
	
p#art_btn9 {
	position: absolute;
	top: 397px; left: 133px;
	font-size: 10px;}
	
p#art_btn5_web {
	position: absolute;
	top: 397px;
	left: 23px;
	font-size: 10px;
}
p#art_btn6_web {
	position: absolute;
	top: 397px;
	left: 57px;
	font-size: 10px;}
	
p#art_btn7_web {
	position: absolute;
	top: 397px;
	left: 22px;
	font-size: 10px;
}
p#art_btn8_web {
	position: absolute;
	top: 397px;
	left: 46px;
	font-size: 10px;
}

p#art_btn8_web {
	position: absolute;
	top: 397px;
	left: 46px;
	font-size: 10px;
}

p#art_btn9_web {
	position: absolute;
	top: 397px;
	left: 72px;
	font-size: 10px;
}

p#art_btn10_web {
	position: absolute;
	top: 397px;
	left: 95px;
	font-size: 10px;
}
	
img.art_arrow {
	padding-right: 5px;}
img.art_arrow2 {
	padding-left: 5px;}

#descript a:hover {
	color: #00ACEE;
}

	

/* style attributes for site sections */


/* flash */

div#flash_artSmall {
	float: left;
	text-align: center;
	width: 474px;
	height: 425px;
	padding: 65px 0 0 0
}

#descript .descript_txt a {
	color: #0098e9;
	text-decoration: none;
}



/* layout */

div#layout_art {
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
	width: 474px;
	height: 425px;
}
img.cd_front { padding-top: 33px; }
img.valentine { padding-top: 20px;}
img.fpc { padding-top: 33px;}
img.poster { padding-top: 8px;}
img.cross { padding-top: 33px;}

img.fpc_thumb {margin: 0 0 0 15px;}
a#close { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
color:#999999; text-decoration: none;}*/



/* logo */

div#logo_art { float: left;}
div#gpacu_logos {
	float: left;
	padding: 45px 0 0 60px;}
div#mb_logos {
	float: left;
	padding: 45px 0 0 33px;}
div#jm_logos {
	float: left;
	padding: 30px 0 0 50px;}	
	
div#alt_logos { float: left;}

img#m4h {padding: 70px 0 0 110px;}
img#gc_logo {padding: 70px 0 0 80px;}
img#lcp { padding: 80px 0 0 48px; }

img#illustration {padding: 33px 0 0 60px;}

#square_link { padding: 0 0 0 .25em;}
#square_link1 { padding: 0 0 0 .75em;}
#square_link2 { padding: 0 0 0 .25em;}
#square_link3 { padding: 0 0 0 .25em;}
#square_link4 { padding: 0 0 0 .25em;}
#square_link5 { padding: 0 0 0 .25em;}
#return { padding: .5em 0 0 1em; }
#go { padding: .5em 0 0 1.2em; }
#thumb {padding: 0 0 0 .25em;}



/* photography */

div#photo_art { float: left;}
img.photo_h { padding: 60px 0 0 58px;}
img.photo_v { padding: 33px 0 0 101px;}
img.photo_toby { padding: 33px 0 0 110px;}
img.photo_palmetto { padding: 33px 0 0 115px;}
img.photo_streak { padding: 33px 0 0 63px;}
img.photo_profile { padding: 33px 0 0 105px;}



/* footer buttons for portfolio pieces */

div#footer img {margin: 0 .25em 0 0; border: none;}


/* contact page */

div#flash_wrap { float: left; width: 710px; height: 425px;}
div#contact_info { clear: left; width: 500px; height: 150px;
margin: 0 0 0 105px; border-top: 1px solid #666666;}

div#iframe_art {
	padding: 48px 0 0 105px;
	width: 710px;
	height: 275px;
}


div#iframe #iframe_contact {
	margin: 40px 0 0 0;
}


p#contact_intro {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 45px;
}
p#contact {
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 175px;
	margin-top: -10px;}
	
	

/* resume page */
	

div#resume1, div#resume2 {
	float: left;
	width: 333px;
	height: 425px;
	padding: 1.25em 0 0 1.25em;
	border-right: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7a7a7a;
}

div#resume2 {
	border: none;
}

div#resume1 h1 {
	font-size: 14px;
	font-weight: normal;
	color: #00ACEE;
	padding: 0 0 1.5em;
}

div#resume1 h1, div#resume2 h1 {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.1em;
	color: #0098e9;
	padding: 0;
	margin: 0 0 1.5em 0;
}

div#resume1 h2, div#resume2 h2 {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.1em;
	color: #87b534;
	padding: 0;
	margin: 0 0 1.5em 0;
}

div#resume2 h2#skills {
	padding: 1.9em 0 1em 0;
}

div#resume1 h3, div#resume2 h3 {
	font-size: 12px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 .7em 0;
}

div#resume1 p, div#resume2 p {
	font-size: 11px;
	line-height: 1.5em;
	padding: 0;
	margin: 0 0 2.25em 0;
}

div#nav_sub #current_resume {
	color: #FFFFFF;
	border: none;
}




/* web_design page */

div#wrap img {
	margin-bottom: 10px;
	float: left;
	padding: 0 4px 0 0;
}

#layout_art .miraimages {
	padding-top: 0px;
	padding-left: 38px;
}

#descript .site_link {
	color: #0098e9;
	margin: 0px;
	padding: 1em 0px 0px 1.5em;
}

#descript .site_link a {
	color: #00ACEE;
	text-decoration: none;
}

#descript .site_link a:hover { color: #87b534; }

#layout_art .screenshot {margin: 0; padding: 0;}

#layout_art .btbaking { padding-top: 5px;}
#layout_art .compassion { padding-top: 30px;}
#layout_art .goldcoast { padding-top: 35px;}
#layout_art .cbc { padding-top: 3px;}

#resume1 .two_section {
	font-size: 11px;
	margin: 0 0 .5em 0;
}

#descript .link_note {
	font-size: 11px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 2.5em;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#wrap #iframe #frame { overflow: hidden; }



#sidebar .level_1 .submenu .level_2 .submenu_item a { }

.stress { color: #0098e9; }

#descript .category .stress { border-right: 1px solid #CCCCCC; }

.webDesign #footer #nav_btn2 { }

#footer p#note {
	color: #666666;
	letter-spacing: 1px;
	padding: 0;
	font-size: 0.6em;
	display: inline;
	line-height: 1.5em;
	margin-left: 5px;
}

#resume1 #pdfLink {
	float: right;
	margin-top: -1px;
}

#resume1 #pdfLink a {
	font-size: .95em;
	text-decoration: none;
	color: #0098e9;
	margin-right: 20px;
}

#resume1 #pdfLink a:hover {
	color: #87b534;
}

.descript_txt a {
	color: #0098e9;
	text-decoration: none;
}

#flashAdWrap { position: relative; }

#bannerAd {
	position: absolute;
	left: 0px;
	top: 165px;
}

#flash_wrap #iframe_art #flash { border: 1px solid #999999; }

#introSmall {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 137px;
	top: 110px;
}

#introContact {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 93px;
	top: 16px; 
}