/* CSS Document */

body {
	margin: 0;
	padding: 0;

}

p {
	margin: 0 0 0 15px;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 0.7em;
}

/* background styling */
#background {
	background: url(images/sky_repeat.gif) repeat-x;
	}
	
#maincontainer {
	height: 472px;
	width: 760px;
	background: url(images/container_bg.gif) no-repeat;
	margin: 0 auto;
	}
	
#bottombackground {
	background: url(images/bottom_repeat.gif) repeat scroll center bottom;
	float: left;
	height: 428px;
	width: 100%;
}	

#bottomimage {
	background: url(images/bottom.gif) no-repeat;
	height: 428px;
	width: 760px;
	margin: 0 auto;
}
 /* background styling end */

#logo {
	height: 140px;
	width: 325px;
	background: url(images/logo.gif) no-repeat;
	float: left;
	margin: 50px 0 0 40px;
}

#topright {
	height: 180px;
	width: 370px;
	float: right;
	margin: 0 25px 0 0px;
	padding: 0px;
}

/*menu styling */
#menuone {
	height: 140px;
	width: 170px;
	margin: 40px 0 0 20px;
	float: left;
	padding: 0px;
	list-style-type: none;
}

#menuone li.hello a {
	height: 40px;
	width: 88px;
	margin: 0px 0px 6px 40px;
	padding: 0px;
	display: block;
	text-indent: -5000px;
	background: url(images/menu_hello.gif) no-repeat;
	outline: none;
}

#menuone li.hello a:hover {
	background: url(images/menuhover_hello.gif) no-repeat;
}

#menuone li.printdesign a {
	height: 40px;
	width: 170px;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	display: block;
	text-indent: -5000px;
	background: url(images/menu_printdesign.gif) no-repeat;
	outline: none;
}

#menuone li.printdesign a:hover {
	background: url(images/menuhover_printdesign.gif) no-repeat;
}

#menuone li.webdesign a {
	height: 40px;
	width: 158px;
	margin: 0px 0px 6px 6px;
	padding: 0px;
	display: block;
	text-indent: -5000px;
	background: url(images/menu_webdesign.gif) no-repeat;
	outline: none;
}

#menuone li.webdesign a:hover {
	background: url(images/menuhover_webdesign.gif) no-repeat;
}

#menutwo {
	height: 140px;
	width: 170px;
	margin: 40px 0 0 0;
	float: right;
	padding: 0px;
	list-style-type: none;
}

#menutwo li.branding a {
	height: 40px;
	width: 138px;
	margin: 0px 0px 6px 15px;
	padding: 0px;
	display: block;
	text-indent: -5000px;
	background: url(images/menu_branding.gif) no-repeat;
	outline: none;
}

#menutwo li.branding a:hover {
	background: url(images/menuhover_branding.gif) no-repeat;
}

#menutwo li.otherwork a {
	height: 40px;
	width: 155px;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	display: block;
	text-indent: -5000px;
	background: url(images/menu_otherstuff.gif) no-repeat;
	outline: none;
}

#menutwo li.otherwork a:hover {
	background: url(images/menuhover_otherstuff.gif) no-repeat;
}

#menutwo li.contact a {
	height: 40px;
	width: 155px;
	margin: 0px 0px 6px 14px;
	padding: 0px;
	display: block;
	text-indent: -5000px;
	background: url(images/menu_contactme.gif) no-repeat;
	outline: none;
}

#menutwo li.contact a:hover {
	background: url(images/menuhover_contactme.gif) no-repeat;
}
/*menu styling end */

#content {
	width: 670px;
	height: 275px;
	float: left;
	margin: 0 0 0 40px;
	
}

#contentleft {
	width: 390px;
	height: 275px;
	margin: 0;
	padding: 0;
	float: left;
	}

body#contact #contentleft {
	width: 650px;
	height: 275px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(images/contact_back.gif) no-repeat;
}

body#thanks #contentleft {
	width: 650px;
	height: 275px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(images/thanks.gif) no-repeat;
}

body#error #contentleft {
	width: 650px;
	height: 275px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(images/error.gif) no-repeat;
}

body#hello #contentleft h1 {
	width: 360px;
	height: 95px;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	text-indent: -5000px;
	background: url(images/menuheading_hello.gif) no-repeat;
	
}

body#printdesign #contentleft h1 {
	width: 360px;
	height: 95px;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	text-indent: -5000px;
	background: url(images/menuheading_printdesign.gif) no-repeat;
	}
	
	body#webdesign #contentleft h1 {
	width: 360px;
	height: 95px;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	text-indent: -5000px;
	background: url(images/menuheading_webdesign.gif) no-repeat;
	}
	
	body#branding #contentleft h1 {
	width: 360px;
	height: 95px;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	text-indent: -5000px;
	background: url(images/menuheading_branding.gif) no-repeat;
	}	
	
	body#contact #contentleft h1 {
	width: 360px;
	height: 95px;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	text-indent: -5000px;
	background: url(images/menuheading_contactme.gif) no-repeat;
	}
	
	body#other #contentleft h1 {
	width: 360px;
	height: 95px;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	text-indent: -5000px;
	background: url(images/menuheading_otherstuff.gif) no-repeat;
	}
	
