/*

db   db d88888b db    db d888888b db    db d88888b 
88   88 88'     `8b  d8'   `88'   88    88 88'     
88ooo88 88ooooo  `8bd8'     88    Y8    8P 88ooooo 
88~~~88 88~~~~~  .dPYb.     88    `8b  d8' 88~~~~~ 
88   88 88.     .8P  Y8.   .88.    `8bd8'  88.     
YP   YP Y88888P YP    YP Y888888P    YP    Y88888P 
                                        
*/

body								{background: url("../_img/blue-bg.png") top center repeat-x;

							 		 color: #001638; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight: 300;}
a, a:link, a:active, 
a:visited							{color: #11284a; text-decoration: underline;}
a:hover								{color: #e1b308;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


div#gradient						{background: url("../_img/gradient.png") top left repeat-x; padding: 20px 0;}
div#secondary-home					{margin-top: 60px;}

div#header-home h1,
div#header-secondary h1				{background: url("../_img/logo.png") top left no-repeat; 
							 		 text-indent: -99999px; margin: 30px 0 0 10px; height: 79px; width: 287px;}

#intro-text,
#header-home .prefix_2 				{ margin-top:20px; }
div#header-secondary 				{ zoom:1;padding-bottom:30px; }

									 
div#intro-text 						{ clear:left; }


div#intro-text h2					{background: url("../_img/software-header.png") top left no-repeat; 
							 		 width: 420px; height: 90px;text-indent: -99999px; margin: -12px 0 20px 0;}		
div#intro-text p					{margin-bottom: 15px; color: #f6f6f6; font-size: 18px;}					

ul#menu								{margin: 80px 0 0 10px; width: 423px}
ul#menu li							{display: inline; margin: 0 0 0 23px;  font-size: 18px;}
ul#menu a							{display:inline-block;color: #f9f9f9; text-decoration: none;padding-bottom:7px;}
ul#menu a:hover						{border-bottom: 2px solid #f9f9f9; padding-bottom: 5px;}
ul#menu li#current a				{border-bottom: 2px solid #e1b308; padding-bottom: 5px;}

									/* blue #62a0d2 */
ul#menu .blog a						{display:inline-block;color: #e1b308; text-decoration: none;padding-bottom:7px;}
ul#menu .blog a:hover				{ border-bottom: 2px solid #e1b308; padding-bottom: 5px; }
ul#menu li.blog#current a			{border-bottom: 2px solid #e1b308; padding-bottom: 5px;}

div#featured-clients				{margin: 0 0 0 0;}
div#featured-clients			    { zoom:1;padding-bottom:30px; width:490px; margin-top:-150px; }
div#featured-clients h3				{margin: 0 0 10px 10px; text-transform: uppercase;}
div#featured-clients img			{display: block; float: left;}

div#content-home h2					{margin-top:10px; margin-bottom:10px;}

div#content-home h2,
div#secondary-content h2,
div#secondary-sidebar h2			{margin-bottom: 20px; font-size: 23px;}

div#secondary-content h2 a			{text-decoration: none;}
div#secondary-content h2 a:hover	{text-decoration: underline;}

div#secondary-sidebar h2 a			{text-decoration: none;}
div#secondary-sidebar h2 a:hover	{text-decoration: underline;}

div#content-home h3,
div#sidebar-home h3,
div#secondary-content h3,
div#secondary-sidebar h3			{margin-bottom: 20px; font-size: 18px;}

div#content-home p,
div#secondary-content p,
div#secondary-sidebar p				{margin-bottom: 20px; font-size: 16px; line-height: 150%;}


div#sidebar-home ul,
div#secondary-sidebar ul,
div#secondary-content ul,
div#secondary-content ol			{margin-bottom: 20px; font-size: 16px; line-height: 150%;}


ul#what-we-do						{margin-top: 50px;}
ul#what-we-do li					{background: url("../_img/bullet.png") top left no-repeat; padding-left: 20px;
							 		 margin-bottom: 5px;}

div#footer							{margin: 40px 0 20px;}
							
ul#footer-menu						{font-size: 12px; font-weight: bold;}
ul#footer-menu li					{display: inline;}

p#footer-meta						{font-size: 14px; padding: 20px 0; color: #11284a;}

div#footer-logo						{color: #11284a; font-size: 14px; line-height: 125%;}
ul li#logo							{background: url("../_img/footer-logo.png") top left no-repeat; height: 40px; width: 160px;
 									 text-indent: -9999px; margin-bottom: 10px;}

ul#footer-menu						{font-size: 12px; text-transform: uppercase;}
ul#footer-menu li					{margin-right: 10px; padding-right: 10px; border-right: 1px solid #11284a;}
ul#footer-menu li:last-child		{border: none;}
ul#footer-menu a:hover				{color: #e1b308;}


/* ------------------------- services ------------------------- */
.links { padding: 0;}
.links ul { float:left; margin: 0; padding: 0; list-style: none; }
.links ul li { padding: 0 0 0 16px; line-height: 24px; }
.section { margin-bottom:50px; }
.section p { margin-top:10px; }

