@charset "UTF-8";
body {
	background-color: #2a3a78;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#353535;
}
/*------------ Typography styles --------------*/
a:link, a:visited {
	color:#2a3a78;
	text-decoration:underline;
}
a:hover, a:active {
	text-decoration:none;
}
h1, h2, h3 {
	color:#2a3a78;
	font-weight:bold;
	line-height:1em;
	/*margin-bottom:10px;*/
}
#footer_outer h3 {
	color:#fff;
}
h1 {
	font-size:200%;
}
h2 {
	font-size:150%;
}
h3 {
	font-size:115%;
}
h4 {
	font-size:115%;
}
h5 {
	font-size:110%;
}
h6 {
	font-size:100%;
}
h1, h2, h3 { 
	/*font-family: 'Yanone Kaffeesatz', arial, serif; */
}
.serif {
	font-family: Georgia, Palatino, Times, serif;
}
.definition {
	font-size:2em; 
	line-height:1em; 
	font-family: 'Josefin Sans Std Light', arial, serif;
 }
.definition span {
	font-weight:bold;
}
.sm_text {
	font-weight:normal;
	font-size:.8em;
}
.big_text {
	font-size:1.2em;
}
.emp {
	font-weight:bold;
}
.sup {
	bottom: 0.5em;
	font-size:smaller;
	position: relative;
	padding:0px 5px;
}
/*----------------------------*/
/*--------- Utility ---------*/
/*---------------------------*/
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.clear {
	clear:both;
}
.inline {
	display:inline;
}
.pad {
	padding:10px;
	overflow:hidden;
	position:relative;
}
.button {
	color:#fff;
	padding:3px 8px;
	font-weight: bold;
	border:none;
}
.button:hover {
	background: white;
	color:#2a3a78;
}
hr {
	border-style:inset;
	display:block;
}
.highlight {
 	/*background: #;*/
	border-top: 1px solid #14171A;
	height: 1px;
}
.shadow {
	-webkit-box-shadow: 5px 5px 5px #364169;
	-moz-box-shadow: 5px 5px 5px #364169;
}
.rounded {
	border:1px solid #2a3a78;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.right_arrow {
	width: 0;
	height: 0;
	line-height: 0;
	border-top: 10px solid #fff;
	border-right: 10px solid #fff;
	border-bottom: 10px solid #fff;
	border-left: 10px solid #2a3a78;
	position: absolute;
	top: 5px;
	right: -21px;
}    
.true_list {
	list-style-type:disc;
	padding-left:30px;
}
.check_list {
	list-style-image:url(../images/utility/icon-check.png);
}
.whisper {
	font-size:smaller;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.definition {
	color:#2a3a78;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;	
}
.rule {
	border-bottom:2px solid #2a3a78;
}
.sprite {
	background-image:url(../images/utility/sprite.png);
}
a.h_btn:link, a.h_btn:visited {
	color:#fff;
	font-weight:bold;
	height:25px;
	display:inline-block;
	text-decoration:none;
	padding:5px 10px 0px 10px;
	-webkit-box-shadow: 2px 2px 2px #364169;
	-moz-box-shadow: 2px 2px 2px #364169;
}
a.h_btn:hover, a.h_btn:active {
	background-position:0px -30px;
}
a.h_btn_sm:link, a.h_btn_sm:visited {
	color:#fff;
	font-weight:bold;
	height:19px;
	display:inline-block;
	text-decoration:none;
	padding:1px 5px 0px 5px;
	-webkit-box-shadow: 2px 2px 2px #364169;
	-moz-box-shadow: 2px 2px 2px #364169;
	background-position:-120px -60px;
}
a.h_btn_sm:hover, a.h_btn_sm:active {
	background-position:-120px -80px;
}
.tooltip_med {
	display:none;
	background:transparent url(../images/utility/tooltip_arrow.png);
	font-size:1em;
	height:87px;
	width:215px;
	padding:25px 25px 25px 25px;
	color:#fff;	
}
.tooltip_small {
	display:none;
	/*background:transparent url(../images/utility/tooltip_arrow.png);*/
	background-color:#2a3a78;
	font-size:1em;
	height:25px;
	width:150px;
	padding:5px;
	color:#fff;	
	position:absolute;
}
/*---------layout styles--------*/
#container {
	overflow: hidden;
}
div#header_outer {
	background-color:#2a3a78;
	height:100px;
	border-bottom:2px solid #030A40;
}
div#header_outer #header {
	background-image:url(../images/layout/header_grad.jpg);
	background-color:#2a3a78;
	background-position:center;
	background-repeat:no-repeat;
	height:100px;
}
div#top_info {
	background-color:#132772;
}
#top_info a:link, #footer a:visited {
	color:#fff;
	text-decoration:none;
}
#top_info a:hover, #footer a:active {
	text-decoration:underline;
}
div#top_right_info {
	text-align:right;
}
#logo {
	background-image:url(../images/layout/header_logo.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#logo a {
	height:100px;
	width:255px;
	display:block;
}
#content_outer {
	background-color:#f4f5f8;
	color: #000; /*---- color of all text in content areas --*/
	background-image:url(../images/layout/shadow_grad_top.jpg);
	background-repeat:repeat-x;
}
#about, #contact, #work, #services, #blog {
	padding:20px 0px;
}
#navigation ul {
	position:absolute;
	top:45px;
	right:0px;
	padding-top:10px;
	padding-bottom:10px;
}
#navigation ul li {
	display: inline;
	font-size:120%;
	font-weight:bold;
	margin:0px;
}

