body, html {
	background: url(images/bg-2.jpg) repeat;
	font: 14px Georgia, Arial, Helvetica, sans-serif;
	color: #454545;
	margin: 0 auto;
}

a {
	color: #00ccff;
	text-decoration: none;
}
a:hover {
	color: #5ed9f7;
}
.clear-both {
	clear: both;
}
.no-border {
	border: none;
}
/* HEADING CODE */
h1 {
	font: 36px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: 100;
	padding: 0 0 10px 0;
	border-bottom: 10px solid #5ed9f7;
	margin: 0 0 50px 0;
}
#h1-box-pencils {
	float: left;
	width: 264px;
}
#h1-box-faq {
	float: left;
	width: 228px;
}
#h1-box-tutorial {
	float: left;
	width: 389px;
}
#h1-box-websites {
	float: left;
	width: 295px;
}
#h1-box-request {
	float: left;
	width: 301px;
}
#h1-box-request-thank {
	float: left;
	width: 455px;
	margin-right: 165px;
}
#h1-box-about {
	float: left;
	width: 201px;
}
#h1-box-contact {
	float: left;
	width: 233px;
}
#h1-box-contact-thank {
	float: left;
	width: 455px;
	margin-right: 165px;
}
#h1-box-oops {
	float: left;
	width: 253px;
}
h2 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: 100;
}
h3 {
	font: 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: 100;
}
h4 {
	font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: 100;
}
h5 {
	font: 28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: 100;
}
h6 {
	font: 28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: 100;
	padding: 20x 0 15px 0;
	border-bottom: 8px solid #5ed9f7;
	margin: 0 0 40px 0;
}
/* LAYOUT CODE */
#bar-top {
	background-color: #00ccff;
	margin: 0 auto;
	height: 8px;
	width: 100%;
}
#bar-top-left {
	background:url(images/blog-images/bg-clear-teal.png) repeat;
	float: left;
	height: 14px;
	width: 156px;
	margin: 0;
}
#bar-top-middle {
	background: url(images/blog-images/bg-clear-teal-middle.png) repeat;
	float: left;
	height: 14px;
	width: 310px;
	margin: 0;
}
#bar-top-right {
	background: url(images/blog-images/bg-clear-teal.png) repeat;
	float: left;
	height: 14px;
	width: 100%;
	margin: 0;
}
#master-box {
	margin: 0 auto;
	width: 1000px;
}
#master-box-2 {
	margin: 0 auto;
	width: 950px;
}
#heading-image-left {
	background: url(images/blog-images/bg-clear-gray.png) repeat;
	float: left;
	margin-top: 141px;
	height: 33px;
	width: 25px;
	border: 0px solid white;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#heading-image {
	float: left;
	height: 156px;
	margin: 0;
}
#heading-image-right {
	background: url(images/blog-images/bg-clear-gray.png) repeat;
	float: left;
	margin-top: 141px;
	height: 33px;
	width: 198px;
	border: 0px solid white;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.nav-button {
	float: right;
	height: 36px;
	margin: 141px 0 0 3px;
}
.back-to-top-right {
	text-align: right;
	margin-bottom: 50px;
	cursor:pointer;
}
.back-to-top-left {
	padding-bottom: 50px;
	cursor:pointer;
}


/* PENCILS CODE */

#pencils-left {
	float: left;
	width: 255px;
	margin-right: 60px;
}
h5.faq {
	margin: 0;
	padding-bottom: 20px;
}
#pencils-list-faq {
	margin-left: -20px;
}
#pencils-list-faq li {
		padding-left: -40px;
}
#pencils-right {
	float: left;
	width: 635px;
}
.pencils-col-1, .pencils-col-2 {
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
	width: 185px;
}
.pencils-col-3 {
	float: left;
	margin-bottom: 40px;
	width: 185px;
}

.pencils-col-1 a, .pencils-col-2 a, .pencils-col-3 a {
	opacity: 1.0;
	filter:alpha(opacity=100);
}
.pencils-col-1 a:hover, .pencils-col-2 a:hover, .pencils-col-3 a:hover {
	opacity: 0.7;
	filter:alpha(opacity=70);
}
/* FAQ CODE */
#faq-list {
	text-align: justify;
}
#faq-list li {
	padding-bottom: 35px;
	font-size: 20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.font-faq-answers {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/* TUTORIAL CODE */
#tutorial-nav {
	font-size: 16px;
	float: left;
	padding-right: 80px;
}
.tutorial-nav {
	margin-bottom: 8px;
}
#tutorial-parent {
	float: left;
	width: 750px;
	height: 650px;
	margin: 0 auto;
	text-align: center;
}
#tutorial-list {
	text-align: left;
	font-size: 20px;
}
#tutorial-list li {
	padding-bottom: 5px;
}
h2.tutorial {
	padding-bottom: 15px;
}
/* WEBSITES CODE */

