/*-----------------------------------------------------------------------------
Global StyleSheet (D'agastino's Pizza & Pub)

version:	1.0
author:		Rebecca Kemnitz
email:		rebecca@bytestudios.com
date:		2010/02/01
-----------------------------------------------------------------------------*/

/* =Reset CSS
-----------------------------------------------------------------------------*/
/* Reset CSS */
/* remember to highlight inserts somehow! */
/* tables still need 'cellspacing="0"' in the markup */
/* remember to define focus styles! */
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,  {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent; font-weight: normal; }body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0; border-spacing: 0; }

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* { margin: 0; padding: 0; }

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font-size: inherit; }

/* Class for clearing floats */
.clear { clear: both; }

/* Remove border around linked images */
img { border: 0; margin: 0; }

ul, ol { margin: 0; padding: 0; }


/* =Typography
-----------------------------------------------------------------------------*/
@font-face {
	font-family: 'HelveticaNeueRegular';
	src: url('/assets/fonts/HELVETIN.eot');
	src: local('Helvetica Neue Regular'), local('HelveticaNeue'), url('/assets/fonts/HELVETIN.otf') format('opentype'), url('/assets/fonts/HELVETIN.svg#HelveticaNeue') format('svg');
}

body {
	font: 9pt/normal 'HelveticaNeueRegular', Arial, sans-serif;
	color: #313131;
	text-align: center; 
	background: white;
	border-top: 21px solid #e9e9ea;
	padding-top: 30px;
}
h2 { 
	padding: 3px 9px; 
	text-transform: uppercase;
	font-size: 10pt;
	color: white;
	height: 55px;
	position: relative;
	margin-bottom: 18px;
}
body.home h2 { margin-bottom: 0; }

h2 span { position: absolute; bottom: 4px; width: 740px; }

