/*----------------------------------------------------------------------------------------------------
CSS Created by a mixture of Eric The Robot and 960.gs. 
----------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------
Reset
----------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, 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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, * {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	font: normal 13px Verdana, Arial, 'Bitstream Vera Sans', Helvetica, sans-serif;
	line-height: 1;
	line-height: 130%;
	background: #f3f3f3;
	text-shadow: #f7f7f7 0 1px 0;
}
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p {
	margin: 0em 0em 1em 0em;
	font:12px Arial, Helvetica, sans-serif;
	line-height:20px;
}
.are { color:#971a78; }
.not {
	color:#ddd;
	text-decoration:line-through;
}
/*----------------------------------------------------------------------------------------------------
/* Notifications
----------------------------------------------------------------------------------------------------*/
#site_message {
	background:#971a78;
	padding:7px;
	color:#fff;
	font-weight:bold;
	text-shadow: none;
}
/*----------------------------------------------------------------------------------------------------
/* Horizontal Rule
----------------------------------------------------------------------------------------------------*/

hr {
	border: none 0;
	border-top: 1px dashed #ddd;
	margin:7px 0px 5px 0px;
	height: 1px;
}
/*----------------------------------------------------------------------------------------------------
/* Forms
----------------------------------------------------------------------------------------------------*/
fieldset { /*border: 1px solid #d7d7d7;*/ padding: .5em; }
legend {
	color: #999;
	padding: 0 .25em;
	font-weight: bold;
	float:left;
}
.buttons input {
	background:#FFF;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor:pointer;
}
.buttons {
	margin: .5em .5em .5em 0;
	background:#971a78;
	padding:7px;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor:pointer;
	color:#fff;
	float:right;
	width:auto;
}
.buttons:hover {
	margin: .5em .5em .5em 0;
	background:#b3238f;
	padding:7px;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor:pointer;
	color:#fff;
	float:right;
}
label {
	float:left;
	font-weight:bold;
	margin:5px 0 5px 0;
	display:inline;
}
label.error {
	float: left;
	color: #971a78;
	border-right:1px solid #971a78;
	border-left:1px solid #971a78;
	border-bottom:1px solid #971a78;
	padding:7px;
	display:inline;
	margin: -3px 0 0 0;
	width:98%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
input, textarea, select {
	border:1px solid #ddd;
	padding:7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float:left;
	width:98%;
	display:inline;
}
input[type=text]:focus, input.textwidget:focus, textarea:focus {
	border: 1px solid #971a78;
	background-color:#fdf2fa;
}
/*----------------------------------------------------------------------------------------------------
/* Logo
----------------------------------------------------------------------------------------------------*/
#logo a {
	background: url(/assets/images/stop-brain-web-development.png) no-repeat top left;
	display: block;
	height: 70px;
	width: 300px;
	text-indent:-9999px;
	outline:none;
	text-decoration:none!important;
}

/*----------------------------------------------------------------------------------------------------
/* Back To Top 
----------------------------------------------------------------------------------------------------*/
#toTop {
	width:100px;
        border:1px solid #ccc;
        background:#f7f7f7;
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
        color:#333;
        font-family:verdana;
        font-size:11px;
}

/*----------------------------------------------------------------------------------------------------
/* Horizontal Navigation
----------------------------------------------------------------------------------------------------*/

/*#navlist {
	margin: 0;
	padding: 0 0 30px 0;
}
#navlist ul, #navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#navlist a:link, #navlist a:visited {
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 0px 0px;
	text-decoration:none!important;
	color: #999;
}
.last a:link, .last a:visited {
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin: 0 0px 0px 0px!important;
	text-decoration:none!important;
	color: #999;
}
#navlist a:link, #navlist a:visited, #navlist a:hover {
	text-decoration:none!important;
	background:#FFF;
	text-align:left;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#navlist a:hover { background:#951a77;
	color:#fff; }*/
	
/*----------------------------------------------------------------------------------------------------
/* Social Icons
----------------------------------------------------------------------------------------------------*/
#social {
}

