@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

/* Eric Meyer Reset CSS v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
:focus {
	outline:0;
} /* remember to define focus styles! */
ins {
	text-decoration:none;
} /* remember to highlight inserts somehow! */
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
	border-spacing:0;
} /* tables still need 'cellspacing="0"' in the markup */
/* Containers & Grids */
.container_6 {
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6 {
	display:inline;
	float:left;
	position:relative;
	margin-left:10px;
	margin-right: 10px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last) */
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
/* Grid >> 6 Columns */
.container_6 .grid_1 {
	width:140px;
}
.container_6 .grid_2 {
	width:300px;
}
.container_6 .grid_3 {
	width:460px;
}
.container_6 .grid_4 {
	width:620px;
}
.container_6 .grid_5 {
	width:780px;
}
.container_6 .grid_6 {
	width:940px;
}
/* Prefix Extra Space */
.container_6 .prefix_1 {
	padding-left:160px;
}
.container_6 .prefix_2 {
	padding-left:320px;
}
.container_6 .prefix_3 {
	padding-left:480px;
}
.container_6 .prefix_4 {
	padding-left:640px;
}
.container_6 .prefix_5 {
	padding-left:800px;
}
/* Suffix Extra Space */
.container_6 .suffix_1 {
	padding-right:160px;
}
.container_6 .suffix_2 {
	padding-right:320px;
}
.container_6 .suffix_3 {
	padding-right:480px;
}
.container_6 .suffix_4 {
	padding-right:640px;
}
.container_6 .suffix_5 {
	padding-right:800px;
}
/* Push Space */
.container_6 .push_1 {
	left:160px;
}
.container_6 .push_2 {
	left:320px;
}
.container_6 .push_3 {
	left:480px;
}
.container_6 .push_4 {
	left:640px;
}
.container_6 .push_5 {
	left:800px;
}
/* Pull Space */
.container_6 .pull_1 {
	left:-160px;
}
.container_6 .pull_2 {
	left:-320px;
}
.container_6 .pull_3 {
	left:-480px;
}
.container_6 .pull_4 {
	left:-640px;
}
.container_6 .pull_5 {
	left:-800px;
}
/* Clear Floated Elements */
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}

/* //////////////////////////////////////////////// */
/* //////////////////////////////////////////////// */