#top_info a:link, #top_info a:visited {
	color:#ffffff;
}
#top_info a:hover, #top_info a:active {
	text-decoration:none;
	color:#ffffff;
}
#navigation a:link, #navigation a:visited {
	color:#2a3a78;
	text-decoration:none;
	height:25px;
	padding:10px 20px;
	background-color:#FFF;
	margin:0px;
	border:1px solid #fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#navigation a:hover, #navigation a:active {
	color:#FFF;
	background-color:#4362d4;
}
#navigation a.current {
	color:#FFF;
	background-color:#2a3a78;
}
#content_outer p {
	padding:0px 0px 10px 0px;
}

/*---------sidebar styles--------*/
.cat-item {
	color:#2a3a78;
}
/*------------ home styles --------------*/
.home_bkgd {
	/*background-color:#CCC;*/
}
#home_top {
	padding:20px 0px;	
	/*background-image:url(../images/layout/bokeh_bgrd.jpg);
	background-repeat:repeat;*/
}
#home_middle {
	background-color: #2a3a78;
	background-image:url(../images/layout/middle_grad.jpg);
	background-position:center;
	background-repeat:repeat-y;
	height:30px;
	border-top:2px solid #030A40;
	border-bottom:2px solid #030A40;
}
#home_bottom {
	background-image:url(../images/layout/shadow_grad_top.jpg);
	background-repeat:repeat-x;
	padding-top:20px;
	padding-bottom:20px;
	
}
.mainHeading {
	margin-top:20px;
	margin-bottom:20px;
}
.mainHeading h1 {
	font-size:350%;
	font-family: 'Yanone Kaffeesatz', arial, serif;
}
.subHeading {
	text-align:right;
}
.subHeading h2{
margin-top:20px;
}
#mainText {
	font-size:200%;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	line-height:1em; 
}
.featured {
	margin-top:20px;
	text-align:right;	
}
/* root element for single scroll */
.scroll {
	position:relative;
	overflow:hidden;
	width: 540px;
	height: 387px;
	float:left;
	margin-bottom:10px;
}
	
	/* root element for the scroll pics */
.scroll .pics {
	height:20000em;
	position:absolute;
	clear:both;
}
	
	/* single scroll item */
.pics div {
	float:left;
	cursor:pointer;
	width:620px !important;
	height:387px;
	margin:0px;
}	
ul#braggin {
	color:#2a3a78;
	font-weight:bold
}
.scrollBtns {
	/*height:388px;*/
	padding-left:30px;	
}
.scrollBtns div {
	background-image:url(../images/utility/sprite.png);
	background-repeat:no-repeat;
	height:190px;
	width:30px;
	cursor:pointer;
	text-indent:-9999px;
	margin-bottom:10px;
}
.vertPrev {
	background-position:0px -60px;
}
.vertNext{
	background-position:-60px -131px;
}
.vertPrevOver{
	background-position:-30px -60px;
}
.vertNextOver{
	background-position:-90px -131px;
}
#skillset h4{
	margin:0px;
	padding:0px;
}
#recent_work div{
	margin-bottom:5px;
}
#recent_work .th{
	display:block;
	height:140px;
	width:140px;
	text-indent:-9999px;
	cursor:pointer;
	border:1px solid #2a3a78;
}
#recent_work .th_1 {
	background-image:url(../images/work/thumbs/not_your_average_joes.jpg);
}
#recent_work .th_2 {
	background-image:url(../images/work/thumbs/eat_cake_online.jpg);
}
#recent_work .th_3 {
	background-image:url(../images/work/thumbs/hank_agency.jpg);
}
#recent_work .th_4 {
	background-image:url(../images/work/thumbs/winter_classic.jpg);
}
/*------------ about styles --------------*/

