html, body {
	height: 99%;
}


img {
	behavior: url("/includes/pngbehavior.htc");
}

body {
	background-color: #7e9bbe;
	margin: 0px;
    height: 99%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 78%;
    background-image: url(/images/bg_body.jpg);
    background-repeat: repeat-x;
    background-position: top center;
    color: #000000;
    /*
    background-attachment: fixed;
    */
}


form {
    margin: 0;
    padding: 0;
}

h1 {
    text-indent: -3100px;
    background-repeat: no-repeat;
    width: 300px;
    height: 35px;
}

h2 {
    color: #FFFFFF;
    font-size: 1.4em;
    font-weight: normal;
    text-align: right;
    border-bottom: 1px solid #FFFFFF;
}

h3 {
    color: #000000;
    font-size: 1.0em;
    font-weight: bold;
}

a img {
	border: none;
}


a {
    color: #265ab9;
}
a:hover {
    color: #265ab9;
}


strong {
    color: #000000;
}







/* not used for screen media */
#non_screen {
    display: none;
}







/* ////////////////////////////////////////////// */
/* ////////////////////////////////////////////// */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/* ////////////////////////////////////////////// */
/* ////////////////////////////////////////////// */





#mastheadWrapper {
	background-image: url(/images/bg_mastheadWrapper.jpg);
	background-repeat: no-repeat;
	height: 130px;
	background-position: center top;
        z-index: 10001;
    position: relative;
}

	#mastheadWrapper #masthead {
		position: relative;
		width: 960px;
		margin-right: auto;
		margin-left: auto;
	}

#mastheadWrapper #masthead #web_development {
	position: absolute;
	left: 245px;
	top: 30px;
}
#mastheadWrapper #masthead #custom_websites {
	position: absolute;
	left: 694px;
	top: 12px;
}

#p7PMM_1 {
	height: 25px;
	width: 700px;
	position: absolute;
	left: 260px;
	top: 80px;
        z-index: 10000;
}


	/* ///////////////////////////////////// */
	/* ///////////////////////////////////// */
	
	
	

#contentWrapper {
	background-color: #FFFFFF;
	background-image: url(/images/bg_contentWrapper.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

	#contentWrapper #content {
		width: 960px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
            padding-bottom: 80px;
            z-index: 888;
	}
	
		#contentWrapper #content #body {
			float: right;
			margin-right: 40px;
			width: 610px;
                      z-index: 887;
		}
		
		#contentWrapper #content #leftColumn {
			float: left;
			width: 270px;
			margin-top: 80px;
		}

                div.body {
                    padding-top: 20px;
                }


	/* ///////////////////////////////////// */
	/* ///////////////////////////////////// */

         .backto {
             text-align: right;
         }
         .backto a {
             text-decoration: none;
         }

         .backto a:hover {
             text-decoration: underline;
         }

#samples_image {
    float: right;
    width: 400px;
}

#samples_body {

}
#samples_location {
    font-weight: bold;
}



































.category_image, ul#category_links li img {
    background-image: url(/images/bg_thumb.gif);
    background-repeat: no-repeat;
    width: 160px;
    height: 115px;
    padding: 12px 13px 12px 13px;
    border: none;
}
ul#category_links {
    margin: 0px;
    padding: 0px;
}
ul#category_links li {
    display: inline;
    padding-right: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
}

ul#category_links li p {
    display: inline;
    padding: 0;
    margin: 0;
}

p.intro {
    color: #FFFFFF;
}



.category_sample {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.samples_thumb {
    font-size: 0.9em;
}
.samples_thumb p {
    margin: 0; padding: 0;
}
.samples_thumb img {
    border: 2px solid #276bbd;
}
.samples_thumb a {
    
}

.samples_thumb_black_border {
    font-size: 0.9em;
}
.samples_thumb_black_border p {
    margin: 0; padding: 0;
}
.samples_thumb_black_border img {
    border: 2px solid #999;
}



















#footerWrapper {
	background-color: #7e9bbe;
	background-image: url(/images/bg_footerWrapper.jpg);
	background-repeat: repeat-x;
	height: 90px;
}

	#footerWrapper #footer {
		width: 900px;
		margin-right: auto;
		margin-left: auto;
		padding-left: 60px;
		position: relative;
		font-size: 0.9em;
	}
	
		#footerWrapper #footer #links {
			margin: 0px;
			padding: 0px;
		}
		#footerWrapper #footer #links li {
			display: inline;
			padding-right: 3px;
			margin-right: 3px;
			border-right: 1px solid #999999;
		}
		#footerWrapper #footer #links li a {	
                    color: #676767;
                    text-decoration: none;
                }
		#footerWrapper #footer #links li a:hover {	
                    color: #265ab9;
                    text-decoration: underline;
                }
		#footerWrapper #footer #cogs {
			position: absolute;
			top: -74px;
			left: 731px;
			z-index: 1;
		}
	


	/* ///////////////////////////////////// */


	#shinymachine {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 820px;
	z-index: 2;
	}
		#shinymachine li {
			display: inline;
			margin: 0;
			padding: 0px 20px 40px 0px;
			color: #676767;
			font-size: 0.9em;
			font-weight: normal;
		}

		#shinymachine a {
			display: block;
			text-decoration: none;
		}
		#shinymachine a:hover, #shinymachine a:active, #shinymachine a:focus {
			background-position: left bottom;
		}
		#shinymachine li {
			float: left;
			width: auto;
		}
		#shinymachine ul li {
			float: none;
		}
		#s1 {
			height: 35px !important;
			background-repeat: no-repeat;
		}
		#s1 {
			width: 117px;
			background-image: url(http://www.shinymachine.com/images/s2.png);
		}
#shinymachine_logo {
	position: absolute;
	left: 0px;
	top: 0px;
}

#copyright {
    margin-top: 5px;
    color: #6f7172;
}