#social ul {
	padding: 0;
	list-style: none;
	overflow: hidden;
	margin: 0 0 7px 0;
}
#social ul li {
	width: 32px;
	height: 32px;
	float: left;
	overflow: hidden;
	display: block!important;
	margin-bottom: 5px;
}
#social ul li.middle {
	margin-left: 16px;
	margin-right: 16px;
}
#social ul li a:hover, #social ul li a span:hover {
	background-position: 0 -32px;
}
#social_twitter, #social_twitter span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_twitter.gif) no-repeat;
}
#social_rss, #social_rss span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_rss.gif) no-repeat;
}
#social_flickr, #social_flickr span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_flickr.gif) no-repeat;
}
#social_youtube, #social_youtube span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_youtube.gif) no-repeat;
}
#social_digg, #social_digg span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_digg.gif) no-repeat;
}
#social_vimeo, #social_vimeo span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_vimeo.gif) no-repeat;
}
#social_linkedin, #social_linkedin span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_linkedin.gif) no-repeat;
}
#social_delicious, #social_delicious span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_delicious.gif) no-repeat;
}
#social_facebook, #social_facebook span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_facebook.gif) no-repeat;
}

	
/*----------------------------------------------------------------------------------------------------
Headlines
----------------------------------------------------------------------------------------------------*/
h2 {
	font-size: 26px;
	text-transform: uppercase;
	letter-spacing: -2px;
	font-weight: normal;
}
h3 { font-size:150%; }
h4 {
	font-size:125%;
	margin:10px 0px 15px 0px;
}
h5 { font-size:100%; }
/*----------------------------------------------------------------------------------------------------
Page Titles
----------------------------------------------------------------------------------------------------*/
#page_title h2 {
	margin:20px 0 7px 0;
	padding:0px;
	color:#999;
}
#page_title p {
	margin-bottom:20px;
	color:#808080;
	font-size:85%;
}
.employee_title {
	font-size:12px;
	color:#ddd;
	font-weight:normal;
}
.employee_name {
	font-size:16px;
	display: inline;
	margin-left:7px;
	float: left;
}
.avatar {
	margin:2px;
	padding:2px;
	border:1px solid #ddd;
	float:left;
	display:block;
}
/*----------------------------------------------------------------------------------------------------
Unordered Lists / No Bullets
----------------------------------------------------------------------------------------------------*/
.bullets ul, ol {
	margin:0;
	padding:0;
}
.bullets li {
	margin-left:40px;
	font-size:12px;
}
.no_bullets ul, ol {
	margin:0;
	padding:0;
}
.no_bullets li {
	margin-left:0px;
	font-size:12px;
	list-style:none;
}
/*----------------------------------------------------------------------------------------------------
Text Align > left / right
----------------------------------------------------------------------------------------------------*/

.align_right { text-align:right; }
.align_left { text-align:left; }
/*----------------------------------------------------------------------------------------------------
Content
----------------------------------------------------------------------------------------------------*/
#content {
	overflow:hidden;
	margin:20px 0 20px 0;
}
/* Footer Navigation
----------------------------------------------------------------------------------------------------*/