#about img {
	margin:0px 10px 0px 0px;
}

/*------------ services styles --------------*/
#services p {
	padding:0px;
	margin:0px;
}
#services li {
	background-repeat:no-repeat;
	background-position:5px 7px;
	background-color:#fff;
	padding:5px 5px 5px 60px;
	margin-bottom:20px;
}

#services li.design {
	background-image:url(../images/icons/design.gif);}
.xhtml_css {
	background-image:url(../images/icons/xhtml_css.gif);
}
.development {
	background-image:url(../images/icons/development.gif);
}
.rich_media {
	background-image:url(../images/icons/rich_media.gif);
}
.illustration {
	background-image:url(../images/icons/illustration.gif);
}
/*------------ work styles --------------*/
#work .th_image {
	height:150px;
	border:1px solid #2a3a78;
	background-color:#2a3a78;
	overflow:hidden;
	position:relative;
}
#work .desc {
	margin:0px 0px 20px 0px;
	/*border:1px solid #2a3a78;*/
}
#work h1, #work h2 {
	margin-bottom:5px;
}
#work .container_12 {
	/*border-bottom:1px solid #2a3a78;*/
}
#work .desc h3, #work .desc ul {
	padding:5px;
}
#work .desc a:link, #work .desc a:visited {
	color:#fff;
}
#work li {
	/*display:inline;
	padding-right:5px;*/
}
#work .desc p {
	padding:5px;
}
.th_slide {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
}
.project {
	margin-bottom:10px;
	background-color:#fff;
}
.project h2 {
	padding:5px;
	color:#fff;
	background-image:url(../images/utility/sprite.png);
}
.project div {
	margin:10px;
}
.project_images img {
	border:1px solid #2a3a78;
}
/*#project_header {
	margin-bottom:10px;
	background-color:#2a3a78;
	padding:10px;
}*/
#project_header h1, #project_header p {
	display:inline;
}
#project_header p {
	position:relative;
	top:-5px;
}
.view_details {
	background:url(../images/icons/vir2oso.gif);
	background-repeat: no-repeat;
	background-position: center 10px;
	position:absolute;
	top:0px;
	height:150px;
	width:220px;
	color:#FFF;
	text-align:center;
}
.view_details p {
	margin-top:90px;
	font-size:1.4em;
	text-align:center;
	line-height:1em;
}
#detail {
	margin-bottom:10px;
	position:relative;
}

/*#detail_left, #detail_right {
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
}
#detail_right {
	padding:10px;
	margin-left:10px;
	margin-bottom:10px;
}
#detail_right ul {
	width:250px;
}
#nav_buttons {
	position:absolute;
	right:0px;
	top:-5px;
	height:40px;
	width:86px;
}
.prev {
	height:40px;
	width:40px;
	cursor:pointer;
	text-indent:-9999px;
}
.next {
	height:40px;
	width:40px;
	cursor:pointer;
	text-indent:-9999px;
}
.horzPrev {
	background-image:url(../images/utility/nav_arrows.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:6px;
}
.horzNext{
	background-image:url(../images/utility/nav_arrows.gif);
	background-position:-40px 0px;
	float:left;
}
.close_button {
	background-image:url(../images/utility/nav_arrows.gif);
	background-position:0px -80px;
	height:40px;
	width:40px;
	cursor:pointer;
	text-indent:-9999px;
	position:absolute;
	right:5px;
	bottom:5px;
}
#work_scroller {
	position:relative;
	overflow:hidden;
	display:block;
	width: 620px;
	height: 700px;
	float:left;
	margin-top:10px;;
}
#work_scroller .images {
	width:20000em;
	position:absolute;
	clear:both;
}*/

