/*
Theme Name: WordPress Default
Theme URI: http://www.perfectprocess.com/
Description: Custom wordpress theme for Perfect Process.
Version: 2.0
Author: Rex White
Author URI: http://velacreative.com/


*/


* {
	margin: 0;
	padding: 0;
}

html {
     overflow: -moz-scrollbars-vertical;
	 height:100%;
}


img {
	border-width:0px;
}

a, a:visited {
	color:#cbcaca;
}

a:hover {
	color:#fff;
}

body { 
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;	
	font-size:16px;
	color:#fff;
	font-weight:700;
	text-align:left;
	background:url('images/pg-bg.gif') repeat #000;
}

#wrapper {
	margin:0 auto;
	padding:0;
	width:1030px;
}

	#wrapper #top-nav {
		float:left;
		width:970px;
		height:37px;
		padding:20px 30px 0 30px;
		/*text-align:right;*/
	}
	
		#top-nav #navlist li
		{
			font-family:Georgia, "Times New Roman", serif;
			font-size:16px;
			display: inline;
			list-style-type: none;
			padding-left: 20px;
			font-weight:400;
		}
		
		#top-nav a {
			color:#cbcaca;
			text-decoration:none;
		}
		
		#top-nav a:hover {
			color:#fff;
			text-decoration:underline;
		}

	#wrapper #content {
		clear:left;
		float:left;
		background:url('images/content-bg.jpg') no-repeat #6a747c;
		width:946px;
		height:499px;
		padding:0 42px;
	}
		
		#content #left {
			float:left;
			width:585px;
			margin-right:28px;
		}
		
			#left #logo {
				float:left;
				width:585px;
				margin:44px 0 31px 0;
			}
		
			#left #text {
				clear:left;
				float:left;
				width:585px;
			}
			
				#text h1 {
					font-family:Georgia, "Times New Roman", serif;
					font-size:22px;
					font-weight:400;
					color:#cbcaca;
					margin-bottom:15px;
				}
				
				#text p {
					margin-bottom:15px;
					line-height:1.35em;
				}

                                #text strong {
                                        color:#edefaa;
                                }
				
				#text ul, #text li {
					margin-left:25px;
				}
			
		#content #right {
			float:right;
			width:333px;
			padding-top:22px;
		}

	#wrapper #bottom-nav {
		clear:left;
		float:left;
		width:970px;
		padding:20px 30px 0 30px;
		text-align:center;
		font-weight:400;
		font-size:12px;
	}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */