/* css file for zEdSkill */
/* Crafted out of plain white space by Daniel Pearson 2014 */
/*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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video

/* for a video screen if we need one */
html
@media screen and (min-width: 600px) {
	.template-front-page .widget-area .widget:nth-child(2n+1) { clear: right; }
	.template-front-page .widget-area .widget:nth-child(2n), .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { float: right; width: 39.0625%; margin: 0px 0px 1.71429rem; }
	.template-front-page.two-sidebars .widget, .template-front-page.two-sidebars .widget:nth-child(2n) { float: none; width: auto; }
}
@media screen and (min-width: 960px) {
	body { background-color: rgb(190,210,0); }
}

/* Declare our fonts */

@font-face {
	font-family: "Rockwell","Kameron","Georgia",serif;
	font-style: normal;
	font-weight: normal;
	}
	@font-face {
	font-family: Calibri,"Open-sans",sans-serif;
	font-style: normal;
	font-weight: normal;
	}
body { font-family: Rockwell}

#indexbody { font-family: Rockwell; font-size: 38px; line-height: 26px; letter-spacing: 2px; background-color: rgb(190,210,0); background-repeat: no-repeat; background-position: 400px; background-attachment: fixed; background-size: cover; color: white; background-image: url('../images/zTSDWatermarkOnGreenBG_rgb.png') ;background-size: 125%;}
#servicesbody { font-family: Rockwell; font-size: 18px; line-height: 26px; letter-spacing: 2px; background-color: rgb(190,210,0); background-repeat: no-repeat; background-position: -60%; background-attachment: fixed; background-size: cover; color: white; background-image: url('../images/zTSDWatermarkOnGreenBG_rgb.png'); background-size: 125%}

#topper { position: absolute; top: 0px; left: 50px; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0); width: 55%; padding: 5px 0px; z-index: 100; }
#topper { margin: 0px; padding: 0px; background: none repeat scroll 0% 0% transparent; }
#topper img { width: 100%; height: 100%; max-width: 100%; margin: 10px 20px; padding: 0px; }

/* setting the max-height fixes the stretched logo for Safari 5 on Winblows - sheesh */
#toppercontent { position: absolute; top: 0px; left: 0px; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0); width: 100%; padding: 5px 0px; z-index: 100; overflow: hidden; }
#toppercontent { margin: 0px; padding: 0px; background: none repeat scroll 0% 0% transparent; }
#toppercontent img { width: 100%; height: 50%; max-width: 25%; margin: -20px 0px; padding: 0px; }

.toppercontentclass {
width: 100%;
}

.floatleft, .floatright {
    float:left;
    width: 30%;
    height: 0px;
}

.floatright {
	position: right
    width: 70%;
}

#toppercontent2 { position: absolute; top: 0%; left: -10%; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0); width: 100%; padding: 5px; z-index: 100; overflow: hidden; }
#toppercontent2 p { color: white; text-decoration: none;font-family: 'Rockwell'; font-size: 70px; line-height: 0px; letter-spacing: 0.5px; font-weight: 100 ; padding-top: 0px; padding-right: 20px ; text-align: right}

#toppercontent3 { position: absolute; top: 75px; left: -10%; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0); width: 100%; padding: 5px; z-index: 100; overflow: hidden; }
#toppercontent3 p { color: white; text-decoration: none;font-family: 'Rockwell'; font-size: 35px; line-height: 0px; letter-spacing: 0.5px; font-weight: 500 ; padding-top: 30px; padding-right: 20px ; text-align: right;}

#window1 { margin: 9% 5%; width: 45%; }
#pagecontent p, #window1 p { margin-bottom: 20px; }
#window1 p a { color: white; text-decoration: none; }
#window1 p a:hover { color: white; }
#window1 h2 { margin: 0px 0px 0px; padding: 0px; }
#window1 h2 img { width: 20%; height: auto;}

/* Used for services page */

#window2services { z-index: 100; word-wrap: break-word; position: absolute; margin: 20% 3%; width: 28%; height: 60%; border-right-style:solid; border-right-width:1px;border-right-color:black; border-top-style:solid; border-top-width:1px; border-top-color:black;}
#window2services p { text-decoration:none }
#window2services p { word-wrap: break-word; color: rgb(190,210,0); text-decoration: none;font-family: 'Rockwell'; font-size: 33px; line-height: 20px; letter-spacing: 0.5px; font-weight: 500 ; padding-top: 0px; padding-right: 15px ; text-align: right; }
#window2services p a:hover { color: white; }
#window2services a {color:black;}

#window2services ul { text-decoration: none; overflow:hidden; list-style: outside none;  color: white; text-decoration: none;font-family: 'Rockwell'; font-size: 20px; line-height: 0px; letter-spacing: 0.5px; font-weight: 100 ; padding-top: 10px; padding-right: 15px ; text-align: right; }
#window2services ul li a{color: grey; text-decoration: none;font-family: 'Rockwell'; font-size: 20px; line-height: 35px; letter-spacing: 0.5px; font-weight: 100 ; padding-top: 10px; padding-right: 15px ; text-align: right; }
#window2services ul li a:hover {font-size: 24px; }

#window2servicesbody {z-index: -1; position: absolute; top: 30%; right: 18%; width: 82%; height: 60%; word-wrap: break-word; }
#window2servicesbody p { margin:.5em 0 .5em 0; color: black; text-decoration: none;font-family: 'Calibri'; font-size: 20px; line-height: 25px; letter-spacing: 0.2px; font-weight: 300 ; padding-top: 1%; padding-left: 45% ; text-align: left; width: 60%} 
#window2servicesbody h1 { margin:.5em 0 .5em 0; color: black; text-decoration: none;font-family: 'Calibri'; font-size: 28px; line-height: 25px; letter-spacing: 0.2px; font-weight: 400 ; padding-top: 1%; padding-left: 45% ; text-align: left; width: 60%} 
 
#window2servicesbody h2 { margin:.0em 0 .0em 0; color: black; text-decoration: none;font-family: 'Calibri'; font-size: 24px; line-height: 25px; letter-spacing: 0.2px; font-weight: 400 ; padding-top: 1%; padding-left: 45% ; text-align: left; width: 60%} 


#window2servicesbody ul { margin: 0 0 .5em 1em; color: black; text-decoration: none;font-family: 'Calibri'; font-size: 20px; line-height: 25px; letter-spacing: 0.2px; font-weight: 300 ; padding-top: 1%; padding-left: 45% ; text-align: left; width: 60%} 
#window2servicesbody ul { text-decoration: none; list-style-type: circle}
/* #window2servicesbody ul li a{ text-decoration: none; list-style-type: square}
*/

/*#window2servicesbody p { margin:.5em 0 .5em 0; color: black; text-decoration: none;font-family: 'Rockwell'; font-size: 22px; line-height: 25px; letter-spacing: 0.2px; font-weight: 400 ; padding-top: 1%; padding-left: 45% ; text-align: left; width: 60%} */