/*------------ blog styles --------------*/
.post {
	position:relative;
	margin-bottom:15px;
	border-bottom:1px solid #2a3a78;
}
.datebox {
	position:absolute;
	left:-70px;
	top:0px;
	width:45px;
	color:#fff;
	border:1px solid #445ca0;
	text-align:center;
}
.datebox div {
	margin:0px;
	padding:0px;
	font-weight:bold;
}
.day {
	font-size:1.5em;
	background-color:#2a3a78;
}
.month {
	font-size:1.2em;
	text-transform:uppercase;
	background-color:#fff;
	color:#2a3a78;
}
.year {
	font-size:1em;
	background-color:#2a3a78;
}
#commentlist {
	position:relative;
}
.commentlist li {
	border:2px solid #2a3a78;
	padding:5px;
	margin-bottom:15px;
	-webkit-box-shadow: 5px 5px 5px #364169;
	-moz-box-shadow: 5px 5px 5px #364169;
}
.comment_header {
	background-color:#2a3a78;
	color:#fff;
	padding:5px 0px 0px 5px;
}
.comment_header a {
	color:#fff;
}
.comment_avatar {
}
.comment_author {
	font-size:1.5em;
	font-weight:bold;
}
.post_info {
	padding:2px 5px;
	border:1px solid #2a3a78;
	margin-bottom:15px;
}
/*------------ Contact --------------*/
#contact_form_content h1 {
	/*background-position:-120px -100px;
	background-repeat:no-repeat;*/
}
#contact_form {
	background-color:#fff;
}
#contact fieldset {
	margin-bottom:5px;
	border:1px solid #2a3a78;
}
#contact_header {
	color:#fff;
	padding: 4px 0px 0px 5px;
	height:26px;
}
#contact .field {
	padding: 10px 0px 10px 5px;
	width:100%;
	border-bottom:1px solid #2a3a78;
	color:#2a3a78;
	line-height:1.2em;
	min-height:30px;
	position:relative;
}
.field input {
	/*font-size:1.5em;*/
	height:20px;
}
.small {
	width:10em;
}
.medium {
	width:15em;
}
.large {
	width:20em;
}
#contact_form label {
	font-size: 14px;
	margin-right: 10px;
	margin-top: 5px;
	text-align: right;
	width: 150px;
	float: left;
}
#contact_form textarea {
	height:10em;
	width:30em;
}
#contact_form div.error {
	display:inline-block;
	margin-left:160px;
	margin-top:5px;
	margin-right:10px;
	border:1px solid red;
	padding:2px 5px;
	font-weight:bold;
	color:#F00;
}
#contact #message_sent {
	border:1px solid #2a3a78;
	display:none;
	margin-bottom:20px;
}
#contact #message_sent h2 {
	color:#fff;
	height:25px;
	padding-top:5px;
	margin:0px;
}
#contact #message_sent .envelope  {
	background-repeat:no-repeat;
	background-image:url(../images/icons/mail.png);
	background-position:10px 0px;
	padding-left:65px;
	
}
#contact #message_sent p {
	padding:10px;
}
#project_details {
	border:none;
	padding:0px;
	display:none;
}
#project_details div.field {
	overflow:hidden;
}
#contact_form .checkbox {
	margin:0px;
	padding:0px;
	margin-top:6px;
}
.send {
	border:none;
	text-align:right;
}
#contact_confirm {
	border:1px solid #2a3a78;
	display:none;
}
/* slider root element */
.slider { 
	/*background:#fff url(../images/utility/h30.png) repeat-x 0 0; */
	background-color:#fff;
	height:9px; 
	position:relative; 
	cursor:pointer;
	border:1px solid #2a3a78;
	width:310px;
	float:left; 
	clear:right;
	margin-top:10px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	/*-moz-box-shadow:inset 0 0 8px #000;*/
}

/* progress bar (enabled with progress: true) */
.progress {
	height:9px; 
	background-color:#C5FF00; 
	display:none;
	opacity:0.6;
}

/* drag handle */
.handle { 
	background:#2a3a78 url(../images/utility/h30.png) repeat-x 0 0; 
	height:15px;
	width:15px;
	top:-5px;
	position:absolute; 
	display:block; 
	margin-top:1px;
	border:1px solid #2a3a78;
	cursor:move;
	/*-moz-box-shadow:0 0 6px #000;
	-webkit-box-shadow:0 0 6px #000;*/
	-moz-border-radius:2px;
	-webkit-border-radius:2px; 

}

/* the input field */
.range {
	border:none;
	float:left;
	font-size:20px;
	margin:0 0 0 15px;
	padding:3px 0;
	text-align:center;
	width:90px;
	color:#2a3a78;
}
#contact .error {
	border:1px dotted #FF0000;
}
#contact span.error {
	/* supply height to ensure consistent positioning for every browser */
	height:15px;
	background-color:#fff;
	border:1px solid #FF0000;
	font-size:11px;
	color:#FF0000;
	padding:3px 10px;
	margin-left:10px;

	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}
