/*
Theme Name: Incremona Default
Theme URI: http://dvwebdesign.com/
Description: Theme by Hiram Hibbard (info@dvwebdesign.com).
Version: 1.0
Author: Hiram Hibbard
Author URI: http://dvwebdesign.com/
Tags: colors, custom header, fixed width, two columns, widgets

	Incremona v1.0
	http://dvwebdesign.com

*/



/*************************************************************************************************************
**************************************************************************************************************

	Title: CSS
	Author: Hiram Hibbard, Diamond Valley Web Design
	Date: 12/26/2008 

**************************************************************************************************************

	1. Global Reset
	
	2. HTML
	
	3. Layout
		3.1 Header
		3.2 Content
		3.3 Footer
		
	4. Classes
	
	5. Page-Specific
		
**************************************************************************************************************
**************************************************************************************************************/


/* 1. Global 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,
dd,dl,dt,fieldset,form,label,legend,
table,caption,strong,tbody,tfoot,thead,tr,th,td 
{margin:0 auto;	padding:0; border:0; font-size:100%; line-height:1; font-family:inherit; text-align:left;}

table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}


/* 2. HTML
**************************************************************************************************************
**************************************************************************************************************/	

body {background:#222; font:14px Arial, Helvetica, sans-serif; text-align:center; color:#666;}
a, a:visited {color:#CC720E;; text-decoration:none;}
a:hover {color:#202020;}
p {line-height:18px; margin:0 auto; padding:20px 20px 0 20px;}
h3, h4 {color:#29557A; font-weight:bold; margin:0 auto; padding:10px 20px;}
h2 {font-size:20px; font-weight:bold; color:#fff; line-height:30px; padding-left:20px;}
h3 {font-size:20px;}
h5 {color:#000; font-weight:bold; font-size:13px; padding:10px 20px;}
ul {padding-right:10px;}



/* 3. Layout
**************************************************************************************************************
**************************************************************************************************************/	

#container {width:784px; height:auto; margin-top:30px;}
.headerBlock {background:url(images/headerbkgd.jpg) bottom repeat-x #1F282D; width:598px; height:31px; float:right; display:inline; border-right:2px solid #fff; border-bottom:4px solid #bbb;}


/* 3.1 Header
**************************************************************************************************************/

h1#banner a {background:url(images/banner.jpg); width:784px; height:115px; display:block; margin:0 auto; padding:0; text-indent:-9999px; outline:none; clear:both;}

ul#navigation {background:#2C373D; width:182px; float:left; margin:0 auto; padding:0; border-left:2px solid #fff; font-size:16px;}
	ul#navigation li {background:url(images/button.jpg) no-repeat; list-style:none;}
		ul#navigation li a, ul#navigation li a:visited {color:#fff; text-decoration:none; width:170px; height:28px; display:block; padding-left:10px; padding-top:4px; line-height:20px;}
		ul#navigation li a:hover {background:url(images/buttonactive.jpg); color:#AAD7E8;}
	

/* 3.2 Content
**************************************************************************************************************/

.post {background:#E3ECF0; width:598px; height:444px; overflow:auto; float:left; display:inline; border-right:2px solid #fff; margin:0 auto;}


/* 3.3 Footer
**************************************************************************************************************/

#footer {background:url(images/footer.gif) no-repeat; width:784px; height:57px; clear:both; overflow:hidden; color:#fff;}
	#footer p {line-height:20px;}
	#footer a, #footer a:visited {color:#fff;}
	#footer a:hover {color:#AAD7E8;}

	
/* 4. Classes
**************************************************************************************************************
**************************************************************************************************************/	

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}
.grayBgd {background:url(images/headerbkgd.jpg) bottom repeat-x #1F282D; color:#fff; padding:0; text-align:center; margin:0 auto; display:block; width:100%; height:auto; border-bottom:4px solid #bbb;}
h2.homeH2 {font-weight:normal; font-size:18px;}


/* 5. Page Specific
**************************************************************************************************************
**************************************************************************************************************/	

/*Homepage*/
.homeImage {margin:0 auto; padding:0; border:2px solid #999; border-width:2px 0;}

/*Customers*/
.customerBlock {float:left; display:block; width:250px; text-align:center; font-size:20px; font-weight:normal;}
.partnersBlock {font-size:20px; font-weight:bold; clear:both;}
	.partnersBlock img {float:left; display:inline; margin-right:60px;}
	
/*Testimonials*/
ul#testimonials {list-style-type:none; padding:10px; margin:0 auto;}
.list1 {color:#333;}
.list2 {color:#666;	padding-top:10px;}
.list3 {padding:0 0 10px 4px; font-size:30px;}

/*Course Lists*/
.courseList {float:left; display:inline; margin:20px 0 0 20px; padding:0;}
	.courseList li {padding-bottom:20px; margin-left:20px;}
.courseIdList {float:right; display:inline; margin:20px 20px 0 0; padding:0;}
	.courseIdList li {list-style:none; padding:0 10px 35px 0; margin:0 auto;}
	
/*Courses*/
.expand {width:auto;}
.courseHeaderBlock {background:url(images/headerbkgd.jpg) bottom repeat-x #1F282D; width:598px; height:60px; float:right; display:inline; border-right:2px solid #fff; border-bottom:4px solid #bbb;}
	.courseHeaderBlock h2 {font-size:18px;}
	.courseHeaderBlock p {color:#fff; margin:0 auto; padding:6px 20px 0; overflow:hidden; font-weight:bold;}

.coursePost {background:#E3ECF0; width:598px; height:337px; overflow:auto; float:left; display:inline; border-right:2px solid #fff; margin:0 auto; padding:0;}
	.coursePost h3 {padding:20px 20px 0; margin:0 auto; font-size:14px; color:#333; font-weight:bold;}

.courseHead {width:598px; height:76px; background:#000d1a; border-bottom:2px solid #000; border-right:2px solid #fff; color:#fff; overflow:hidden;}
	.courseHead a, .courseHead a:visited {color:#fff;}
	.courseHead a:hover {color:#AAD7E8;}
.courseBack {background:url(images/worldl.gif) left no-repeat; width:120px; height:76px; float:left; display:inline;}
.courseContents {float:left; display:inline;}
.courseImage {margin:0 auto; padding:0; float:left; display:inline; padding-bottom:40px;}

.generic {background:url(images/generic.gif); width:140px; height:76px; float:right; display:inline; clear:right; overflow:hidden;}
.state {background:url(images/50states3.gif); width:140px; height:76px; float:right; display:inline; clear:right; overflow:hidden;}
.usergroup {background:url(images/user.gif); width:140px; height:76px; float:right; display:inline; clear:right; overflow:hidden;}
.occam {background:url(images/occam.gif); width:140px; height:76px; float:right; display:inline; clear:right; overflow:hidden;}
.provider {background:url(images/provider.gif); width:140px; height:76px; float:right; display:inline; clear:right; overflow:hidden;}
.reseller {background:url(images/reseller.gif); width:140px; height:76px; float:right; display:inline; clear:right; overflow:hidden;}
.vendor {background:url(images/vendor.gif); width:140px; height:76px; float:right; display:inline; clear:right; overflow:hidden;}
.comtrend {background:url(images/comtrend.gif); width:140px; height:76px; float:right; display:inline; clear:right; overflow:hidden;}
	.generic p, .state p, .user p, .occam p, .provider p, .reseller p, .vendor p, .comtrend p {margin:0 auto; padding:20px 0 0 10px;}











#datescontents {
	width:200px;
	float:left;
	height:auto;
}
#datescontents2 {
	width:340px;
	float:left;
	height:auto;
}
#who {
	background-image:url("images/divider.gif");
	background-repeat:no-repeat;
	padding:20px;
	margin:0 auto;
	width:540px;
	height:auto;
	background-color:#D7DBEA;
	clear:left;
}
#details {
	background-image:url("images/divider.gif");
	background-repeat:no-repeat;
	padding:20px;
	margin:0 auto;
	width:540px;
	height:auto;
}
.listhead {
	list-style-type:none;
	font-weight:bold;
}
#about1 {
	background-repeat:no-repeat;
	padding:20px;
	margin:0 auto;
	width:540px;
	height:auto;
	background-color:#D7DBEA;
}
#about2 {
	background-image:url("images/divider.gif");
	background-repeat:no-repeat;
	padding:20px;
	margin:0 auto;
	width:540px;
	height:auto;
}
#outline {
	background-image:url("images/divider.gif");
	background-repeat:no-repeat;
	padding:20px;
	margin:0 auto;
	width:540px;
	height:auto;
	background-color:#D7DBEA;
}
#datesheader{
	background-image:url("images/divider.gif");
	background-repeat:no-repeat;
	padding:20px;
	margin:0 auto;
	width:540px;
	height:auto;
	z-index:1;
}
#dates {
	padding:0;
	margin:0 auto;
	width:540px;
	height:auto;
}
#datesnote {
	padding:0;
	margin:0 auto;
	width:540px;
	height:auto;
}
#dateslist1 {
	padding:10px 20px 10px 20px;
	margin:0 auto;
	list-style-type:none;
	font-weight:bold;
}
#dateslist2 {
	padding:10px 20px 10px 20px;
	margin:0 auto;
	list-style-type:none;
}