/**SITE COLORS*****
#50098D = purple
#198144 = dk green
#CDE3D6 = lt green
#999 = dk gray
#FFF = white
#000 = black (text)
***********/

/**Zero out default browser settings on everything**/
* {margin: 0; padding: 0; border: 0; font-size: 100%; line-height:100%;}

body {
	font-family: Verdana, Arial, Helvetica,sans-serif;
}

/**MISC CLASSES**/
.left {text-align: left}
.center {text-align: center}
.right {text-align:right}

/**floats and clearing**/
.fltRt {float:right;}
.fltLt {float:left;}
.clearing,.clearRt,.clearLt {line-height: 1px; visibility: hidden}
.clearing{clear: both;}
.clearRt {clear:right;}
.clearLt {clear:left;}

/**THUMBNAILS ON FIRST PAGE**/
.clips p {
	width: 110px;
	word-wrap:break-word;
	font-size: 11px;
	font-weight:600;
	font-variant:small-caps;
	text-align:center;
	color: #50098D;
	padding-top: 10px;
	padding-left: 7px;
	margin:0;
	letter-spacing: -1px;
	float: left;
	
}
.clips a img {border: 2px solid #FFF;}
.clips a:hover img, 
.clips a:active img, 
.clips a:focus img{
	border: 2px solid #198144;
}

/**TEXT STYLES**/
h1, h2, h3, h4, h5, p{
line-height: 1.5;
margin: 5px;
padding: 5px;
}
p {
	font-size: 0.75em;
	line-height:1.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 30px;
	margin-right: 10px;
	text-align: left;
}
h1 {font-size: 22px;color: #50088d;}
h2 {font-size: 1.6em;color: #137D3F;}
h3 {font-size: 1.4em; color: #FFF; margin-left: 20px;}
h4 {font-size: 1.1em;}
h5 {font: italic bold 14px/1.2em Arial, Helvetica, sans-serif; color: #137D3F;}


/**sitename**/
#header h1, #header h2 {
color:#50098D;
text-indent: -99999px;
font-size: 1em;
margin: 0;
}
#header h3 {padding: 116px 0 0 15px}

#sidebar1 p, #sidebar2 p{font-size:14px; padding: 0 5px 0 5px;}

ul, li {
line-height: 1;
font-size: 12px;
margin: 10px 0 0 30px;
padding-left: 3px;
list-style: square;
}
#footer p {
font-size: 12px;
font-variant: small-caps;
font-weight: bold;
color: #50088D;
text-align: center;
padding: 10px;
}

/**LINK STYLES**/
a {text-decoration: none;
	font-weight: bold;}
img a {border:none}
a:link {color: #50098D;}
a:visited {color: #50098D;}
a:hover, 
a:active, 
a:focus {text-decoration: none;}

#footer a:link {color: #666;}
#footer a:visited {color: #999;}
#footer a:hover, 
#footer a:active,
#footer a:focus {color: #198144;text-decoration: none;}

/* BEGIN Vertical List Menu */
#nav ul, #nav li {
margin:0;
padding:0;
list-style: none;
color: #6BAE85; /**gray color was white**/
width: auto;
list-style: none;
}
 
/**UPPER LEVEL MENU STYLE**/
#nav li{
margin:14px 0px 0px 0px;
text-decoration: none;
display: block;
font-weight: bold;
line-height: 20px;
padding: 0px 4px 0px 4px;
}
 
/**SUB-MENU STYLE**/
#nav li li{
margin:0 0 0 10px;
line-height: 20px;
padding-left: 1em;}
 
/**LINK STATES**/
#nav li a:link {color:#FFF }
#nav li a:visited {color:#FFF}
#nav li a:hover, 
#nav li a:active, 
#nav li a:focus{
color:#FFF;
background: #50098D;}
 
/* END vertical menu */



/**PERSISTENT PAGE INDICATOR see link below for details
http://alt-web.blogspot.com/2010/03/making-persistent-page-indicator-on-css.html
**/
body.home a.home,
body.about a.about,
body.faq a.faq,
body.contact a.contact,
body.testimonials a.testimonials,
body.web a.web,
body.TV1 a.TV1,
body.TV2 a.TV2,
body.marketing1 a.marketing1,
body.marketing2 a.marketing2,
body.portfolio a.portfolio,
body.pricing a.pricing,
body.process a.process,
body.scriptwriting a.scriptwriting,
body.training a.training,
body.photos a.photos,
body.case a.case,
body.demo a.demo,
body.public-works a.public-works{
color: #FFF;
background: #50098D;
}
.quotes {
	color:#999999;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	line-height:22px;
	}