.error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#FFFE36 transparent transparent;

	/* positioning */
	position:absolute;
	bottom:-17px;
	left:60px;
}
/*------------ Connect --------------*/
#connect li {
	height:32px;
	width:32px;
	display:inline;
	float:left;
	text-indent:-9999px;
}
#connect a {
	height:32px;
	width:32px;
	display:block;
}
.twitter {
	background-image:url(../images/icons/twitter.png);
}
.facebook {
	background-image:url(../images/icons/facebook.png);
}
.linkedin {
	background-image:url(../images/icons/linkedin.png);
}
.deviantart {
	background-image:url(../images/icons/deviantart.png);
}
.rss {
	background-image:url(../images/icons/feed.png);
}
/*------------ Footer --------------*/
#footer_outer {
	background-image: url(../images/layout/footer_grad.jpg);
	background-position:center;
	background-repeat:no-repeat;
	border-top:2px solid #030A40;
	color:#fff;
}
#footer_outer #copyright {
	border:1px solid #364169;
	padding:5px 0px;
	text-align:center;
	color:#2a3a78;
	background-color:#fff;
	margin-top:10px;
}
#footer_outer h3 {
	border-bottom:1px solid #fff;
	margin-bottom:5px;
}
#footer_outer h4 {
	color:#fff;
	margin-bottom:5px;
}
#footer_outer p {
	margin:5px 0px;
}
#footer_outer a:link, #footer_outer a:visited {
	color:#fff;
	text-decoration:underline;
}
#footer_outer a:hover, #footer_outer a:active {
	color:#fff;
	text-decoration:none;
}
#footer_outer #copyright a:link, #footer_outer #copyright a:visited {
	color:#2a3a78;
	text-decoration:underline;
}
#footer_outer #copyright a:hover, #footer_outer #copyright a:active {
	color:#4362d4;
	text-decoration:none;
}
#footer {
	padding:20px 0px;
}
/*----------- Modules --------------*/
.module {
	border:1px solid #2a3a78;
	background-color:#fff;
	margin-bottom:10px;
	overflow:hidden;
	color:#000;
	position:relative;
}
.module div {
	padding:0px 10px;
}
.module ul {
	margin:10px 0px;
}
.module h3 {
	color:#fff;
	padding:7px 0px 0px 10px;
	height:23px;
	background-image:url(../images/utility/sprite.png);
}
.module span {
	font-weight:bold;
	color:#2a3a78;
}
#status p {
	background-image:url(../images/utility/icon-check.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	text-indent:42px;
	color:#2a3a78;
	font-weight:bold;
}
#status ul {
	background-image:url(../images/icons/green_light.png);
	background-repeat:no-repeat;
	height:30px;
}
#status li {
	padding-top:5px;
	padding-left:5px;
	list-style-type:none;
}
#testimonials .rec_content { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-style:italic;
	border-bottom:1px solid #2a3a78;
}
#software ul {
	background-image:url(../images/icons/software_icons.png);
	background-repeat:no-repeat;
	padding-left:38px;
	margin-left:10px;
	margin-top:0px;
}
#software li {
	line-height:2.4em;
	font-weight:bold;
	color:#2a3a78;
}
.item h5 {
	line-height:1.2em;
}
#skillset li {
	background-color:#2a3a78;
	margin-bottom:5px;
	padding:10px;
	color:#fff;
}
#skillset h4 {
	margin-bottom:4px;
	color:#fff;
	text-decoration:underline;
}
#toolset .container_12 {
	/*border-bottom:1px solid #2a3a78;
	margin-bottom:100px;*/
}
#toolset .grid_4 h4, #toolset .grid_4 p {
	margin:0px;
	padding:0px;
	padding-left:60px;
}
#toolset h2 {
	margin:0px;
}
#toolset h3 {
	text-decoration:underline;
	display::block;
}
#toolset .grid_4 {
	background-image:url(../images/icons/toolset_logos.png);
	background-repeat:no-repeat;
	height:50px;
	padding-bottom:10px;
	margin-bottom:20px;	
	border-bottom:1px solid #2a3a78;
}
#toolset #ninexixohgs {
	background-position:0px -70px;
}
#toolset #jquery_tools {
	background-position:0px -140px;
}
#toolset #ninja {
	background-position:0px -210px;
}
#toolset #browserlab {
	background-position:0px -350px;
}
#toolset #css_zen {
	background-position:0px -280px;
}