#social { }
#social ul {
	padding: 0;
	list-style: none;
	overflow: hidden;
	margin: 0 0 7px 0;
}
#social ul li {
	width: 32px;
	height: 32px;
	float: left;
	overflow: hidden;
	display: block;
	margin-bottom: 5px;
}
#social ul li.middle {
	margin-left: 16px;
	margin-right: 16px;
}
#social ul li a:hover, #social ul li a span:hover { background-position: 0 -32px; }
#footer_twitter, #footer_twitter span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_twitter.gif) no-repeat;
}
#footer_rss, #footer_rss span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_rss.gif) no-repeat;
}
#footer_flickr, #footer_flickr span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_flickr.gif) no-repeat;
}
#footer_youtube, #footer_youtube span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_youtube.gif) no-repeat;
}
#footer_digg, #footer_digg span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_digg.gif) no-repeat;
}
#footer_vimeo, #footer_vimeo span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_vimeo.gif) no-repeat;
}
#footer_linkedin, #footer_linkedin span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_linkedin.gif) no-repeat;
}
#footer_delicious, #footer_delicious span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_delicious.gif) no-repeat;
}
#footer_facebook, #footer_facebook span {
	width: 32px;
	height: 32px;
	background: url(/assets/images/icon_footer_facebook.gif) no-repeat;
}
/* Footer Navigation
----------------------------------------------------------------------------------------------------*/
#footer {
	margin:0;
	padding:0;
	border-top: 7px solid #ddd;
	font-size:11px;
}
/* Rounded Columns
----------------------------------------------------------------------------------------------------*/
.round_white {
	background:#FFF;
	text-align:left;
	padding:0.89em;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.round_white li {
	margin-left:20px;
	font:12px Arial, Helvetica, sans-serif;
	line-height:20px;
}
.bottom_push { margin-bottom:15px; }
/* Blog Related
----------------------------------------------------------------------------------------------------*/

.blog_author_td {
	width:auto;
	font-size:11px;
	color:#aaa;
	font-size:11px;
}
.posted_by {
	font-size:11px;
	width:auto;
	font-size:11px;
	color:#bbb;
	font-size:11px;
	font-weight:normal;
}
.posted_time { font-size:11px; }
.posted_dated { font-size:11px; }
/* Links
----------------------------------------------------------------------------------------------------*/

:link, :visited {
	text-decoration: none;
	color: #971a78;
	outline:none;
	margin:0px;
}
:link:hover, :visited:hover {
	/*background-color: #f7f7f7;*/
	color: #971a78;
	outline:none;
	margin:0px;
}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha { margin-left: 0; }
.omega { margin-right: 0; }
/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 { width:50px; }
.container_16 .grid_2 { width:110px; }
.container_16 .grid_3 { width:170px; }
.container_16 .grid_4 { width:230px; }
.container_16 .grid_5 { width:290px; }
.container_16 .grid_6 { width:350px; }
.container_16 .grid_7 { width:410px; }
.container_16 .grid_8 { width:470px; }
.container_16 .grid_9 { width:530px; }
.container_16 .grid_10 { width:590px; }
.container_16 .grid_11 { width:650px; }
.container_16 .grid_12 { width:710px; }
.container_16 .grid_13 { width:770px; }
.container_16 .grid_14 { width:830px; }
.container_16 .grid_15 { width:890px; }
.container_16 .grid_16 { width:950px; }
/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 { padding-left:60px; }
.container_16 .prefix_2 { padding-left:120px; }
.container_16 .prefix_3 { padding-left:180px; }
.container_16 .prefix_4 { padding-left:240px; }
.container_16 .prefix_5 { padding-left:300px; }
.container_16 .prefix_6 { padding-left:360px; }
.container_16 .prefix_7 { padding-left:420px; }
.container_16 .prefix_8 { padding-left:480px; }
.container_16 .prefix_9 { padding-left:540px; }
.container_16 .prefix_10 { padding-left:600px; }
.container_16 .prefix_11 { padding-left:660px; }
.container_16 .prefix_12 { padding-left:720px; }
.container_16 .prefix_13 { padding-left:780px; }
.container_16 .prefix_14 { padding-left:840px; }
.container_16 .prefix_15 { padding-left:900px; }
/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 { padding-right:60px; }
.container_16 .suffix_2 { padding-right:120px; }
.container_16 .suffix_3 { padding-right:180px; }
.container_16 .suffix_4 { padding-right:240px; }
.container_16 .suffix_5 { padding-right:300px; }
.container_16 .suffix_6 { padding-right:360px; }
.container_16 .suffix_7 { padding-right:420px; }
.container_16 .suffix_8 { padding-right:480px; }
.container_16 .suffix_9 { padding-right:540px; }
.container_16 .suffix_10 { padding-right:600px; }
.container_16 .suffix_11 { padding-right:660px; }
.container_16 .suffix_12 { padding-right:720px; }
.container_16 .suffix_13 { padding-right:780px; }
.container_16 .suffix_14 { padding-right:840px; }
.container_16 .suffix_15 { padding-right:900px; }
/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 { left:60px; }
.container_16 .push_2 { left:120px; }
.container_16 .push_3 { left:180px; }
.container_16 .push_4 { left:240px; }
.container_16 .push_5 { left:300px; }
.container_16 .push_6 { left:360px; }
.container_16 .push_7 { left:420px; }
.container_16 .push_8 { left:480px; }
.container_16 .push_9 { left:540px; }
.container_16 .push_10 { left:600px; }
.container_16 .push_11 { left:660px; }
.container_16 .push_12 { left:720px; }
.container_16 .push_13 { left:780px; }
.container_16 .push_14 { left:840px; }
.container_16 .push_15 { left:900px; }
/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 { left:-60px; }
.container_16 .pull_2 { left:-120px; }
.container_16 .pull_3 { left:-180px; }
.container_16 .pull_4 { left:-240px; }
.container_16 .pull_5 { left:-300px; }
.container_16 .pull_6 { left:-360px; }
.container_16 .pull_7 { left:-420px; }
.container_16 .pull_8 { left:-480px; }
.container_16 .pull_9 { left:-540px; }
.container_16 .pull_10 { left:-600px; }
.container_16 .pull_11 { left:-660px; }
.container_16 .pull_12 { left:-720px; }
.container_16 .pull_13 { left:-780px; }
.container_16 .pull_14 { left:-840px; }
.container_16 .pull_15 { left:-900px; }
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.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; }
