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

/* Tags */

html {
	height: 100%;
}
p {
	margin-bottom: 1em;
	margin-top: 0px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #b3b3b3;
	background-color: #243444;
	margin: 0px;
	height: 100%;
	text-align: center;
	background-image: url(/images/site_bg.gif);
	background-repeat: repeat-x;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 4px;
	font-weight: normal;
}
h2 a:link {
	color: #67bd4a;
	text-decoration: none;
}
h2 a:visited {
	color: #67bd4a;
	text-decoration: none;
}
h2 a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #67bd4a;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
h3 a:link {
	color: #67bd4a;
	padding-bottom: 2px;
	text-decoration: none;
}
h3 a:visited {
	color: #67bd4a;
	padding-bottom: 2px;
	text-decoration: none;
}
h3 a:hover {
	color: #67bd4a;
	background-color: #2f3e4e;
	border: 1px solid #505d69;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	text-decoration: none;
	float: none;
	position: relative;
	left: -6px;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #67bd4a;
	margin-top: 15px;
	margin-bottom: 0px;
	font-weight: normal;
	text-transform: uppercase;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 8px;
	font-weight: normal;
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #67bd4a;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: normal;
}
h6 a:link {
	color: #b3b3b3;
	text-decoration: none;
	margin-bottom: 5px;
}
h6 a:visited {
	color: #b3b3b3;
	margin-bottom: 5px;
	text-decoration: none;
}
h6 a:hover {
	color: #FFFFFF;
	margin-bottom: 5px;
	text-decoration: none;
}

/* Header */

#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#header {
	height: 100px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#top_menu {
	text-align: right;
	position: absolute;
	height: 17px;
	width: 430px;
	top: 70px;
	right: 0px;
}

/* Content */

#content {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
	position: relative;
}
#banner {
	width: 900px;
	padding-top: 35px;
	padding-bottom: 30px;
	min-height: 35px;
}

/* Content Home */

#working_on {
	float: left;
	height: 155px;
	width: 390px;
	background-color: #2f3e4e;
	background-image: url(../images/whatwereworkingon.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-top: 45px;
	padding-right: 220px;
	padding-bottom: 10px;
	padding-left: 10px;
	position: relative;
}
#home_blog_left_column {
	float: left;
	width: 605px;
	position: relative;
	background-image: url(../images/latestblogpost.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-top: 50px;
	padding-right: 15px;
}
#home_blog_right_column {
	float: right;
	width: 230px;
	padding-left: 20px;
	position: relative;
	background-image: url(../images/recentblogposts.gif);
	background-repeat: no-repeat;
	background-position: 20px 10px;
	padding-top: 50px;
}

/* Columns */

#left_column {
	float: left;
	width: 620px;
	position: relative;
	overflow: visible;
}
#home_left_column {
	float: left;
	width: 605px;
	position: relative;
	overflow: visible;
	padding-right: 15px;
}

#left_column_15px {
	float: left;
	width: 605px;
	position: relative;
	overflow: visible;
	padding-left: 15px;
}
#left_column_dark {
	float: left;
	width: 600px;
	position: relative;
	background-color: #1f2d3b;
	border: 1px solid #384755;
	padding: 10px;
}
#right_column {
	float: right;
	width: 260px;
	padding-left: 20px;
	position: relative;
}
#right_column_dark {
	background-color: #1f2d3b;
	float: right;
	width: 230px;
	position: relative;
	border: 1px solid #384755;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;

}
#right_column_dark_nopadding {
	background-color: #1f2d3b;
	float: right;
	width: 260px;
	position: relative;
	border: 1px solid #384755;
	text-decoration: none;
}

/* Column Corners & Shadows */

.bottom_shadow {
	position: absolute;
	left: 0px;
	bottom: -16px;
}

.top_left {
	position:absolute;
	left:-1px;
	top:-1px;
	z-index:1;
	}
	
.top_right {
	position:absolute;
	right:-1px;
	top:-1px;
	z-index:1;
	}
	
.bottom_left {
	position:absolute;
	left:-1px;
	bottom:-1px;
	z-index:1;
	}
	
.bottom_right {
	position:absolute;
	right:-1px;
	bottom:-1px;
	z-index:1;
	}
	
	
/* Sidebar Divs & Spans */	
	