/* adds bullets to lists */
.links ul li { background:url("../_img/bullet.png") left center no-repeat; padding: 0 0 0 24px; margin:0; line-height: 24px;}
.links ul.second { padding: 0 0 0 12px; }
a.product img { float:right; border: solid 4px #EBEBEB; margin-left:10px; }

/* ------------------------- products ------------------------- */
.item { border-bottom: 3px solid #EDEBE5; margin-bottom:20px; }
.itemfirst { border-bottom: 3px solid #EDEBE5; margin-bottom:20px;  }
.item a { padding: 5px 0 0 15px; }
.item img { float: right; margin: 8px 0 0 35px; border: 3px solid #001638; }
.itemfirst a { padding: 0 0 0 15px; }
.itemfirst img { float: right; margin: 8px 0 0 35px; border: 3px solid #001638; }

/* ------------------------- general ------------------------- */
.blockquote { margin: 0 0 0 30px; }
td img { border: 3px solid #EBEBEB; }

/* ------------------------- contact page ------------------------- */
.form ul { float: left; margin:0; padding: 0; list-style: none; overflow: hidden; width: 375px; }
.form ul li { padding-bottom: 6px; height: auto; width: 286px; float: left; margin: 6px 0 0 0; }
.form ul li.label { float: left; width: 85px; padding: 0; }
.form ul li.star {  width: 286px; background: url('../_img/bullet-star.gif') no-repeat right; }
textarea { width: 261px; height: 70px; border-top:1px solid #EBEBEB; border-left:1px solid #EBEBEB; border-right:none; border-bottom: none; padding: 6px 0 0 4px; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.form input { width: 261px; height: 20px; padding: 6px 0 0 4px; border-top:1px solid #ECE8E0; border-left:1px solid #ECE8E0; border-right:none; border-bottom: none; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #575145; }
.form .submit { width: 100%; text-align: right; }
.form .submit input { width: 64px; height: 27px; padding: 0; border: none; margin: 0 23px 0 0; }

/* ------------------------- Client Page ------------------------- */
div#client-page {
	margin: 60px 0;
	font-size: 16px; line-height: 150%;
}
div#client-page h2			{margin-bottom: 10px}
div#client-page h3			{margin-bottom: 0;}
div#client-page h2			{font-size: 23px;}
div#client-page h3			{font-size: 16px;}
div#client-page h4			{font-size: 14px; color: #999; font-weight: 400;}
div#client-page p			{margin-bottom: 20px;}

div#clients-featured {
	margin-bottom: 60px;
}
div#clients-featured ul li {
	margin: 10px;
	float: left;
	width: 220px;
	position:relative;
}

div#clients-450 ul li {
	margin: 0 10px 5px;
	float: left;
	width: 450px;
}
div#clients-675 ul li {
	margin: 10px;
	float: left;
 	padding-left:225px;
}
div#clients-featured h3 {
    font-size: 1.3em;
    font-weight: 600;
    margin-bottom: 3px;
}
div#clients-featured h4 {
	font-size: .8em;
    font-weight: 400;
    color: #888;
    line-height: 120%;
    margin-bottom: 10px;
    height: 2em;
}
div#clients-featured p {
    font-size: 16px;
    line-height: 130%;
    margin: 0;
}

ul.clients li {
	margin: 10px 7px 10px 0;
	display: block;
	float: left;
	padding: 0;
}
ul.clients img {
	border: 3px solid #ebebeb;
}
div#past-projects {
	margin-top: 40px;
}
div#past-projects ul li {
	margin-bottom: 20px;
	padding-bottom: 5px;
}

/* -------------------------  STORE  ------------------------- */

div#store-page {
	margin: 60px 0;
	font-size: 16px; line-height: 150%;
}

div#store-page a:hover {
	text-decoration:none;
}


div#store-page h2			{margin-bottom: 10px; font-size: 23px;}
div#store-page h3			{margin-bottom: 0;font-size: 16px;}
div#store-page h4			{font-size: 14px; color: #999; font-weight: 400;}
div#store-page p			{margin-bottom: 20px;}

div#store-layout {
	margin-bottom: 60px;
}
div#store-layout ul li {
	margin: 10px;
	float: left;
	width: 220px;
	position:relative;
}

.overlay {
position:absolute;
left:-5px;
top:165px;
z-index:1;
}

div#store-layout .overlay h3 {
font-size:16px;
font-weight:400;
line-height:25px;
}

.flag {
background:url(/_img/flag.png) no-repeat left top;
bottom:48px;
font-size:16px;
font-weight:400;
left:0;
line-height:25px;
width:210px;
}

.flagwide {
background:url(/_img/flag_wide.png) no-repeat left top;
bottom:48px;
left:0;
width:252px;
}

.overlayfeature {
position:absolute;
left:55px;
top:350px;
z-index:1;
}

.flagfeature {
background:url(/_img/flag_feature.png) no-repeat left top;
bottom:48px;
left:0;
width:325px;

}

.name {
color:#fff;
float:left;
margin-left:16px;
}

.price {
color:#ccc;
float:right;
margin-right:16px;
}