body.xd h2 { background-color: #00B2D9; }

body.green h2 { background-color: #72B84C; }

body.insight h2 { background-color: #ED1C24; }

body.concept h2 { background-color: #4A4A4A; }

h3 {  text-transform: uppercase; font-size: 10pt; }

body.xd h3 { color: #00b2d9; }

body.green h3 { color: #72b84c; }

body.insight h3 { color: #ed1c24; }

body.concept h3 { color: #4a4a4a; }

.blog_entry h3 { height: 42px; }

.tri_column h3 { text-transform: none; padding-bottom: 15px; font-size: 9pt; }

h6 { text-align: right; font-style: italic; }

.blog_entry h6, #highlighted_blog_entry h6, .blog_listing h6 { font-size: 8pt; }

span.date_posted { font-size: 7pt; font-style: italic; width: 100%; display: inline-block;}

a.more { 
	display: block; 
	text-align: right; 
	color: #2972b9 !important; 
	font-style: italic;
	font-size: 7pt;
}
/* Links
-----------------------------------------------------------------------------*/
a { outline:none; text-decoration:none; }

a:hover { outline: none; }

a:active { outline: none; }

body.xd a { color: #00b2d9; }

body.green a { color: #72b84c; }

body.insight a { color: #ed1c24; }

body.concept a { /* color: #969696; */ color: #8c8c8c; }

/* =Forms
-----------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opea 7 */
fieldset { border: 1px solid transparent; }

input.text, textarea, select { }

.errorText { }

.errorText ul { }

/* Classes
-----------------------------------------------------------------------------*/

/* Branding
-----------------------------------------------------------------------------*/

/* Header
-----------------------------------------------------------------------------*/
#header {
	float: right;
	width: 760px;
	height: 91px;
	background: url(/assets/img/header-we_are.gif) no-repeat 27px 1px;
}
ul#top_nav { 
	position: absolute; 
	right: -10px; 
	top: -45px; 
	text-transform: uppercase;
	font-size: 6pt;
}
ul#top_nav li { display: inline-block; padding: 0 10px; }

ul#top_nav li a { color: #aaa; text-decoration: none; }

ul#top_nav li.active a { color: #313131 }

/* Navigation Column
-----------------------------------------------------------------------------*/
#nav_col {
	float: left;
	width: 130px;
}
#nav_col a {
	color: white;
	text-decoration: none;
}
#nav_col h1 {
	background: #929292 url(/assets/img/logo.gif) no-repeat center 14px;
	margin-bottom: 29px;
}
#nav_col h1 a img { 
	width: 130px; 
	height: 59px; 
}
#nav_col ul {
	background-color: #929292;
	text-transform: uppercase;
	font-size: 10pt;
	line-height: 1.2em;
	padding: 9px 0;
}
#nav_col ul li {
	background: url(/assets/img/underline.gif) no-repeat center bottom;
	padding:16px 0;
}
#nav_col ul li:last-child {
	background: none;
}
#nav_col ul li.xd.active a { color: #00b2d9; }

#nav_col ul li.green.active a { color: #72b84c; }

#nav_col ul li.insight.active a { color: #ed1c24; }

#nav_col ul li.concept.active a { color: #313131; }
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	background: #e9e9ea;
	width: 100%;
	height: 13px;
	position: fixed;
	bottom: 0;
	font-size: 7pt;
	padding-top: 2px;
}
a.rss { 
	display: inline-block; 
	background: url(/assets/img/icon_rss.gif) no-repeat left center;
	padding: 0 0 0 18px;
	margin-right: 40px;
	text-decoration: none;
	color: #58595b !important;
}
.twitter {
	display: inline-block;
	background: url(/assets/img/icon_twitter.gif) no-repeat left center;
	padding: 0 0 0 17px;
	color: #58595b !important;
	text-decoration: none;
}
.twitter a { color: #58595b !important; }

.twitter span { color: #99999b !important; }

/* Main Layout
-----------------------------------------------------------------------------*/
#container {
	margin: 0 auto;
	width: 900px;
	position: relative;
	padding-bottom: 50px;
}
#main_content_wrap {
	float: right;
	width: 760px;
	width: 758px;
	text-align: left;
	position: relative;
}
.inner_wrap { padding: 9px; }

.tri_column {
	float: left;
	width: 246px;
	margin-right: 10px;
}
.tri_column h2 {
	padding: 9px;
	height: 44px;
	color: white;
	font-size: 10pt;
	position: relative;
	text-transform: uppercase;
}
.tri_column h2 span {
	position: absolute;
	bottom: 4px;
	width: 228px;
}
.tri_column.xd h2 { background-color: #00b2d9; }

.tri_column.green h2 { background-color: #72b84c; }

.tri_column.insight h2 { background-color: #ed1c24; }

.tri_column.concept h2 { background-color: #4A4A4A; }

.tri_column_inner_wrap { padding: 9px; }

.tri_column.xd a { color: #00b2d9; }

.tri_column.green a { color: #72b84c; }

.tri_column.insight a { color: #ed1c24; }

.tri_column.concept a { /* color: #969696; */ color: #8c8c8c; }

.two_column {
	float: left;
	width: 374px;
	margin-right: 10px;
}
.two_column h2 {
	padding: 9px;
	height: 44px;
	color: white;
	font-family: 'HelveticaNeueRegular', sans-serif;
	font-size: 10pt;
	position: relative;
	text-transform: none;
	background-color: #4a4a4a;
}
.two_column h2 span {
	position: absolute;
	bottom: 4px;
	width: 356px;
}
.two_column_inner_wrap { padding: 9px; }

/* Network Services Page
-----------------------------------------------------------------------------*/

ul.services { }

.xd ul.services { color: #00b2d9; }

.green ul.services { color: #72b84c; }

.insight ul.services { color: #ed1c24; }

/* Blog Stylings
-----------------------------------------------------------------------------*/
ul#breadcrumbs { 
	color: white; 
	padding: 7px 9px 4px 9px;
	font-size: 7pt;
	font-style: oblique;
}
body.xd ul#breadcrumbs { background-color: #00aeef; }

body.green ul#breadcrumbs { background-color: #72bf44; }

body.insight ul#breadcrumbs { background-color: #ed1c24; }

body.concept ul#breadcrumbs { background-color: #4A4A4A; }

ul#breadcrumbs li { display: inline; }

ul#breadcrumbs li a { color: white; }

#highlighted_blog_entry {
	padding: 9px;
	margin-bottom: 3px;
}
body.xd #highlighted_blog_entry { background-color: #dcf4fd; }

body.green #highlighted_blog_entry { background-color: #e5f1d4; }

body.insight #highlighted_blog_entry { background-color: #fdddce; }

body.concept #highlighted_blog_entry { background-color: #e1e1e1; }

.blog_entry {
	float: left;
	padding: 9px;
	width: 228px;
	margin-right: 10px;
}
.blog_listing {
	border-top: 1px solid #969696;
	padding: 10px 0;
}
#pagination {
	font-size: 8pt;
	color: #aeaeae;
}
h5 {
 text-transform: uppercase;
 color: white;
 background-color: #929292;
 padding: 7px 9px;
}
body.xd h5 { background-color: #00B2D9; }

body.green h5 { background-color: #72B84C; }

body.insight h5 { background-color: #ED1C24; }

body.concept h5 { background-color: #4A4A4A; }

.comment_wrap { border-bottom: 5px solid #929292; padding: 10px 9px 12px 9px; }

body.xd .comment_wrap { border-bottom: 5px solid #00B2D9; }

body.green .comment_wrap { border-bottom: 5px solid #72B84C; }

body.insight .comment_wrap { border-bottom: 5px solid #ED1C24; }

body.concept .comment_wrap { border-bottom: 5px solid #4A4A4A; }

.comment_wrap div { padding-top: 12px; }

form#comment_form {
	width: 300px;
	margin-top: 15px;
	padding: 0 5px;
}
form#comment_form input {
	padding: 2px;
	width: 175px;
	margin-bottom: 10px;
}
form#comment_form textarea {
	height: 100px;
	width: 300px;
	padding: 2px;
}
form#comment_form input.submit { width: 75px; margin-top: 10px; }

.errorText { padding: 15px 9px 0 9px; }

.errorText ul {
	list-style: circle outside none;
	list-style: disc;
	padding: 5px 0 0 12px;
	color: red;
}