@charset "utf-8";
/* CSS Document */

body {
background-image:url(images/background.jpg);
background-position:center;
background-repeat:repeat-y;
background-color:#222121;
}

a:link {
color: #679a23;
text-decoration:none
}
a:visited {
color: #58831e;
text-decoration:none
}
a:hover {
color: #426317;
text-decoration: none;
}
a:active {
color: #426317;
text-decoration:none
}

#wrapper {
	width: 900px;
	margin-left: auto ;
	margin-right: auto ;
	font-family: "Microsoft Sans Serif", arial, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
}

#header {
	height: 250px;
	}

#logotitle {
	position: relative;
	float: left;
	left: 50px;
	top: 20px;
}


#ddd {
	position: relative;
	float: left;
	top: 20px;
	left: 320px;
}

#logoimage {
	position: relative;
	float: left;
	top: 20px;
	left: 340px;
}

#nav {
	position: relative;
	float: left;
	top: 20px;
	left: 50px;
}

#topbox {
	position: relative;
	float: left;
	top: 40px;
	left: 50px;
}

#topboxmiddle{
	position:relative;
	height: 220px;
	width: 567px;
	background-color:#252525
}

#topright {
	position: relative;
	float: left;
	top: 40px;
	left: 70px;
}

#toprightmiddle {
	position: relative;
	height: 220px;
	width: 203px;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#252525;
}

#midbox {
	position: relative;
	float: left;
	top: 100px;
	width: 567px;
	left: 50px;
}

#midboxmiddle{
	position:relative;
	min-height: 100px;
	background-color:#252525
}

#midright {
	position: relative;
	float: left;
	top: 100px;
	left: 70px;
}

#midrightmiddle {
	position: relative;
	width: 223px;
	min-height: 100px;
	background-color:#252525;
}

#textcontent {
	position: relative;
	max-width: 550px;
	padding-left: 5px;
	padding-right: 5px;
}

#footer {
	position: relative;
	float: left;
	top: 130px;
	left: 50px;
	font-size: 14px;
}

#footermiddle{
	position:relative;
	background-color:#252525
}

#horrizontal2 {
	position: relative;
	float: left;
	top: 70px;
}

#portfolio {
	position: relative;
	width: 530px;
	left: 7px;
	padding: 10px;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	background-color: #212121;
	}

#blog {
	position: relative;
	width: 530px;
	left: 7px;
	padding: 10px;
	min-height: 150px;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	background-color: #212121;
	}
	

#blogpic {
	width: 530px;
	padding-right: 5px;
	}
	
#blogpicedit {
	width: 490px;
	padding-right: 5px;
	}

#blogtext {
	position: relative;
	}
	
#constrain {
	width: 530px;
	}
	


#twitter {
	width: 222px;
}

	#twitter ul {
		list-style: none; padding: 0 0 0 0px;
	}
		#twitter ul li {
			padding: 5px;
			background: rgba(33,33,33,0.9);
			border-style:solid;
			border-width:1px;
			border-color:#333333;
		}
			#twitter ul li a {
				font: italic 16px/16px Georgia, Times, Serif;
				color: #679a23;
			}
				#twitter ul li a:hover { color: #426317; }

		#twitter ul li span {
			font: 16px "Microsoft Sans Serif", arial, sans-serif; color: #fff;
		}
			#twitter ul li span a {
				font: 16px "Microsoft Sans Serif", arial, sans-serif;
			}

.awardtitle {
	color: #14a5a4
}

.blogimage {
  max-width: 530px;
  max-height: 200px;
  width: expression(this.width > 135 ? "135px" : true);
  height: expression(this.height > 145 ? "145px" : true);
}

.blogimageedit {
  max-width: 490px;
  max-height: 200px;
  width: expression(this.width > 135 ? "135px" : true);
  height: expression(this.height > 145 ? "145px" : true);
}

.blogtitle {
	color: #14a5a4;
	font-size: 28px;
	font-family: "Arial Rounded MT Bold", "Microsoft Sans Serif", Arial, sans-serif;
}

.portfolioleft {
	font-weight: bold;
	font-size: 12px;
}

.portfolioright {
	color: #999999;
	font-size: 12px;
}

/* IMAGE ROTATOR */

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:150px;
	
}
/* rotator css */
	div#rotator ul li {
	float:right;
	position:absolute;
	right: 0px;
	top: -16px;
	list-style: none;
	height: 150px;
	
}
/* rotator image style */	

    div#rotator ul li.show {
	z-index:500;
}