/* Remove padding and margin */
* {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Floating and Clearing Classes */
.clear {
    clear:both;
}

/* CSS Document */

html { height: 100%; }
body {
	height:100%;
	background-color:#000000 ; 
	margin:0;
	overflow:auto;
}
font, td, tr, p, div {	font-family: "Trebuchet MS", Tahoma, Helvetica, Verdana;
	font-size: 11px;
	color: #CCCCCC;
}
h1 {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Verdana;
	font-size: 16px;
	font-weight:bold;
	color: #a1c7ff;
	border-bottom:1px solid #a1c7ff;
	margin-bottom:8px;
}
.type {	
	font-family: "Trebuchet MS", Tahoma, Helvetica, Verdana;
	font-size: 11px;
	color: #CCCCCC;
}
.line {	font-family: "Trebuchet MS", Tahoma, Helvetica, Verdana;
	font-size: 11px;
	color: #FF9900;
	height: 1px;
}
.ovr { padding-right:8px; }
.ovr:hover { background-color: #122037; padding-right:8px; }
.list_container {
	position:absolute;
	display:block;
	float:right;
	width:100px;
	height:72px;
	left: 99px;
	top: 160px;
}
ul.nav_list {
	text-align:right;
	list-style-type:none;
}

/* Links */
a { font-family: "Trebuchet MS", verdana; font-size: 14px; text-decoration: none; font-weight: normal; }
a:link { text-decoration: none; color:#7299d4; font-weight: normal; }
a:active { text-decoration: none; color:#7299d4; font-weight: normal; }
a:visited { text-decoration: none; color:#7299d4; font-weight: normal; }
a:hover { text-decoration: none; color: #ffb400; }

a.sm { font-family: "Trebuchet MS", verdana; font-size: 9px; text-decoration: none; font-weight: normal; }
a:link.sm { text-decoration: none; color:#7299d4; font-weight: bold; }
a:active.sm { text-decoration: none; color:#7299d4; font-weight: bold; }
a:visited.sm { text-decoration: none; color:#7299d4; font-weight: bold; }
a:hover.sm { text-decoration: none; color: #ffb400; }

a.nav { font-family: "Trebuchet MS", verdana; font-size: 11px; text-decoration: none; font-weight: bold; }
a:link.nav { text-decoration: none; color:#7299d4; }
a:active.nav { text-decoration: none; color:#7299d4; }
a:visited.nav { text-decoration: none; color:#7299d4; }
a:hover.nav { text-decoration: none; color: #ffb400; }

.serv-bld {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Verdana;
	font-size: 11px;
	font-weight:bold;
	color: #a1c7ff;
}
.serv-list {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Verdana;
	font-size: 11px;
	color: #e0e0e0;
}
.main_container {
	position:relative;
	min-height:100%;
}
.content_container {
	position:relative;
	margin:10px 10px 10px 10px;
	width:400px;
}
.page_title {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Verdana;
	font-size: 16px;
	font-weight:bold;
	color: #a1c7ff;
	border-bottom:1px solid #263d5f;
	width:200px;
}

.grfx_title {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Verdana;
	margin-top:4px;
	font-size: 11px;
	color: #ffb400;
}
.page_description {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Verdana;
	margin-top:4px;
	font-size: 11px;
	color: #ffb400;
}
.note { 
	font-family: "Trebuchet MS", Tahoma, Helvetica, Verdana;
	font-size: 10px;
	font-weight:normal;
	color: #666666;
}
/* Portfolio 
 Background : 040813
 Hover BG : 263d5f
 Border : 3e5b86
 Img Border Hover : a1c7ff
*/
.port_title {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Verdana;
	font-size: 16px;
	font-weight:bold;
	color: #a1c7ff;
	border-bottom:1px solid #263d5f;
}
.port_container {
	position:absolute;
	left:200px;
	top:89px;
	margin:10px 10px 10px 10px;
	width:450px;
}
.port_table {
	width:auto;
	border-collapse:collapse;
}
.port_img {
	text-align:center;
	border:1px solid #3e5b86;
}
.port_img:hover {
	border:1px solid #a1c7ff;
}
.item_container {
	float:left;
	text-align:center;
	width:82px;
	border:none;
	padding:4px;
	background-color:#040813;
/*	display:block;*/
}
.item_container:hover {
	border:none;
	background-color:#263d5f;
}
/* Website List */
.web_container {
	position:relative;
	left:490px;
	top:10px;
	font-family: "Trebuchet MS", Tahoma, Helvetica, Verdana;
	font-size: 11px;
}
.webs { float:left; margin-left:10px; width:auto; }
a.webs { font-family: "Trebuchet MS", verdana; font-size: 11px; text-decoration: none; font-weight: bold; }
a:link.webs { text-decoration: none; color:#7299d4; }
a:active.webs { text-decoration: none; color:#7299d4; }
a:visited.webs { text-decoration: none; color:#7299d4; }
a:hover.webs { text-decoration: none; color: #ffb400; }
.web_title {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Verdana;
	font-size: 16px;
	font-weight:bold;
	color:#010101;
	border-bottom:1px solid #263d5f; 
	width:300px;
}
/* Forms */
SELECT{
	background-color: #040813; 
	color: #EEEEEE;
	font-family: Tahoma;
	font-size: 10px;
	font-weight:normal;
	border: 1px solid #3e5b86;
	padding:1px 1px 1px 4px;
}
SELECT:HOVER{
	background-color: #263d5f; 
	color: #EEEEEE;
	font-family: Tahoma;
	font-size: 10px;
	font-weight:normal;
	border: 1px solid #a1c7ff;
	padding:1px 1px 1px 4px;
}
INPUT{
	background-color: #040813; 
	color: #EEEEEE;
	font-family: Tahoma;
	font-size: 10px;
	font-weight:normal;
	border: 1px solid #3e5b86; 
	background:#040813;
	padding:1px 1px 1px 4px;
}
INPUT:hover{
	background-color: #000000; 
	color: #EEEEEE;
	font-family: Tahoma;
	font-size: 10px;
	font-weight:normal;
	border: 1px solid #a1c7ff; 
	background:#000000;
}
INPUT:focus{
	background-color: #000000; 
	color: #EEEEEE;
	font-family: Tahoma;
	font-size: 10px;
	font-weight:normal;
	border: 1px solid #a1c7ff; 
	background:#000000;
}
TEXTAREA{
	background-color: #040813; 
	color: #EEEEEE;
	font-family: Tahoma;
	font-size: 10px;
	font-weight:normal;
	border: 1px solid #3e5b86;
	padding:2px 2px 2px 4px;
}
TEXTAREA:focus{
	background-color: #000000; 
	color: #EEEEEE;
	font-family: Tahoma;
	font-size: 10px;
	font-weight:normal;
	border: 1px solid #a1c7ff;
}
TEXTAREA:hover{
	background-color: #000000; 
	color: #EEEEEE;
	font-family: Tahoma;
	font-size: 10px;
	font-weight:normal;
	border: 1px solid #a1c7ff;
}
.center_post {
	top:100px;
	text-align:center;
}
.footer {
	width:auto;
	height:200px;
	overflow:hidden;
	position:relative;
	bottom:0px;
/*	top:8%; */
	left:0px;
	background-image: url('../images/mid_mid.jpg');
	background-color:#000000;
}
.footer_container1 {
	float:left;
	margin-left:20px;
	margin-top:10px;
	padding:1px 4px 8px 8px;
	width:300px;
	/*background-image: url('../images/diag_bg.jpg');
	border:1px solid #333333;*/
}
.footer_container2 {
	float:right;
	margin-right:20px;
	margin-top:10px;
	padding:1px 4px 8px 8px;
	width:300px;
	text-align:right;
}
.footer_list {
	list-style-type:none;
}
.footer_list li {
	padding:2px;
}
.footer_list li:hover {
	background-color:#222222;
}
.blog_txt { text-indent:15px; margin-left:8px; }
.blog {
	padding:10px 10px 20px 10px;
/*	background-color:#000000;
	border:1px solid #444444; */
	z-index:1;
	width:438px;
	height:205px;
	overflow:auto;
	left:200px;
	position:absolute;
	top:440px;
}
.blog_right {
	padding:10px 10px 20px 10px;
/*	background-color:#000000;
	border:1px solid #444444; */
	z-index:1;
	width:290px;
	height:205px;
	overflow:auto;
	left:720px;
	position:absolute;
	top:440px;

}
.spacer {
	background-color:#223757;
	min-height:50px;
	height:auto;
	width:auto;
}