@charset "utf-8";
/* -----------------------------------------------------------------------

   CSS Framework
   http://www.

----------------------------------------------------------------------- */

/* --------------------- GLOBAL RESESTS --------------------- */

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, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, header, footer, container, content, 
aside, nav, article, figure, time, legend, comingsoon, oldsite, projectview, leftcol, rightcol, contactlist, contentbg, 
allsoftlogo, copyright, subscribe, pagewrap, main, footerinfo, logo, menu, textarea, footermenu, footer {
	margin:0;
	padding:0;
	border:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000000;
}

#container { margin:10px 0px 100px 0px; padding:20px 0px 200px 0px; background: #FFFFFF url(../images/bg_colorband.png) repeat-y center; }

#content {
	background-color:#FFFFFF;
	width:910px;
	margin:auto;
}

#header { padding:30px 0px 0px 0px;}
#main { float:left; margin:0px; padding:0px; width:908px; clear:both; }
#logo { height:121px; width:520px; background:url(../images/logo_happyhopscotch.png) no-repeat; }
#menu { margin-top:20px;height:40px; text-align:right; border-bottom:solid 3px #000000; }
#footer { padding:8px 0px 0px 0px; height:50px; clear:both; color:#999999; font-size:12px; border-top:solid 3px #000000; }
#footermenu { float:left; width:450px; height:30px;}
#copyright { float:right; width:450px; height:30px; text-align:right; }
.word { font-weight:bold; }

.projectview { float:left; width:155px; height:123px; margin:0px 20px 0px 0px; padding:0px 0px 20px 0px; border-top:solid 3px #000000; background-repeat:no-repeat; }

#leftcol { float:left; padding:20px 30px 20px 20px; width:300px; }
#rightcol { float:left; padding:20px 30px 20px 20px; width:508px; }
.contactlist { list-style-image:url(../images/list.png); }
.contactlist li { padding:0px 0px 0px 5px; margin:16px 0px 0px 30px; list-style-position:outside; }
.contactlist p { margin:0px; padding:0px; }
.textfieldunderline { border:none; border-bottom:solid 2px #EB008B; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.textareasurround { border:solid 2px #EB008B; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }

#contentbg { float:left; padding:20px 0px 20px 0px; background:url(../images/bg_content.png) repeat-y; width:530px }

#form li label { display:inline-block; padding-top:6px; font-weight:bold;}
#form li { list-style-type:none; padding:0px 0px 25px 0px;}

.projectview { }

p { margin:5px 10px 10px 0px;}

h1 { color:#EB008B; font-size:40px; border-bottom:solid 1px #999999; margin:10px 0px 30px 0px; padding:0px 0px 10px 0px; }
h2 { color:#EB008B; font-size:40px; margin:10px 0px 20px 0px; padding:0px 0px 10px 0px; }
h4 { color:#EB008B; font-size:14px; margin:0px; padding:0px; }

a:link{	color: #000000;	font-weight:bold; text-decoration:underline; }
a:visited{ color: #000000; font-weight:bold; text-decoration:underline; }
a:hover{ color: #CC0099; font-weight:bold; text-decoration:none; }
a:active{ color: #000000; font-weight:bold;	text-decoration:underline; }

a.footer:link{
	color: #999999;
	text-decoration: none;
	font-weight:normal;
}
a.footer:visited{
	color: #999999;
	text-decoration: none;
	font-weight:normal;
}
a.footer:hover{
	color: #CC0099;
	font-weight:normal;
}
a.footer:active{
	color: #999999;
	font-weight:normal;
}

a.weworkwith:link{
	text-decoration: none;
	font-weight:bold;
}
a.weworkwith:visited{
	text-decoration: none;
	font-weight:bold;
}
a.weworkwith:hover{
	font-weight:bold;
	text-decoration:underline;
}
a.weworkwith:active{
	font-weight:bold;
}
#w3c {text-align:right; font-size:10px; padding:0px; margin:0px; color:#E1E1E1;}
#w3c a {font-size:10px; padding:0px; margin:0px; color:#E1E1E1;}
.valid { border-bottom:dotted 1px #E1E1E1; font-size:10px;}
a.valid:link{
	color:#E1E1E1;
	padding-top:10px;
	text-decoration: none;
	font-size:10px;
}
a.valid:visited{
	color:#E1E1E1;
	text-decoration: none;
	font-size:10px;
}
a.valid:hover{
	color:#999999;
	font-size:10px;
}
a.valid:active{
	color:#E1E1E1;
	font-size:10px;
}