a.button {
background:transparent url('/_img/bg_button_a.gif') no-repeat scroll top right;
color:#444;
display:block;
float:left;
font:normal 14px arial, sans-serif;
height:24px;
margin-right:6px;
padding-right:18px;
text-decoration:none;
}

a.button span {
background:transparent url('/_img/bg_button_span.gif') no-repeat;
display:block;
line-height:14px;
padding:5px 0 5px 18px;
}

a.button:active {
background-position:bottom right;
color:#000;
outline:none;
}

a.button:active span {
background-position:bottom left;
padding:6px 0 4px 18px;
}

.special {
width:5px;
visibility:hidden;
}

.filter {

filter: alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;

}

/*-------------- Size Buttons from Threadless --------------*/
.size_buttons li,.size_buttons a {
float:left;
min-width:37px;
text-decoration:none;
}

.size_buttons li {
margin:0 5px 5px 0;
}

.size_buttons li a,.size_buttons .limited a,.size_buttons .disabled {
border:1px solid #122144;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.size_buttons li:last-child {
margin-right:0;
}

.size_buttons a {
color:#122144;
text-align:center;
padding:9px 0 7px;
}

.size_buttons a:hover,.size_buttons .picked {
background:#122144;
color:#FFF;
text-decoration:none;
border-color:#122144;
}

.size_buttons .limited a,.size_buttons .disabled {
text-align:center;
padding:3px 0 4px;
}

.size_buttons .disabled {
border:1px solid #d1d1d1;
color:#999;
background-image:url("/_img/gray_slash.png");
}

.size_buttons span {
display:block;
font-size:12px;
line-height:12px;
}

/*-------------- Store Form --------------*/

.error {
color:#000;
line-height:13px;
font-weight:700;
border:1px #D44 solid;
background-color:#FEE;
background:url(/_img/bg_red.gif);
margin:0 0 10px;
padding:10px;
}

.success {
color:#000;
line-height:13px;
font-weight:400;
border:1px #79B500 solid;
background-color:#0F0;
background:url(/_img/bg_green.gif);
margin:0 0 10px;
padding:10px;
}

.remove {
color:#000;
line-height:13px;
font-weight:400;
border:1px #EEE solid;
background-color:#EEE;
background:url(/_img/bg_gray.gif);
margin:0 0 10px;
padding:10px;
}

.checkoutform {
background:url(/_img/bg_gray.gif);
line-height:130%;
margin-top:0;
text-align:left;
padding:4px;
}

.form_admin {
background:url(/_img/bg_yellow.gif);
line-height:130%;
margin-top:0;
text-align:left;
padding:25px;
}

.clear {
overflow:hidden;
width:100%;
}

.label {
width:270px;
}


/* shirt */
div#shirt-intro, div#shirt-success {
	margin-top: 40px;
}
div#shirt-intro h2#years {
	margin-bottom: 10px;
	background: url(../_img/15years.png) top left no-repeat;
	height: 62px;
	text-indent: -9999px;
}
div#shirt-intro p, div#shirt-success {
	font-size: 15px;
	line-height: 140%;
}
div#shirt-success h2 {
	font-size: 48px;
	margin-bottom: 10px;
}
div#shirt-intro h2 {
	font-size: 48px;
	margin-bottom: 10px;
}
div#shirt-intro p.redtext {
	color:red;
}
div#shirt-intro a {
	text-decoration: underline;
}
div#shirt-intro a:hover {
	text-decoration: none;
}
div#shirts img {
	padding-top:20px;
	float: right;
}
div#shirt-form {
}
h2#get-shirt {
	background: url(/_img/free-shirt.png) top left no-repeat;
	margin-bottom: 10px;
	text-indent: -9999px;
	height: 73px;
	margin-top: 60px;
}
div#shirt-form .arrow {
	background: url(/_img/arrow.png) top center no-repeat;
	height: 82px;
	width: 57px;
	text-indent: -9999px;
}
div#shirt-form  {
	font-size: 24px;
	line-height: 46px;
}
div#shirt-form  input[type="text"] {
	padding: 3px;
	font-size: 24px;
	background: #f6f6f6;
	border: solid #ccc;
	border-width: 0 0 1px 0;
	color: #ccc;
}
div#shirt-form  input[type="text"]:focus {
	color: #222;
}
div#shirt-form  textarea {
	padding: 3px;
	width: 670px;
	height: 120px;
	overflow:auto;
	font-size: 24px;
	background: #f6f6f6;
	border: solid #ccc;
	border-width: 0 0 1px 0;
	color: #ccc;
}
div#shirt-form  textarea:focus {
	color: #222;
}


div#shirt-form  input[type="submit"] {
	background: url(/_img/submit.png) top center no-repeat;
	border: none;
	height: 50px;
	width: 181px;
	text-indent: -9999px;
	cursor: pointer;
}
div#shirt-form  select {
	background: #f6f6f6;
	border: 1px solid #ccc;
	padding: 3px;
	font-size: 20px;
}
div#shirt-form  select:focus {
	border: 2px solid #222;

}
div#shirt-form  input[type="checkbox"] {
	font-size: 24px;
}

.s {
text-decoration:line-through;
}

.y {
color:#e1b308;
}