/*
Client: Dearborn Designs
Site: www.dearborndesigns.ca
Design: galigraph.com
Author: Arthur Kononuk
Date: April 2009
*/

@charset "UTF-8";

/*
Body/Paragraph/Attribute - Shorthands
*/

* {outline:none;}

body, html {background:#FFF;padding:0;margin:0;width:100%;height:100%;}

#wrapper #sideNav #contentBlock #logoBox #navBar #spacerBlock #flashHolder {margin:0;padding:0;position:relative;}

p, a, span, h, li, h6 {color:#5C6A91;font-family: "Century Gothic", "Futura", "Avant Garde", "Frutiger", Tahoma, Myriad, Myriad Pro, sans-serif;text-decoration:none;padding:0;margin:0;list-style-type:none;font-weight:normal;}

/*
Main Content Divs
*/

#wrapper {
margin:		0 auto;
width:		880px;
height:		auto;
background:	url("../images/test.gif");
}

#spacerBlock {
width:		5px;
height:		100%;
min-height:	460px;
background:	#FFF;
float:		left;
}

#sideNav {
width: 		145px;
height:		100%;
min-height:	460px;
background:	url("../images/dbd-sideNav.jpg");
float:		left;
}

#flashHolder {
width:		auto;
height:		auto;
float:		left;
background:	white;
margin:		0;
}

#flashHolder1 {
width:		auto;
height:		auto;
float:		left;
background:	white;
margin:		0 0 10px 0;
}

#contentBlock {
width:		730px;
height:		100%;
min-height:	460px;
background:	url("../images/dbd-contentBlock.jpg");
float:		left;
}

#desPro {
width:		190px;
height:		190px;
float:		right;
margin:		10px;
}

/*
Main Nav
*/

#logoBox {
height:		130px;
width:		100%;
float:		left;
background:	white url("../images/dbd-logo.jpg") top left no-repeat;
}

#navBar {
height:		40px;
width:		100%;
float:		left;
background:	url("../images/dbd-navBar.jpg") top left;
}

.navButton  a {
height:		40px;
float:		left;
display:	block;
margin:		0 0 0 26px;
}

	#navHome a {
	background:		url("../images/navBar_home.jpg") top left no-repeat;
	width:			98px;
	}
	
		#navHome a:hover {
		background:	url("../images/navBar_home.jpg") 0px 40px;
		}
		
	#navDesign a {
	background:		#33415E url("../images/navBar_design.jpg") 0px 0px no-repeat;
	width:			146px;
	}
	
		#navDesign a:hover {
		background:	url("../images/navBar_design.jpg") 0px 40px;
		}
		
	#navGallery a {
	background:		#33415E url("../images/navBar_gallery.jpg") 0px 0px no-repeat;
	width:			98px;
	}
	
		#navGallery a:hover {
		background:	url("../images/navBar_gallery.jpg") 0px 40px;
		}
	
	#navNight a {
	background:		#33415E url("../images/navBar_night.jpg") 0px 0px no-repeat;
	width:			146px;
	}
	
		#navNight a:hover {
		background:	url("../images/navBar_night.jpg") 0px 40px;
		}
		
	#navInsight a {
	background:		#33415E url("../images/navBar_insight.jpg") 0px 0px no-repeat;
	width:			98px;
	}
	
		#navInsight a:hover {
		background:	url("../images/navBar_insight.jpg") 0px 40px;
		}
	
	#navContact a {
	background:		#33415E url("../images/navBar_contact.jpg") 0px 0px no-repeat;
	width:			98px;
	}
	
		#navContact a:hover {
		background:	url("../images/navBar_contact.jpg") 0px 40px;
		}

/*
Paragraph Attributes
*/

.mainCopy {
color:			white;
font-size:		10pt;
margin:			5px 35px 5px 35px;
line-height:	16pt;
}

.mainCopy a {
color:			#334B6F;
font-size:		10pt;
line-height:	16pt;
}

li.mainCopy {
background:				url("../images/li-square.gif") 0px 7px no-repeat;
list-style-type:		none;
list-style-position:	inside;
padding:				0 0 0 10px;
}

li.navTitle a {
background:				url("../images/li-square.gif") 0px 7px no-repeat;
list-style-type:		none;
list-style-position:	inside;
padding:				0 0 0 10px;
color:					white;
font-size:				10pt;
margin:					0 0 0 22px;
}

li.navTitle a:hover {
background:				url("../images/li-square-blue.gif") 0px 7px no-repeat;
}

	li.navTitleSel a {
	background:				url("../images/li-square-lightblue.gif") 0px 7px no-repeat;
	list-style-type:		none;
	list-style-position:	inside;
	padding:				0 0 0 10px;
	color:					white;
	font-size:				10pt;
	margin:					0 0 0 15px;
	}
	
	li.navTitleSel a:hover {
	background:				url("../images/li-square-blue.gif") 0px 7px no-repeat;
	}

.copyHead {
color:		white;
font-size:	12pt;
margin: 	10px 0 0 20px;
}

h6 {text-align:right;letter-spacing:2px; word-spacing:2px;text-transform : uppercase;margin:2px 0 0 0;}

.articleList {color:white;font-weight:bold;}

li.certList {
margin:0 0 0 65px;
color:white;
font-size:12px;
list-style:square;
}

/*
Footer
*/

#footerBox {
position:	relative;
height:		26px;
width:		100%;
margin:		0 auto;
float:		left
}


#galiBox a {
display:		block;
width:			82px;
height:			26px;
background:		url("../images/gali_spr.jpg") 0px 0px;
float:			right;
}

#galiBox a:hover {
background:		url("../images/gali_spr.jpg") 0px -35px;
}