#websites-side {
	float: left;
	width: 230px;
	margin-right: 70px;
}
#websites-side-request-box {
	width: 200px;
	background-color: #FFF;
	font-size: 40px;
	padding: 20px 8px 20px 22px;
}
#websites-side-request-box a {
	opacity: 1.0;
	filter:alpha(opacity=100);
}
#websites-side-request-box a:hover {
	opacity: 0.7;
	filter:alpha(opacity=70);
}
h2.testimonials {
	margin-bottom: 0;
	padding: 10px 0 20px 0;
}
.testimonial-box {
	font-style:italic;
	font-size: 16px;
	padding-bottom: 5px;
	line-height: 150%;
}
#websites-main {
	float: left;
	width: 640px;
}
.websites-left {
	float: left;
	width: 419px;
	margin-right: 30px;
	padding-bottom: 50px;
}
.websites-left img {
	border: 0;
}
.websites-left a {
	opacity: 1.00;
	filter:alpha(opacity=100);
}
.websites-left a:hover {
	opacity: 0.7;
	filter:alpha(opacity=70);
}
.websites-right {
	float: left;
	width: 191px
}
h4.websites-name {
	margin: 0;
	padding-bottom: 3px;
}
.websites-list {
	list-style-image:url(images/websites-list-check.png);
}
.websites-list li {
	margin-left: -20px;
	font-size: 12px;
}
/* REQUEST CODE */
#request-left-col {
	float: left;
	width: 228px;
	margin: 0 75px 30px 0;
	background-color: #FFF;
	padding: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#request-web-title {
	padding-left: 8px;
	margin: 10px 0 20px 0;
	font-size: 20px;
}
.request-web-image {
	border: none;
	margin-bottom: 20px;
	
}
#request-right-col {
	float: left;
	width: 600px;
	text-align: justify;
}

#websites-request-form {
	float: left;
	width: 580px;
}
.request-left {
	float: left;
	width: 150px;
	margin-top: 20px;
}
.request-right {
	float: left;
	width: 410px;
	margin-top: 20px;
}
.request-input-short {
	width: 350px;
	border: 1px solid #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.request-input-short-2 {
	width: 50px;
	border: 1px solid #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.website-form-title {
	margin-top: 30px;
}
.request-input-long {
	width: 570px;
}
#purpose {
	width: 570px;
	height: 35px;
	border: 1px solid #CCC;
		border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#description, #pages{
	width: 570px;
	height: 60px;
	border: 1px solid #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#request-submit {
	margin-top: 15px;
	text-align:right;
}
#websites-submit {
	background-color: #5ed9f7;
	padding: 4px 13px 4px 13px;
	color: #FFF;
	border: 1px solid #00ccff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


/* ABOUT CODE */
h4.about {
	margin-bottom: 15px;
}
#about-left {
	float: left;
	width: 245px;
	margin-right: 60px;
}
#about-right {
	float: left;
	width: 640px;
	text-align:justify;
	line-height: 150%;
}
/* CONTACT CODE */
#contact-left {
	float: left;
	width: 230px;
	margin-right: 70px;
}
#contact-left-box-1 {
	width: 190px;
	background-color: #FFF;
	font-size: 36px;
	padding: 25px 15px 25px 25px;
}
#contact-left-box-1 a:hover {
	opacity: 0.7;
	filter:alpha(opacity=70);
}
#contact-right {
	float: left;
	width: 610px;
}
.contact-title {
	float: left;
	width: 100px;
	padding-right: 20px;
}
.contact-input {
	float: left;
	width: 400px;
	margin-bottom: 8px;
}
.input {
	width: 400px;
	border: 1px solid #CCC;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 20px;
}
.contact-textarea {
	width: 400px;
	height: 200px;
	border: 1px solid #CCC;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#contact-submit {
	background-color: #5ed9f7;
	padding: 4px 13px 4px 13px;
	color: #FFF;
	border: 1px solid #00ccff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.contact-thank-you {
}
/* FOOTER CODE */
#gray-bar {
	background:url(images/bg-clear-gray.png) repeat;
	width: 100%;
	height: 20px;
	margin-bottom: 25px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#footer-left {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 600px;
	float: left;
}
#footer-right {
	width: 400px;
	float: left;
	text-align: right;
}
#bar-bottom {
	background: url(images/bar-bottom-teal.png) repeat-x;
	margin-top: 30px;
	height: 87px;
	width: 100%;
}