.sidebar_content {
	background-image: url(/images/search_shadow.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-right: 15px;
	padding-left: 15px;
}
.sidebar_content_tools {
	background-image: url(/images/search_shadow.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 5px;
	display: block;

}	
.sidebar_content_tools:hover {
	background-image: url(/images/search_shadow_hover.gif);
	background-color: #223140;
}		

.sidebar_content_nobg {
	background-image: url(/images/1px.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 5px;
	display: block;
}	
.sidebar_content_nobg:hover {
	background-image: url(/images/1px.gif);
	background-color: #223140;
}
.sidebar_bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #b3b3b3;
}
.sidebar_bodytext a:link {
	color: #b3b3b3;
	text-decoration: none;
}
.sidebar_bodytext a:visited {
	color: #b3b3b3;
	text-decoration: none;
}



/* Blog Home */

#blog_home {
	background-color: #1f2d3b;
	width: 870px;
	clear: both;
	margin-top: 30px;
	position: relative;
	border: 1px solid #384755;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-image: url(/images/home_blog_bg.gif);
	background-repeat: no-repeat;
	background-position: 635px 50%;
	bottom: -31px;
}
.bloghome-recent-posts ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 92%;
	line-height: 110%;
}
.bloghome-recent-posts ul li {
	background: url(/images/mini-footer-post.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}


/* Footer */

#footer {
	width: 900px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #384755;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #b3b3b3;
	position: relative;
	text-align: left;
}
#footer a:link {
	margin-right: 15px;
	color: #b3b3b3;
	text-decoration: none;
}
#footer a:visited {
	margin-right: 15px;
	color: #b3b3b3;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.footer_right {
	margin-top: 0px;
	position: absolute;
	right: 0px;
}

/* Site-Wide Classes */

.nc_logo {
	position: absolute;
	left: 0px;
	top: 55px;
}
.chat {
	position: absolute;
	top: 0px;
	right: 0px;
}
.menu_margin {
	margin-left: 25px;
}
.working_image {
	position: absolute;
	left: 410px;
	top: 10px;
}
.space_below {
	margin-bottom: 10px;
}
.smalldate {
	font-size: 9px;
	margin-top: 0px;
}
.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #b3b3b3;
}
.bodytext a:link {
	color: #b3b3b3;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #505d69;
}
.bodytext a:visited {
	color: #b3b3b3;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #505d69;
}
.bodytext a:hover {
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #505d69;
}
input {
	color: #b3b3b3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #243444;
	border: 1px solid #505d69;
	padding: 4px;
}
textarea {
	color: #b3b3b3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #243444;
	border: 1px solid #505d69;
	padding: 4px;
}
.button {
	color: #67bd4a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.notopmargin {
	margin-top: 0px;
}

.leftmargin {
	margin-left: 8px;
	border: 5px solid #b3b3b3;
}
.bighometext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: b3b3b3;
	text-align: justify;
	text-transform: none;
}
.bigwhitetext {
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
}
.smallwhitetext {
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
}
.headerboxtext {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #384755;
	border-right-color: #384755;
	border-bottom-color: #384755;
	border-left-color: #384755;
}
.choose-pay a:link, .choose-pay a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #67bd4a;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	float: right;
	background-color: #1f2d3b;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	line-height: 10px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #384755;
	border-right-color: #384755;
	border-bottom-color: #384755;
	border-left-color: #384755;
}
.choose-pay a:hover {
	background-color: #223140;

}
.payment-header {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #505d69;
}
.payment-header img {
	margin-top: 3px;
	margin-bottom: -3px;
}


/* Our Work */

.work_right_nobg {
	background-image: url(/images/1px.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 12px;
	
}	
.work_right_bg {
	background-image: url(/images/search_shadow.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;


}
ul.list-blogroll li{
	background: url(/images/mini-blogroll.gif) no-repeat !important;
	padding-left: 16px !important;
}


.work_right .sidebartitle {
	color: #67bd4a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 100%;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
}

#work_sections a, #work_sections a:visited{
	font-size: 11px;
	color: #b3b3b3;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 20px;
}
#work_sections a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.work_right ul {
	margin: 0;
	padding: 0;
}
.work_right ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#work_content {
	width: 898px;
	position: relative;
	background-color: #1f2d3b;
	border: 1px solid #384755;
	height: 450px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
}
#work_sections {
	width: 878px;
	position: relative;
	background-color: #1f2d3b;
	border: 1px solid #384755;
	padding: 10px;
	margin-bottom: 10px;
}
.center-text {
	text-align: center;
}

#work_sections.web .menu-web {color:#67bd4a !important;}
#work_sections.print .menu-print {color:#67bd4a !important;}
#work_sections.video .menu-video {color:#67bd4a !important;}


/* Upload Tool */

  .debug {
	font:16px Arial;
	background-color:#FFFFFF;
	border:1px solid #898989;
	width:700px;
	height:100px;
	overflow:auto;
}
.alert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.data {
	background-color:#2f3e4e;
	border:1px solid #505d69;
	width:350px;
}
.data tr td {
	background-color:#2f3e4e;
	width:35%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.bar1 {
	background-color:#1f2d3b;
	position:relative;
	text-align:left;
	height:20px;
	width:400px;
	border:1px solid #505d69;
}
.bar2 {
	background-color:#67bd4a;
	position:relative;
	text-align:left;
	height:20px;
	width:0%;
}