﻿/* Browser Reset */
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%; font-style: normal;}

body { background-color: #4E2358; font-size: 0.9em; font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif; color: #444;}

h1{ text-align: center }
#banner { background-image:url(../images/layout/background.jpg); background-repeat:repeat-x; width:100%; height:137px;   }/*added by lee */

div.wrapper {width: 760px; margin: 0 auto;}
div.container {float: left; width: 100%; background: #fff url(../images/layout/mainbg.gif) repeat-Y 0 0;}

a.contactNow {display: block; float: left; width: 100%; height: 35px; line-height: 35px; background: #13488C; color: #FCF21E; font-weight: bold; text-align: center; font-size: 1.5em;}
a.contactNow span {background-image: url(../images/headings/contact.gif); cursor: pointer;}

div.leftCol {float: left; width: 174px; padding: 10px; background-color: #EB7325; color: #fff;}
div.leftCol a {color: #13488C;}
div.leftCol a:hover {color: #333;}
ul.navigation {font-size: 1.5em; text-transform: uppercase; font-weight: bold; margin-bottom: 30px;}
ul.navigation, ul.navigation ul {float: left; width: 100%; list-style-type: none;}
ul.navigation li {float: left; width: 100%;}
ul.navigation a {display: block; float: left; width: 100%; color: #fff; text-decoration: none;}
ul.navigation a:hover {color: #2595EB;}
ul.navigation ul a {color: #EEB99A; text-transform: none; font-size: 0.9em; padding-left: 10px; width: 164px;}
ul.navigation ul a:hover {color: #77B8EA;}

div.mainCol {float: left; width: 366px; margin: 10px; color: #666;}
div.mainCol_sec {float: left; width: 530px; margin: 10px; color: #666;}
/*div.mainCol_sec img {float: left; } /*added by lee */
div.rightCol {float: left; width: 173px; padding-top: 10px;}

div.rightCol div.box, div.rightCol div.box-inner {background: url(../images/layout/box-corners.gif) no-repeat;}
div.rightCol div.box {margin-bottom: 10px;}
div.rightCol div.box div.box-inner {padding: 10px 10px;}

div.rightCol div.pink-box {background-color: #FF60F8; background-position: -865px 0; color: #fff;}
div.rightCol div.pink-box div.box-inner {background-position: -692px 100%;}
div.rightCol div.blue-box {background-color: #2595EB; background-position: -519px 0; color: #fff;}
div.rightCol div.blue-box div.box-inner {background-position: -346px 100%;}
div.rightCol div.dark_blue-box {background-color: #397EB5; background-position: -173px 0; color: #fff;}
div.rightCol div.dark_blue-box div.box-inner {background-position: 0 100%;}

div.rightCol div.box h3 {text-align: center; height: 48px;}
div.rightCol div.box h3.welcome span {background-image: url(../images/headings/welcome.gif);}
div.rightCol div.box h3.subscribe span {background-image: url(../images/headings/subscribe.gif);}
div.rightCol div.box h3.quick_caricature {float: left; width: 173px; left: 10px; margin-left: -20px; display: inline;} /* Account for wider heading */
div.rightCol div.box h3.quick_caricature span {background-image: url(../images/headings/quick-caricature.gif);}

h2.caricaturist-at-parties span {background-image: url(../images/headings/caricaturist-at-parties.gif);}
h2.caricatures-from-photos span {background-image: url(../images/headings/caricatures-from-photos.gif);}

.image-replace {position: relative;}
.image-replace span {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: 50% 50%;}

h2 { background-image: url(../images/headings/h2.gif); color: #E87324; font-size: 1.3em; text-transform: uppercase; text-align: center; height: 38px; margin-bottom: 10px;}
h3 {font-size: 1.2em; text-transform: uppercase;}
h4 {font-size: 1.1em; text-transform: uppercase;}
p {padding-bottom: 1.4em;}
.centre {text-align: center;}

.required {
	color:#FF6600;
	font-weight: bold;
}

a {
	/*font-size: 12px;*/
	color: #333333;
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #87878c;
}
a:hover {
	text-decoration: none;
	color: #808080;
}
a:active {
	text-decoration: none;
	color: #363540;
}

#links {
	height: 30px;
	width: 760px;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	/*background-image: url(../images/footer.png);*/
	background-color:#000000;
	text-align: center;
	border-top: 0px solid #999;
	border-bottom: 0px solid #333;
	float: left;
	clear: both;
}
#links a {
	font-size: 14px;
	color: #fff;
}

#footer {
	height: 30px;
	width: 760px;
	font-size: 12px;
	color: #fff;
	line-height: 15px;
	text-align: right;
	background-color: #4e2358;
	border-top: 0px solid #999;
	border-bottom: 0px solid #333;
	float: left;
	clear: both;
}
#footer a {
	font-size: 12px;
	color: #fff;
}

