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%;
	vertical-align: baseline;
	background: transparent;
}
@font-face {
	font-family: LeagueGothicRegular; src: url('fonts/League_Gothic-webfont.eot');
}
@font-face { font-family: LeagueGothicRegular; src: url('fonts/League_Gothic-webfont.ttf') format("truetype"); } 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	background-image: url(images/blackbodybg-2.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color: #333;
}
#secondary { 
	background-image: url(images/blackbodybg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
a { color: #860b0b; font-weight: bold; }
a:hover { color: #d35a1c; }
p { margin: 15px 0; }
#wrapper {
	width: 960px;
	margin: 0 auto;
	
}
#header-top { width: 960px; height: 60px; }
#header-lower { width: 960px; height: 42px; line-height: 42px; clear: both; }
#header h1 { float: left; }
#nav { float: right; margin-right: 20px; }
#nav ul li { text-align: left; float: left; list-style-type: none; height: 60px; line-height: 60px; margin-left: 15px; display: inline; }
#nav ul li a { font-weight: bold; color: #fff; text-decoration: none; }
#nav ul li a:hover { color: #cc3434; }
#header-lower span { float: left; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #fff; }
#header-lower a { color: #999; font-weight: normal; }
#subnav { float: right; margin-right: 20px; color: #fff; }
#subnav ul li { text-align: left; float: left; list-style-type: none; margin-left: 15px; display: inline; }
#subnav ul li a { color: #fff; text-decoration: none; font-weight: normal; }
#subnav a:hover { color: #cc3434; }
#content { width: 960px; background-image: url(images/wrapperbgimg.jpg); background-repeat: repeat-y; background-position: center; }
#main { width: 618px; float: left; margin: 20px 40px 0 0; display: inline; }
#sidebar { width: 300px; float: right; margin: 0; display: inline; }
#subscribe { margin: 20px; }
.rss, .email, .twitter { margin-left: 15px; }

#sidebar h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; line-height: 30px; font-weight: normal; margin: 40px 0 20px; color: #000; }
#search { margin: 40px 0; }
#sidebar form#search{width:300px;height:43px;float:left; }
	
#sidebar form#search input.search_field{width:191px;height:20px;background:#fff;border:1px solid #e0ddd2;margin:9px 0 0 10px;padding:7px 5px 0 5px;float:left}
#sidebar form#search input.search_submit{width:66px;height:28px;background:#000;margin:9px 0 0 9px;color:#fff;float:left;border:none;}
#sidebar img { margin-top: 10px; }
.learning { color: #333; }
.learning a { font-weight: bold; text-decoration: none; }
.learning a:hover { text-decoration: underline; }
ul, ol { 
	margin-left: 20px;
}
ul li, ol li {
	margin-left: 20px;
}
ul li.learn-web {
	list-style-type: none;
	padding: 10px 0 10px 55px;
	background-image: url(images/icon-design.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 48px;
	display: block;
	margin-left: 20px;
}
ul li.learn-ps {
	list-style-type: none;
	padding: 10px 0 10px 55px;
	background-image: url(images/icon-photoshop.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 48px;
	display: block;
	margin-left: 20px;
}
ul li.learn-ai {
	list-style-type: none;
	padding: 10px 0 10px 55px;
	background-image: url(images/icon-illustrator.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 48px;
	display: block;
	margin-left: 20px;
}
.learn-web-container, .learn-ps-container, .learn-ai-container { clear: both; border-bottom:1px solid #c0c0c0; display: block; padding-bottom: 10px; }
.learn-web-icon, .learn-ps-icon, .learn-ai-icon { width: 55px; height: 48px; float: left; margin: 10px 0 0 20px; }
.learn-web, .learn-ps, .learn-ai { width: 225px; height: 42px; float: right; padding-top: 5px; margin-top: 10px; }
.learn-web a, .learn-ps a, .learn-ai a { font-weight: bold; text-decoration: none; }
.learn-web a:hover, .learn-ps a:hover, .learn-ai a:hover { text-decoration: underline; }
#sidebar ul.links{width:300px;float:left;list-style:none;margin:5px 0 40px 0;padding:0}
#sidebar ul.links li{width:300px;border-bottom:1px solid #c0c0c0}
#sidebar ul.links li a{width:280px;text-decoration:none;padding-left:20px;display:block;line-height:24px;color:#333}
#sidebar ul.links li a:hover{background:#e6e4db;color:#000}
#footer { width: 100%; background: #000; color: #999; padding-bottom: 10px; }
#inner-footer { width: 960px; margin: 0 auto; padding-top: 10px; }
#inner-footer p { height: 40px; line-height: 40px; text-align: right; }
.row { width: 960px; clear: both; }
.columnA { width: 293px; float: left; margin: 20px 40px 40px 0; }
.columnB { width: 294px; float: left; margin: 20px 40px 40px 0; }
.columnC { width: 293px; float: left; margin: 20px 0 40px 0; }
#inner-footer h5 { font-size: 18px; color: #971b1b; margin: 10px 0; }
#inner-footer a { color: #999; text-decoration: none; font-weight: normal; }
#inner-footer a:hover { text-decoration: underline; color: #fff; }
#inner-footer ul li { list-style-type: none; padding: 3px 0; }

.clear { clear: both; }
.imgborder { background: #f3f3f3; padding: 4px; border: solid 1px #c5cbe3; }

#content-static { width: 960px; padding-bottom: 60px; }
#content-static h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; line-height: 30px; font-weight: normal; margin: 40px 0 20px; color: #000; }
#main h2 { margin-top: 20px; }
#featured { padding-bottom: 40px; }
#featured-text { width: 470px; float: left; margin: 0 40px 0 0; color: #333; }
#featured-text img { margin: 40px 30px 0 0; }
#featured-image { width: 450px; float: right; margin: 40px 0 0 0; }
.row-home { width: 960px; clear: both; margin: 40px 0; }
.column-one { width: 293px; float: left; margin: 0 40px 0 0; }
.column-two { width: 294px; float: left; margin: 0 40px 0 0; }
.column-three { width: 293px; float: left; margin: 0; }
.row-home h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 18px; height: 48px; line-height: 48px; padding-left: 60px; color: #000; }
h3.custom-design {
	background-image: url(images/icons/custom_design.png);
	background-repeat: no-repeat;
	background-position: left center;
}
h3.blog-design {
	background-image: url(images/icons/wordpress.png);
	background-repeat: no-repeat;
	background-position: left center;
}
h3.cms {
	background-image: url(images/icons/cms2.png);
	background-repeat: no-repeat;
	background-position: left center;
}
h3.consulting {
	background-image: url(images/icons/consulting.png);
	background-repeat: no-repeat;
	background-position: left center;
}
h3.content-dev {
	background-image: url(images/icons/content-dev.png);
	background-repeat: no-repeat;
	background-position: left center;
}
h3.seo {
	background-image: url(images/icons/search.png);
	background-repeat: no-repeat;
	background-position: left center;
}
h3 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal; 
	font-size: 18px;
	margin-top: 40px;
	color: #000;
}


#slider {
    width: 442px;
    margin: 0;
    position: relative;
	color: #000;
}

.scroll {
    height: 382px;
    width: 440px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF;
}

.scrollContainer {  }
.scrollContainer div.panel {
    height: 382px;
    width: 430px;
}

ul.navigation {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
	height: 20px;
	width: 200px;
	float: right;
}

ul.navigation li {
    display: inline;
    margin: 0 10px 0 0;
}

ul.navigation a {
    padding: 3px 5px;
    color: #000;
    text-decoration: none;
	border: solid 1px #dfe7fa;
	font-weight: normal; 
	margin: 0;
}

ul.navigation a:hover {
    background-color: #000;
	border: solid 1px #000;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

ul.navigation a.selected {
    background-color: #971b1b;
	border: solid 1px #771011;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

ul.navigation a:focus {
    outline: none;
}

.hide {
    display: none;
}
.floatleft { float: left; margin-right: 20px; }
.port-column-one { width: 448px; margin: 0 0 20px 0; float: left; background: #f3f3f3; border: solid 1px #e0dede; }
.port-column-two { width: 448px; margin: 0; float: right; background: #f3f3f3; border: solid 1px #e0dede; }
.client { margin: 10px; font-size: 1.15em; color: #971b1b; }
.clientimg { margin: 10px; }
.churchbutton { margin: 0 0 10px 10px; }
.imgborder {
	padding: 5px;
	background: #f3f3f3; 
	border: solid 1px #e0dede;
}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:382px;	width: 442px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}
 
 
/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(http://vandelaydesign.com/images/slider-bg.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #971b1b; 
	border: 1px solid #a83434;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {}