/* Colors:

	
		
------------------------------------------------------------------*/

/* Reset
------------------------------------------------------------------*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
ol, ul, li { list-style:none }
strong { font-weight: bold }
em { font-style: italic }
a { text-decoration: none }
a img { border:none }

body { background: #3A4F74 url(images/background.jpg) repeat-x;	text-align: center;	width: 100%; font-size: 62.5%; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; }


html {overflow-y: scroll;}


ul#list {
	margin: 0 0 10px 0;
}
li.blog-list {
	font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 5px 0;
	border-bottom: 1px dotted #9FB37F;
	padding: 0 0 5px 14px;
	background: url(images/list_arrow.gif) no-repeat 0 4px;
	color: #7F8D67;
}
body#blog li a {
	font: bold 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 5px 0;
	padding: 0 0 5px 14px;
	background: url(images/list_arrow.gif) no-repeat 0 4px;
	color: #2C3B56;
	border-bottom: 1px dotted #9FB37F; 
}
body#blog li a:hover {
	background: #A2C8E9; }

/* Page structure
------------------------------------------------------------------*/
#wrapper { width: 960px; margin: 0 auto; }
#header { background: url(images/header_bottom.jpg) no-repeat; background-position: bottom right; width: 960px; height: 217px; text-indent: -9999px; }
#container { background: url(images/container_back.gif) repeat-y; width: 940px; float: left; text-align: left; padding-left: 20px; }

.content-3, .content-5, .content-8 { float: left; display: inline; }
.content-3 { width: 220px; margin-right: 20px; }
.content-5 { width: 360px; }
.content-8 { width: 600px; }

.column-3, .column-5 { float: left; display: inline; }
.column-3 { width: 220px; margin-right: 20px; }
.column-5 { width: 360px; }

#sidebar { background: url(images/right_background.gif) no-repeat; width: 320px; float: right; }

#footer-wrapper { background: url(images/footer_top.gif) no-repeat; width: 960px;margin: 0; padding: 17px 0 0 0; float: left; }
#footer { background: #44587B url(images/footer_bottom.gif) no-repeat; background-position: bottom left; width: 820px; margin: 0 0 20px 20px; padding: 10px; float: left; display: inline; }


/* Header
------------------------------------------------------------------*/
#header h1 { background: url(images/logo.jpg) no-repeat; height: 75px; width: 300px; margin: 0; float: left; }
#header-pic { background: url(images/pic_crayons_top.jpg) no-repeat; height: 99px; width: 465px; float: right; }

/* Navigation
------------------------------------------------------------------*/
ul#main-nav { background: url(images/main_nav.gif) no-repeat; width: 153px;	height: 226px; float: left;	}
ul#main-nav li { list-style-type: none; }
ul#main-nav li a { border: 0; display: block; background: url(images/main_nav.gif) no-repeat; text-indent: -9999px; margin: 0 0 14px 0; }
li#nav-home a, li#nav-about a, li#nav-services a, li#nav-portfolio a, li#nav-blog a, li#nav-contact a { width: 153px; height: 26px; }
li#nav-home a:link, li#nav-home a:visited { background-position: 0px 0px; }
li#nav-home a:hover { background-position: -153px 0px; }
li#nav-about a:link, li#nav-about a:visited { background-position: 0px -40px; }
li#nav-about a:hover { background-position: -153px -40px; }
li#nav-services a:link, li#nav-services a:visited { background-position: 0px -80px; }
li#nav-services a:hover { background-position: -153px -80px; }
li#nav-portfolio a:link, li#nav-portfolio a:visited { background-position: 0px -120px; }
li#nav-portfolio a:hover { background-position: -153px -120px; }
li#nav-blog a:link, li#nav-blog a:visited { background-position: 0px -160px; }
li#nav-blog a:hover { background-position: -153px -160px; }
li#nav-contact a:link, li#nav-contact a:visited { background-position: 0px -200px; }
li#nav-contact a:hover { background-position: -153px -200px; }

body#home ul#main-nav li#nav-home a 			{ background-position: -306px 0px; }
body#about ul#main-nav li#nav-about a 			{ background-position: -306px -40px; }
body#services ul#main-nav li#nav-services a 	{ background-position: -306px -80px; }
body#portfolio ul#main-nav li#nav-portfolio a 	{ background-position: -306px -120px; }
body#blog ul#main-nav li#nav-blog a 			{ background-position: -306px -160px; }
body#contact ul#main-nav li#nav-contact a 		{ background-position: -306px -200px; }

