/* CSS Document Signature Design Solutions*/

body {
   margin:0px;
   padding: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 100%;
   color: #ffffff;
   background-color: #000000;
   text-align: center;
    }
	
h1 {
	font-size: 24px;
	font-weight: bold;
	color: #339933;
	line-height: 48px;
	text-align: center;
}
	

a {
     font-size: 13px;
	 font-weight: normal;
	 color: #91cef4;
	 text-decoration: none;
   }

p {
	margin: 0px;
}

#content {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left;
	background-color: #996633;
	}

#graphic {
	position: absolute;
	top: 591px;
	left: 422px;
	z-index: 300;
}

#ideas {
	position: absolute;
	top: 668px;
	left: 178px;
	z-index: 300;
}

#basket {
	position: absolute;
	top: 711px;
	left: 664px;
	z-index: 300;
}


#header {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #ffffff;
	width: 960px;
}

#mainbody {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	width: 960px;
	background-color: #996633;
	}
	

#copy {
	background-color: #000000;
	width: 773px;
	}


#img_index {
	background-color: #000000;
	width: 773px;
	}

#copy2 {
	background-color: #000000;
	width: 773px;
	}
	
#copy3 {
	background-color: #000000;
	width: 773px;
	}

#contact {
	background-image: url(../images/contact_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #7798fc;
	width: 558px;
	}



#copyright {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	width: 960px;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	color:#000000;
		}

#decor {
	position:absolute;
	top: 349px;
	left: 713px;
	z-index: 300;
}
		
#graphicdesign {
	position: absolute;
	top: 447px;
	left: 701px;
	z-index: 300;
}

#graphicpartner {
	background-color: #000000;
	width: 773px;
}

#navigation {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	width: 180px;
	background-color: #996633;
	float: left;
	
}

#navigation a {
	text-decoration:none;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

#portfolio {
	background-color: #000000;
	width: 773px;
	}

#portfolio a {
	font-size: 14px;
	font-weight: bold;
	color: #91cef4;
	text-decoration: none;
}

#port_links {
	position: absolute;
	top: 601px;
	left: 665px;
	width: 149px;
	z-index: 200;
}


#port_links a {
	padding-left: 10px;
	font-size: 13px;
	color: #91cef4;
	text-decoration:none;
}


#port_links a:hover {
	padding-left: 10px;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
}

#storybooks {
	position: absolute;
	top: 583px;
	left: 501px;
	z-index: 300;
}

/* classes */

.active {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #5e3f1f;
	border-bottom: 1px solid #694623;
}

.black1 {
	font-size: 12px;
	font-weight: bold;
	color: #333366;
	padding-top: 2px;}


.black2 {
	font-size: 12px;
	font-weight: bold;
	color: #333366;
	padding-top: 2px;}
	
.black3 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding-top: 2px;}


.blue1 {
	font-size: 13px;
	font-weight: bold;
	color: #333366;
	}
	
.blue2 {
	font-size: 14px;
	font-weight: bold;
	color: #91cef4;
	}

.braun1 {
	font-size: 14px;
	font-weight: bold;
	color: #cc9933;
	padding-left: 28px;
	padding-bottom: 4px;
}

.braun2 {
	font-size: 14px;
	font-weight: bold;
	color: #cc9933;
	padding-top: 10px;
	padding-bottom: 10px;
}

.braun3 {
	font-size: 13px;
	font-weight: bold;
	color: #cc9933;
	padding: 4px 10px 4px 0px;}

.braun4 {
	font-size: 12px;
	font-weight: bold;
	color: #cc9933;
	padding-left: 28px;
	padding-right: 28px;
}

.copy1 {
	background-color: #000000;
	line-height: 18px;
}

.green1 {
	font-size: 24px;
	font-weight: bold;
	color: #339933;
}

.menu {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	border-bottom: 1px solid #694623;
}

.menu2 {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	border-top: 1px solid #694623;
	border-bottom: 1px solid #694623;
}

.message1 {
	background-image:url(../images/contact1.gif);
	background-position: top;
	background-repeat: no-repeat;
	width: 558px;
}

.message2 {
	background-image:url(../images/contact3.gif);
	background-position: top;
	background-repeat: no-repeat;
	width: 558px;
}

.pad1 {
	padding-bottom: 36px;
	border: none;
}

.pad2 {
	padding-bottom: 4px;
	border: none;
}


.white1 {
	padding-left: 8px;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
	}
	
.white2 {
	padding-top: 50px;
	padding-right: 26px;
	font-size: 14px;
	color: #ffffff;
	line-height: 16px;
	text-align: left;
	}
	
	
.white3 {
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	padding-left: 20px;
		}
		
.white3b {
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
			}
	
.white4 {
	font-size: 9px;
	font-weight: normal;
	color: #ffffff;
	padding-left: 24px;
	}
	
.white5 {
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	line-height: 16px;
		}
		
.white6 {
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
    padding-bottom: 5px;
}

.white7 {
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	padding-left: 28px;
	padding-right: 20px;
	padding-top: 10px;
}

.white8 {
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	padding-right: 10px;
	line-height: 16px;
}

.white9 {
	font-size: 12px;
	font-weight: normal;
	padding-right: 60px;
	line-height: 18px;
	color: #fff;
}

.white10 {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

.white11 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 14px;
}

.white12 {
	font-size: 12px;
	color: #fff;
	padding-bottom: 10px;
}

.white13 {
	font-size: 10px;
	color: #fff;
	padding-top: 4px;
	padding-right: 10px;
}

.white14 {
	font-size: 12px;
	color: #fff;
	padding-top: 10px;
	text-align: left;
}

.white15 {
	font-size: 10px;
	color: #fff;
	padding: 0px 0px 16px 2px;
}

.white16 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	}

.bullet1 {
	margin-top: 0px;
	list-style-type: solid circle;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	}
	
.bullet1 li {
    padding: 3px 0px 3px 0px;
}


.bullet2 {
	margin-top: 0px;
	list-style-type: solid circle;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	}
	
.bullet2 li {
    padding: 4px 0px 4px 0px;
}


.bullet3 {
	margin-top: 0px;
	list-style-type: solid circle;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	}
	
.bullet2 li {
    padding: 3px 0px 3px 0px;
}