/*
Theme Name: WP CIO Systems
Theme URI: 
Description: 
Version: 1.0
Author: Ghostdog Design
Author URI: http://www.ghostdog.com/
*/

body { 
	background-color: #898989; 
	text-align: center; 
	margin: 25px; 
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	}
a { text-decoration: none; }

#content { 
	width: 695px;
	padding: 0px;
	margin:0px auto;
	background-image: url(img/header-bg.jpg); 
	background-position: top center; 
	background-repeat: no-repeat; 
	background-color: #FFF;
	min-height: 720px;
	border: 6px solid #d6d6d6;
	}
#header	{
	width: 100%;
	height: 120px;
	text-align: left;
	} 
#header #logo {
	width: 275px;
	margin-left: 15px; 
	margin-top: 31px;
	text-align: left;
	float: left;
	}
#header #support {
	float: right;
	text-align: center;
	margin-top: 20px;
	width: 350px;
	}
		#support h3 { color: #2981e9; margin-bottom: 10px; padding: 0px; font-size: 13px; }
		#support h4, #support h4 a { color: #bab231; margin: 0px; font-size: 16px; }
		#support h4 a { text-decoration: underline; font-size: 18px; }
		#support h4 a:hover {text-decoration: none; color: #282da6; }
		
#nav {
	clear: both;
	height: 22px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	}
		#nav img { margin-left: 30px; margin-right: 30px; height: 24px; }

#left_col {
	width: 208px;
	float: left;
	padding-left: 20px;
	padding-top: 16px;
	}
	
#left_col2 {
	width: 408px;
	float: left;
	padding-left: 20px;
	padding-top: 16px;
	}
	
		#left_col h2, #right_col h2, #right_col2 h2 { font-size: 14px; }
		#left_col2 h2 { font-size: 16px; }
		#left_col a { text-decoration: underline; color: #716140; }
		#left_col a:hover {text-decoration: none; color: #282da6; }
		
#right_col, #left_col, #right_col2, #left_col2 {
 	margin-top: 13px;
	text-align: left;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #716140;
	}
	
#right_col {
	float: right;
	width: 445px;
	}
	
#right_col2 {
	float: right;
	width: 208px;
	padding-right: 15px;
	}
	
	#highlight_box {
		background-color: #f4fadc;
		background-image: url(img/highlight-edge-Top.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#highlight_box_bottom {
		background-image: url(img/highlight-edge-Bottom.gif);
		background-repeat: no-repeat;
		background-position: left top;
		height: 14px;
	}
		
	#feature_box {
		background-color: #ebebeb;
		padding-top: 16px;
		height: 280px;
		background-image: url(img/feature-box-edgeTC.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	#feature_box_bottom {
		background-color: #ebebeb;
		height: 17px;
		background-image: url(img/feature-box-edgeBC.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		}
		#slideshow {
			width: 197px;
			float: left;
			padding-left: 15px;
		}
			#slideshow h2 { color: #a17647; }
			
		#features_list { 
			float: right; 
			height: 260px; 
			margin: 0px;
			padding: 0px;
		}
			#features_list ul {
				margin: 0px;
				padding: 0px;
			}
			#features_list li {
				list-style-type: none;
				font-size: 11px;
				background-color: #FFF;
				margin-bottom: 7px;
				padding: 4px;
				background-image: url(img/features-list-edge.gif);
				background-repeat: no-repeat;
				background-position: left top;
			}
			#features_list li a:hover { color: #bab231; }
		
		
		#small_features {
			clear: both;
			margin-top: 9px;
		}
		
		#small_features2 {
			maring-top: 12px;
		}
#small_features2 #feature_box_sm { margin-left: 10px; }
			#feature_box_sm { padding: 10px; padding-top: 15px; padding-left: 15px; }
			#feature_box_sm2 { padding: 15px; padding-bottom: 5px; }
			
			#feature_box_sm	{ 
				width: 186px; 
				height: 197px; 
				background-color: #FFF; 
				float: left; 
				background-image: url(img/feature-box-sm-bg.gif);
				background-repeat: no-repeat;
				background-position: left top;
			}

			#feature_box_sm h2 { color: #849730; }
			
			#feature_box_sm2 { 
				width: 200px; 
				height: 157px; 
				background-color: #f5f5f5; 
				float: right; 
				background-image: url(img/feature-box-sm2-edgeTC.gif);
				background-repeat: no-repeat;
				background-position: left top;
			}
			#feature_sm2_bottom {
				width: 230px;
				height: 17px;
				background-color: #f5f5f5;
				float: right;
				background-image: url(img/feature-box-sm2-edgeBC.gif);
				background-repeat: no-repeat;
				background-position: left bottom;
			}
			#feature_box_sm2 h2 { color: #898989; }
			
			#footer_nav { clear: both; color: #898989; font-size: 12px; padding: 15px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
			#footer_nav a { color: #898989; text-decoration: underline; }
			#footer_nav a:hover { text-decoration: none; }
			
			#partners { 
				clear: both; 
				padding: 5px; 
				padding-left: 20px;
				text-align: center;
				font-size: 11px; 
			}