/* SIDEBAR
------------------------------------------------------------------*/
#special { background: url(images/special.jpg) no-repeat; width: 190px; height: 182px; margin: 70px 100px 0 0; float: right; text-indent: -9999px; }
#special a { display: block; width: 190px; height: 182px; }


/* TEXT
------------------------------------------------------------------*/
h2 { background: url(images/icon_page_title.gif) no-repeat 0 2px; font-size:24px; line-height: 22px; margin: 0 0 12px 0; padding: 0 0 10px 30px; color: #2C3B56; border-bottom: 2px solid #9FB37F; letter-spacing: -1px; }
h3 { font-weight: bold; font-size: 18px; line-height: 18px; margin: 0 0 10px 0; color: #7F8E68; }
h4 { font-weight: bold; font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 16px 0 10px 0; color: #7F8E68; }

p { font-size: 13px; line-height: 18px; margin: 0 0 10px 0; color: #333333; }
p a { font-weight: bold; color: #2C3B56; padding: 0 0 2px 0; border-bottom: 1px dotted #9FB37F; }
p a:hover { background: #A2C8E9; }
ol { margin: 5px 0 10px 0; }
ol li { font-size: 16px; line-height: 20px;	margin: 0 0 5px 0; border-bottom: 1px dotted #9FB37F; color: #7F8D67; list-style: decimal; list-style-position:inside; }


/* HOME
------------------------------------------------------------------*/
.content-3 h2 { background: url(images/questions.jpg) no-repeat; width: 206px; height: 83px; text-indent: -9999px; border: none; margin: 0; }
.quote-button { background: url(images/quote_button.gif) no-repeat; width: 220px; height: 30px; text-indent: -9999px; }
.quote-button a { display: block; padding: 10px; }
.quote-button a:hover { background: url(images/quote_button_hover.gif) no-repeat; }
.home-blog h3 { background: url(images/home_latest_entries.gif) no-repeat; width: 220px; height: 20px; text-indent: -9999px; margin: 20px 0 0 0; }

.home-blog li a { font-weight: bold; font-size: 13px; line-height: 16px; color: #2C3B56; padding-top: 4px; margin: 1px 0 2px 0; display: block; }
.home-blog li a:hover { background: #EBF2FA; }
p.date { font-weight: bold; font-size: 9px; line-height: 12px; color: #BEBEBE; margin: 0; border-bottom: 1px solid #9FB37F; padding: 4px 0 4px 0; text-transform: uppercase; }

.home-portfolio-post { border-bottom: 1px dotted #BEBEBE; padding: 0 0 6px 0; margin: 0 0 4px 0; }
.home-portfolio h3 { background: url(images/home_latest_work.gif) no-repeat; width: 360px; height: 20px; text-indent: -9999px; margin: 0 0 10px 0; }
.content-8 li a, .home-portfolio li a { font-size: 16px; line-height: 24px; color: #2C3B56; margin: 0 0 2px 0; padding: 0 0 12px 0; display: block; }
.content-8 li a:hover, .home-portfolio li a:hover { color: #999999; }
.home-portfolio li a img { border: #2C3B56 5px solid; margin: 6px 0 2px 0; }
.home-portfolio li a:hover img { border: #A2C8E9 5px solid; }
.home-portfolio h5 { font-weight: bold; font-size: 10px; line-height: 12px; color: #FFFFFF; background: #D5D5D5; padding: 2px; margin: -10px 0 6px 0; width: 356px; text-transform: uppercase; }


/* BLOG
------------------------------------------------------------------*/
.index-blog { border-bottom: 1px solid #9FB37F; padding: 0 0 8px 0; margin: 0 0 12px 0; }
.index-blog li a { font-weight: bold; font-size: 16px; line-height: 18px; color: #2C3B56; }
.index-blog li a:hover { background: #EBF2FA; }
.image01 img { float: left; border: #2C3B56 5px solid; margin: 0 0 10px 0; width: 590px;  }


/* PORTFOLIO
------------------------------------------------------------------*/
.index-portfolio-post { border-bottom: 1px dotted #BEBEBE; padding: 0 0 6px 0; margin: 0 0 4px 0; }
.portfolio-column { width: 135px; float: left; }
.portfolio-entry h3 { padding: 4px 0 6px 0; }
.portfolio-column p { font-size: 12px; line-height: 18px; }
.portfolio-entry img { border: #2C3B56 5px solid; margin: 4px 0 0 0; }
.img-02 { float: right; margin: 0 0 15px 0; }
.img-03 { float: right;  }
.img-04 { float: right; margin-right: 14px; }
blockquote { width: 445px; margin: 0 0 12px 0; float: right; border-top: 4px solid #9FB37F; border-bottom: 4px solid #9FB37F; padding: 10px 0 8px 0; background: url(images/quote_open.gif) no-repeat 0 10px; }
blockquote p { font: normal 15px/20px Georgia, "Times New Roman", Times, serif; padding: 0 40px 0 40px; background: url(images/quote_close.gif) no-repeat bottom right; }
blockquote cite { font-size: 12px; line-height: 14px; font-weight: bold; font-style: normal; padding: 0 40px 0 40px; }
.info { float: left; clear: both; }
.info h5 { font-weight: bold; font-size: 10px; line-height: 12px; color: #FFFFFF; background: #D5D5D5; padding: 2px; margin: -90px 0 6px 0; width: 367px; text-transform: uppercase; }

/* FOOTER
------------------------------------------------------------------*/
ul#footer-nav {	text-align: center;	}
ul#footer-nav li { font-size: 12px; line-height: 16px; text-transform: uppercase; display: inline; margin: 0 10px 0 10px; }
ul#footer-nav li a { color: #A2C8E9; }
ul#footer-nav li a:hover { color: #FFFFFF; }


/* Pictures
------------------------------------------------------------------*/
.post img { float: left; margin: 10px 20px 10px 0; }


/* Special
------------------------------------------------------------------*/
.offers { width: 600px; float: left;	margin: 0 0 0 20px; }
.offers p { font-size: 13px; line-height: 14px;	margin: 0 0 4px 0; }
.offers h6 { font: 1.8em/1.4em Georgia, "Times New Roman", Times, serif; margin: 12px 0 0 0; background: #9FB37F; padding: 4px; text-align: center; color: #FFF; }
.creating { background: url(images/creating.gif) no-repeat; text-indent: -9999px; margin: 20px 20px 10px 0; width: 262px; height: 23px; }

#online, #print, #combi { width: 190px;	float: left; background: url(images/box_bottom.jpg) no-repeat bottom #D8DEEB; }
#online, #print { margin: 0 15px 0 0; }
#online p, #print p, #combi p {	padding: 0 10px; font-size: 12px; line-height: 16px; }

#online h2, #print h2, #combi h2 { width: 190px; height: 31px; margin: 0 0 -10px 0; text-indent: -9999px; border: none; }
#online h2 { background: url(images/title_online.jpg) no-repeat; }
#print h2 {	background: url(images/title_print.jpg) no-repeat; }
#combi h2 {	background: url(images/title_combi.jpg) no-repeat; }

#online h3, #print h3, #combi h3 { width: 190px; height: 70px; margin: 0 0 6px 0; text-indent: -9999px; }
#online h3 { background: url(images/price_online.jpg) no-repeat; }
#print h3 {	background: url(images/price_print.jpg) no-repeat; }
#combi h3 {	background: url(images/price_combi.jpg) no-repeat; }

#online h4, #print h4, #combi h4 { width: 170px; height: 23px; margin: 0 0 10px 10px; text-indent: -9999px; }
#online h4 { background: url(images/order_online.gif) no-repeat; }
#print h4 {	background: url(images/order_print.gif) no-repeat; }
#combi h4 {	background: url(images/order_combi.gif) no-repeat; }

#online h4 a, #print h4 a, #combi h4 a { display: block; width: 170px; height: 23px; }
#online h4 a:hover { background: url(images/order_online_f2.gif) no-repeat; }
#print h4 a:hover {	background: url(images/order_print_f2.gif) no-repeat; }
#combi h4 a:hover {	background: url(images/order_combi_f2.gif) no-repeat; }