label {
	display: block;
	width: 265px;
	color: white;
	}

input {
	display:block;
	width: 265px;
}

#comment {
	height: 140px;
	width: 265px;
}

#submit {
	width: 100px;
	margin-top: 30px;
	float: right;
}

#contactform1 {
	float: left;
	width: 270px;
	margin-left: 30px;
	padding-top: 5px;
	font-family: arial, sans-serif;
	font-size: 11px;
	}	

#contactform2 {
	width: 270px;
	margin-left: 30px;
	padding-top: 5px;
	float: left;
	font-family: arial, sans-serif;
	font-size: 11px;
}	

#contentright {
	width: 270px;
	height: 265px;
	margin: 0;
	padding: 0;
	float: right;
	overflow-y: scroll;
	overflow-x: hidden;
}

#hello_contentright {
	width: 270px;
	height: 265px;
	margin: 0;
	padding: 0;
	float: right;
}

#blog {
	height: 100px;
	width: 220px;
	margin: 20px 0 0 35px;
}

#blog img {
	float: left;
	border: #00adef 1px solid;
	}

#blog p {
	font-size: 0.6em;
	margin: 0;
	padding: 0px 5px 0 150px;
}

#blog a {
	color: ##00adef;
	text-decoration: none;
}

#blog a:hover {
	text-decoration: underline;
}

#blog a:visited {
	color: #00adef;
}

#work {
	height: 130px;
	width: 220px;
	margin: 20px 0 0 35px;
	padding: 0;
	background: url(images/book.gif) no-repeat right;
}


#work p {
	font-size: 0.6em;
	margin: 0;
	padding: 10px 95px 0 10px;
}

#work a {
	color: ##00adef;
	text-decoration: none;
}

#work a:hover {
	text-decoration: underline;
}

#work a:visited {
	color: #00adef;
}

.portfolioleft {
	width: 110px;
	height:85px;
	margin: 10px 0 10px 10px;
	padding: 0;
	display: block;
	float: left;
}

.portfolioleft img {
	width: 100px;
	height: 70px;
	margin: 0;
	padding: 0;
	border: solid #00adef 1px;
	display: block;
	float: left;
}

.portfolioleft p {
	margin: 0;
	padding: 0;
	font-size: 0.6em;
}

.portfolioright {
	width: 110px;
	height: 85px;
	margin: 10px 10px 10px 0;
	padding: 0;
	display: block;
	float: right;
}

.portfolioright img {
	width: 100px;
	height: 70px;
	margin: 0;
	padding: 0;
	border: solid #00adef 1px;
	display: block;
	float: left;
}

.portfolioright p {
	margin: 0;
	padding: 0;
	font-size: 0.6em;
}

#contentright a {
		color: ##00adef;
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size: 0.6em;
}

#contentright a:hover {
	text-decoration: underline;
}

.hide {
	display: none;

}

body#hello #quote {
	height: 115px;
	width: 310px;
	background: url(images/quote1.gif) no-repeat;
	margin: 0 0 0 170px;
	float: left;
}

body#printdesign #quote {
	height: 115px;
	width: 330px;
	background: url(images/quote2.gif) no-repeat;
	margin: 0 0 0 170px;
	float: left;
}

body#webdesign #quote {
	height: 115px;
	width: 330px;
	background: url(images/quote3.gif) no-repeat;
	margin: 0 0 0 170px;
	float: left;
}

body#branding #quote {
	height: 115px;
	width: 330px;
	background: url(images/quote4.gif) no-repeat;
	margin: 0 0 0 170px;
	float: left;
}

body#contact #quote {
	height: 115px;
	width: 330px;
	background: url(images/quote6.gif) no-repeat;
	margin: 0 0 0 170px;
	float: left;
}

body#other #quote {
	height: 115px;
	width: 330px;
	background: url(images/quote5.gif) no-repeat;
	margin: 0 0 0 170px;
	float: left;
}

#speech {
	height: 107px;
	width: 113px;
	padding: 0;
	margin: 7px 120px 0 0;
	
	float: right;
}

#speech a {
	height: 106px;
	width: 113px;
	padding: 0;
	margin: 0;
	display: block;
	text-indent: -5000px;
	background: url(images/speech.gif) no-repeat;
}

#speech a:hover {
	background: url(images/speech_hover.gif) no-repeat;
}