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

/* ---------------- Reset Styles ---------------- */

html, span, iframe, p, a, img, li, ol, ul, form, table, tbody, tfoot, thead, tr, th, td { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100.01%; 
	line-height: inherit; 
	font-family: inherit; 
	text-align: left; }

table { border-collapse: collapse; border-spacing: 0; }

/* ---------------- Composition Styles ---------------- */

body {
background: url(../img/bg_page.jpg) repeat-x #E6E6E6;
margin: 0;
padding: 0;}
.copyright {
font-family: Tahoma, Helvetica, sans-serif; font-size: .65em; color: #afafaf; }
.copyright a {color: #afafaf; text-decoration: underline;}
.copyright a:hover {text-decoration: none;}
.clear { clear: both;}
.clear_left { clear: left;}
.clear_right { clear: right;}

/* ------ Home ------ */
#col_right { width: 196px; min-height: 370px; float: right; background: #E5E5E5; margin: 21px 21px 5px 15px; padding: 12px 14px; }
#col_left { float: left; margin: 21px 0 21px 13px; padding: 0; }
#col_sub_left {  width: 211px; min-height: 65px; float: left; background: url(../img/corner_head.jpg) no-repeat; margin: 0 15px 0 0; padding: 20px 0px 20px 20px; }
#col_sub_right { width: 211px; min-height: 65px; float: left; background: url(../img/corner_head.jpg) no-repeat; margin: 0; padding: 20px 0px 20px 20px; }
#flash { margin: 0 0 7px 8px;}
.container { background: #FFFFFF; padding: 15px; }
.intro { background: url(../img/corner_head.jpg) no-repeat; margin: 0; padding: 20px 0px 20px 20px;}

/* ------ Sub ------ */
#col_right_sub { width: 196px; min-height: 370px; float: right; background: #E5E5E5; margin: 21px 21px 5px 15px; padding: 12px 0px; }
#col_left_sp { width: 434px; min-height: 109px; margin: 13px 0 0px 13px; padding: 7px 0px 20px 23px; background: url(../img/corner_head.jpg) no-repeat; }
#col_sub_full {  width: 400px; float: left; background: url(../img/corner_sub.jpg) no-repeat; margin: 0 15px 0 13px; padding: 20px 0px 15px 20px; }
#col_sub_1 {  width: 130px; height: 108px; float: left; background: url(../img/corner_sub.jpg) no-repeat; margin: 0 15px 0 13px; padding: 20px 0px 0px 20px; }
#col_sub_2 {  width: 130px; height: 108px; float: left; background: url(../img/corner_sub.jpg) no-repeat; margin: 0 10px 0 0; padding: 20px 0px 0px 20px; }
#col_sub_3 { width: 130px; height: 108px; float: left; background: url(../img/corner_sub.jpg) no-repeat; margin: 0; padding: 20px 0px 0px 20px; }
.softw_group { margin: 7px 0; }
.softw_group_last { margin: 7px 0 30px 0; }
.softw_icon { float: left; margin: 0 5px 0 0;}
.link_group { margin: 0px 0; }
.link_thumb { float: left; margin: 0 10px 0 0;}
.link_thumb2 { float: left; margin: 0 10px 10px 0;}
.wp_link  { width: 196px; height: 17px; font-family: Tahoma, Helvetica, sans-serif; font-size: .81em; color: #000000; text-decoration: none; padding: 0 0 0 14px; cursor: pointer;}
.wp_link:hover { background: url(../img/web_projects/wp_2.jpg) no-repeat; text-decoration: none; color: #7D7D7D;}
#wp_box { width:464px; min-height: 325px; border: 0px; margin: 0 0 0 32px; padding: 0 0 0 5px; }
#wp_box2 { width:464px; min-height: 225px; border: 0px; margin: 0 0 0 3px; padding: 0 0 0 5px; }
.wp_pad { padding: 0 0 10px 4px;}
.gallery img {padding: 5px;}
.float_left { padding: 5px; float: left;}
.no_underline {text-decoration: none;}



/* ------ SiFR spacing requires the copy beneath to be padded over a bit ------ */
#content { padding: 0 0 0 5px;}


/* ---------------- Rule Styles ---------------- */

.rule1 { border-bottom: 1px solid #FFFFFF; margin: 7px 0 9px 0; }
.rule2 { border-bottom: 1px solid #E5E5E5; margin: 7px 0 9px 0; }
.rule3 { border-bottom: 1px solid #E5E5E5; margin: 16px 0 18px 0; }
.rule4 { border-bottom: 1px solid #FFFFFF; margin: 0px 14px 0px 0; }

/* ---------------- Text Styles ---------------- */

.header { font-family: Tahoma, Helvetica, sans-serif; font-size: .75em; color: #000000; font-weight: bold; margin: 0 0 8px 0; }
.copy  { font-family: Tahoma, Helvetica, sans-serif; font-size: .81em; color: #7D7D7D; }
.copy a { color: #000000; text-decoration: underline; }
.copy a:hover { text-decoration: none; }
.bottomlinks  { margin: 0 0 5px 30px; font-family: Tahoma, Helvetica, sans-serif; font-size: .65em; color: #7D7D7D; letter-spacing: .09em; }
.bottomlinks a  { color: #7D7D7D; text-decoration: underline;  }
.bottomlinks a:hover  { text-decoration: none;  }

/* ---------------- Form Styles ---------------- */

.inputbox {  font-family: Tahoma, Helvetica, sans-serif; font-size: 14px; color: #000000; background-color: #FFFFFF; border: 1px #7D7D7D solid; margin: 5px 0 10px 0; width: 190px;}

/* ---------------- Navigation Styles ---------------- */

.nav_div { width: 31px; height: 20px; background: url(../img/nav/nav_div.gif); 
}
#nav_home { width: 66px; height: 20px; background: url(../img/nav/nav_home1.jpg); }
#nav_home:hover { background: url(../img/nav/nav_home2.jpg); 
}
#nav_profile { width: 92px; height: 20px; background: url(../img/nav/nav_profile1.jpg); }
#nav_profile:hover { background: url(../img/nav/nav_profile2.jpg);
}
#nav_webprojects { width: 151px; height: 20px; background: url(../img/nav/nav_webprojects1.jpg); }
#nav_webprojects:hover { background: url(../img/nav/nav_webprojects2.jpg);
}
#nav_gallery { width: 97px; height: 20px; background: url(../img/nav/nav_gallery1.jpg); }
#nav_gallery:hover { background: url(../img/nav/nav_gallery2.jpg);
}
#nav_links { width: 73px; height: 20px; background: url(../img/nav/nav_links1.jpg); }
#nav_links:hover { background: url(../img/nav/nav_links2.jpg);
}
#nav_contact { width: 102px; height: 20px; background: url(../img/nav/nav_contact1.jpg); }
#nav_contact:hover { background: url(../img/nav/nav_contact2.jpg);
}

/* ---------------- Sifr Styles ---------------- */
h1 {
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	line-height: 40px;
	color: #000000;
	font-size: 20px;
	padding: 20px 0 10px 0;
	margin: 0 20px 0 0px;
}

/* ---------------- Haxor Styles ---------------- */

* html #wp_box { /*IE only style*/ height: 325px; }
* html #wp_box2 { /*IE only style*/ height: 225px; }
* html #col_right { margin: 21px 7px 5px 15px; }