/*///// HTML & FONTS /////*/
body { color:#7094b7; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:bold; line-height:150%; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; letter-spacing:-0.02em; }
p { padding:6px 0 12px; text-align:justify; }
small { color:#83B2BA; font-size:12px; font-style:italic; font-weight:bold; line-height:1.5em; }
a, a:visited { color:#369; font-weight:bold; text-decoration:none; }

/*///// PAGE LAYOUT /////*/
#topbar { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; border-bottom:1px solid #FFFFFF; background-color:#000; display:block; height:auto; width:100%; }
#topbar_center { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background-color:#000; display:block; height:65px; margin:0 auto; width:960px; }
#global_nav { float:right; height:36px; margin:0; padding:14px 0 0; position:relative; width:600px; }
#global_nav li { float:right; }
#header_bar { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#fff url(/i/header_bar.jpg) repeat-x scroll left top; display:block; height:auto; width:100%; }
#header_bar_center { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:
 padding; background:transparent url(/i/header_bar_center.jpg) no-repeat scroll center top; display:block; height:396px; margin:0 auto; padding:54px 0 0; width:960px; }
#feature_wrap { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/i/feature_bk.jpg) no-repeat scroll 36px top; display:block; float:left; height:297px; padding:26px 0 0; position:relative; width:616px; }
#feature_title { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/i/showcase_ttl.png) no-repeat scroll left top; display:block; height:115px; left:36px; position:absolute; text-indent:-9999px; top:0; width:115px; z-index:1000; }
#slider_wrap { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent none repeat scroll 0 0; display:block; margin:0 0 0 66px; width:517px; z-index:-1200; overflow:hidden; }
#slider { height:266px; max-height:266px; float:left; width:2595px; overflow:hidden; }
#controls { height:27px; margin:0 0 0 350px; padding:3px 0 0; width:160px; float:right; }
#controls li.current { background-position:left -44px; color:#FEFEFE; }
#controls li { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/i/feature_butt.jpg) no-repeat scroll left 0; color:#7094b7; cursor:pointer; display:block; float:left; font-size:15px; font-weight:bold; height:17px; margin:0 4px 0 0; overflow:hidden; padding:0 0 5px; text-align:center; width:20px; }
#header_bar_txt { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/i/header_txt_bk.jpg) no-repeat scroll right center; display:block; float:right; height:94px; margin:0 -25px 0 0; padding:39px 36px 40px 0; width:310px; }
#header_mascot_wrap { display:block; float:right; height:215px; padding:7px 10px 0 0; width:310px; }
#sidebar300 { background:#000 url(/i/sidebar_back.gif) repeat-y 0 0; }
.sidebar_pad { padding:20px; }
#sidebar300_btm { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/i/sidebar_btm.gif) no-repeat scroll left top; display:block; height:12px; padding:0; width:300px; }
#footer { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; border-bottom:1px solid #FFF; background:#fff url(/i/footer_bk.jpg) repeat-x 0 0; margin-top:50px; display:block; height:auto; width:100%; }
#footer_center { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/i/footer_center.jpg) no-repeat 0 0; display:block; height:450px; margin:0 auto; width:960px; }
#bottombar { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; border-bottom:1px solid #FFFFFF; background-color:#000; display:block; height:auto; width:100%; color:#666; }
#bottombar_center { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background-color:#000; display:block; height:65px; margin:0 auto; width:960px; font-size:12px; font-weight:normal; }

/*///// CONTENT FEATURES /////*/
ul.skillslist, ul.appslist { border-bottom:1px dotted #9DB6CE; margin:5px 0 20px; }
ul.appslist li, ul.skillslist li { border-top:1px dotted #9DB6CE; font-weight:bold; }
ul.appslist li { line-height:3.2em; padding:5px 0 6px 6px; }
ul.skillslist li { line-height:1.6em; padding:5px 0 5px 6px; }
ul.skillslist li img, ul.appslist li img { clear:both; display:inline; float:left; margin:-2px 6px 0 0; padding:1px; }
.entry { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/i/blog_bk.jpg) no-repeat scroll center top; display:block; float:right; font-weight:normal; margin:20px 16px 0 0; min-height:220px; padding:20px; position:relative; width:557px; }
span.comment_tag { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/i/comment_tag.jpg) no-repeat scroll left top; display:block; left:-34px; padding:16px 0 32px; position:absolute; text-align:center; top:10px; width:46px; z-index:1000; }
div.entry img { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0; border:1px solid #D9E7EB; max-width:550px; padding:6px; }
.entry small.date_added { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/i/small_bk.jpg) no-repeat scroll center top; display:block; margin:8px 0 8px 230px; padding:8px; }
a.read-more, a.read-more:visited { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/i/read_more.jpg) no-repeat scroll center center; clear:both; color:#9FD689; display:block; float:right; font-size:18px; height:43px; letter-spacing:-0.04em; margin:10px 0 20px; padding:10px 12px 11px 0; text-align:center; width:198px; }
#get_in_touch { display:block; margin:0; padding:170px 0 0 0; width:231px; }
#get_in_touch h4 { color:#fff; font-size:22px; margin:2px 0 0; }
#get_in_touch input, #get_in_touch textarea { width:219px; }
#get_in_touch small { float:right; }
#get_in_touch input.contact_button { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/i/green_tick.gif) no-repeat scroll right -20px; border:medium none; cursor:pointer; display:block; margin:6px 0 0; padding:0; text-align:left; width:74px; }
#get_in_touch input.contact_button:hover { background-position:right center; }

/*///// FORMS /////*/
.input_wrap { border:1px solid #FC0; display:block; margin:8px 0 0; padding:0; }
input, select, textarea { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#fff none repeat scroll 0 0; border:1px solid #FFE785; color:#697273; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-style:italic; font-weight:normal; margin:0; padding:8px 4px; }

/*///// MISC CLASSES /////*/
.success { border:solid 2px #FFE785; background-color:#fff; color:#697273; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-style:italic; font-weight:normal; padding:4px; margin-top:10px; text-align:center; }
.alignleft { float:left; margin:5px 15px 5px 0; }
.center { text-align:center; }

/*///// FONTS /////*/
h1#logo { display:block; padding:13px 0 0 0; width:217px; }
#topbar li a { color:#fff; }
.entry h2, .portfolio_wrap h2 { color:#369; font-size:1.4em; line-height:24px; margin:0 0 2px; padding:6px 0 3px; }
.sidebar_pad { color:#fff; font-size:14px; font-weight:normal; line-height:120%; }
.sidebar_pad h2 { color:#7094b7; font-size:1.8em; line-height:20px; margin:0 0 2px; padding:6px 0 3px; }
.sidebar_pad h3 { color:#9DB6CE; font-size:1.4em; line-height:16px; margin:0 0 2px; padding:12px 0 3px; }
.comment_tag a, .comment_tag a:visited { color:#FEFEFE; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; line-height:1em; }
#get_in_touch small { color:#fff; font-size:12px; font-weight:normal; }
#get_in_touch input.contact_button { font-size:20px; font-style:normal; font-weight:bold; color:#fff; }
#get_in_touch input.contact_button:hover { color:#fc0; }
#footer h4 { font-size:30px; }
#footer p { font-weight:normal; }

/* //////////////////////////////////////////////// */
/* //////////////////////////////////////////////// */

    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */


/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:517px;
		height:286px;
		overflow:hidden; 
		}	
	
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#slider1next{ 
		left:696px;
		}														
	
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(/i/slider/btn_prev.gif) no-repeat 0 0;	
		}	
	#slider1next a{ 
		background:url(/i/slider/btn_next.gif) no-repeat 0 0;	
		}	
		
	
/* // Easy Slider */