/*  Spark3 2007.1beta */

/* BASIC ELEMENTS
----------------------------------------------- */
* { margin: 0; padding: 0; }
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center; 
	background: #000 url(images/bg-content.jpg) no-repeat;
	text-shadow: 0 0 0 #000; /*reduces bulkiness of light text on dark bg */
	}
a {	color: #316991;	text-decoration: none; }
a:hover { color: #275373; text-decoration: underline; }
h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	color: #fb5f0a;
	}

h1 { font-size: 4em; }
h2 { font-size: 2em; }
h3 { font-size: 1.7em; }

/* NAV
----------------------------------------------- */
ul#nav { padding-top: 35px; white-space: nowrap; width: 700px;}
ul#nav a, ul#nav a:visited { color: #fff; padding-bottom: 3px; border-bottom: 1px solid #777; }
ul#nav a:hover { border-bottom: 2px solid #fff; text-decoration: none; }
#nav li { list-style-type: none; display: inline; margin-right: 10px; }
#nav li.logoli a { border: none; }
.logo { margin: 20px 20px 0 0; vertical-align:middle; border: none; } /*IMAGE*/

/* CONTENT
----------------------------------------------- */
#container { width: 960px; font-size: 1.2em; margin: 20px auto 0; }
#container h3 { margin: 0 0 10px 0px; }
#flashcontent { background: url(images/flashglow.png) no-repeat 0 0; padding: 30px 0 0 30px; width: 620px; height: 341px; }
.slide-content { text-align: justify; margin: 20px 0 30px 0; clear: left; } /*Additional style within tabs_js.css*/
.slide-content ul { margin: 10px 0 0 30px; list-style-type: none; }
.slide-content li { margin: 3px; background: url(images/bllt-grndsc.gif) no-repeat 0 .4em; padding-left: 15px;  }
.slide-content p { margin: 10px 0 5px 0px; color: #f4f4f4; text-align: left;  }

#main { margin-top: 15px; height: 250px; margin-left: 80px;  }
#main img { margin: 0; padding: 0; display: block; }

#about, #services, #work { margin-left: 80px; }
#contact { margin-left: 120px; }

#servicesTable { width: 90%; margin: 0 auto; text-align: left; font-size: 0.8em; }
#servicesTable td, #servicesTable th { vertical-align: top; padding: 0 10px 15px 0;}
#servicesTable th { font-size: 1.1em; }
#servicesTable ul { margin-top: 0; padding-top: 0; }
#servicesTable li { background: url(images/icon-tick.gif) no-repeat 0 0.2em; }

.clear { clear: both; }

#foliolist li { background: none; font-size: 1.5em; margin-top: 40px; color: #fff; line-height: 2em; }
#foliolist li ul { border-top: 1px dotted #ccc; margin: 0; padding: 7px 0 0 10px; }
#foliolist li ul li { 
	color: #999; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-weight: normal;
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 1.3em;
	clear: left;
	}
#foliolist img { margin-top: 10px; margin-right: 7px; border: 3px solid #eee; }

/* Work Icons List */
#foliolist li li ul { 
	text-align: left;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #444;
	border-top: none;
	float: left;
	}
#foliolist li li ul li { 
	background: none;
	margin: 0;
	float: left;
	clear: none;
	white-space: nowrap;
	font-size: 0.9em;
	}
/* Work Icons List Various Options */ 
#foliolist li ul li.graphic, #foliolist li ul li.app, #foliolist li ul li.manage, #foliolist li ul li.security, #foliolist li ul li.photo, #foliolist li ul li.video, #foliolist li ul li.cms, #foliolist li ul li.ecom { background-repeat: no-repeat; background-position: 0 0; height: 20px; padding-left: 23px; margin-right: 10px; }
#foliolist li ul li.graphic { background-image: url(images/minicon-design.gif); }
#foliolist li ul li.app { background-image: url(images/minicon-programming.gif); }
#foliolist li ul li.manage { background-image: url(images/minicon-management.gif); }
#foliolist li ul li.security { background-image: url(images/minicon-security.gif); }
#foliolist li ul li.photo { background-image: url(images/minicon-photo.gif); }
#foliolist li ul li.video { background-image: url(images/minicon-video.gif); }
#foliolist li ul li.cms { background-image: url(images/minicon-cms.gif); }
#foliolist li ul li.ecom { background-image: url(images/minicon-ecommerce.gif); }
.css-hide { display: none; }

#contactTable th { text-align: left; font-weight: bold; font-size: 0.8em; color: #ccc; }
#contactTable td { padding-top: 10px; }

/* FOOTER
----------------------------------------------- */
#footer { margin: 90px 0 10px; color: #222; }
#footer a { margin-right: 25px; color: #1d3e55; }

/* POLICIES
----------------------------------------------- */
#policies { text-align: left; font-size: 1.2em; padding: 15px;  }
#policies p { margin: 5px 0 10px 10px; }
#policies ul { margin-left: 20px; }
#policies li { margin: 5px; }


/* IMAGE
----------------------------------------------- */

/* These styles apply to general image usage; specific style sections handle their own images. */
/* PNGs for IE lte 6 are dealt with in pngfix.css */

p img {	padding: 0;	max-width: 100%; }
a img {	border: none; }
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 5px 0 5px 15px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 5px 15px 5px 0;
	display: inline;
	}
.alignright { float: right;	}
.alignleft { float: left; }