/****************************************
				DIGI NUT CSS 
				(C) 2010
*****************************************/

/***** Remove padding and other settings for browser variants *****/
body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, a, div, img {margin: 0; padding: 0; border: 0;}
img {display: block}


/***** Body styles *****/
body {background: #fff; color: #000; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 100%;}

a {color: #ff4a49;}
a:hover {color: #333;}

a.call_to_action_1, a.call_to_action_1:visited {color: #000; font-size: 1.2em; font-weight: bold; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; text-decoration: none; letter-spacing: -0.04em; background: url(/assets/image/icons/link_arrow_1.gif) center left no-repeat; padding: 0 0 0 14px; line-height: 100%;}
a.call_to_action_1:hover {color: #333;}
#work a.call_to_action_1 {background-image: url(/assets/image/icons/link_arrow_2.gif);}
#clients a.call_to_action_1 {background-image: url(/assets/image/icons/link_arrow_3.gif);}
#contact a.call_to_action_1 {background-image: url(/assets/image/icons/link_arrow_4.gif);}
#blog a.call_to_action_1 {background-image: url(/assets/image/icons/link_arrow_5.gif);}
#news a.call_to_action_1 {background-image: url(/assets/image/icons/link_arrow_5.gif);}

ul {font-size: 0.8em;}
p {font-size: 0.8em; line-height: 130%; padding: 7px 10px 3px 10px; font-family: Cambria, Georgia, Times, "Times New Roman", serif;}

#logo {position: absolute; top: 0; left: 0; padding: 34px 0 0 2px;}
#logo h1 {background: url(/assets/image/logo.gif) top left no-repeat; width: 215px; height: 0; padding: 39px 0 0 0; overflow: hidden;}
#work #logo h1 {background-position: 0 -39px;}
#clients #logo h1 {background-position: 0 -78px;}
#contact #logo h1 {background-position: 0 -117px;}
#blog #logo h1 {background-position: 0 -156px;}
#news #logo h1 {background-position: 0 -156px;}

h2 {color: #000; font-size: 1.1em; font-weight: bold; line-height: 100%; padding: 7px 10px 5px 5px; letter-spacing: -0.02em;}
h3 {color: #000; font-size: 1.0em; font-weight: bold; line-height: 100%; padding: 10px 10px 0 8px; letter-spacing: -0.04em;}
h3 a {color: #000; text-decoration: none;}


/***** Navigation *****/
#navigation {border-top: 7px solid #ff4a49; padding: 27px 0 0 0; overflow: hidden; margin: 0 0 35px 0;}
#navigation li {float: left; list-style-type: none;}
#navigation li a {background: url(/assets/image/navigation_n.gif) top left no-repeat; height: 0; overflow: hidden; display: block; padding: 48px 0 0 0;}
#navigation a.nav_1 {width: 197px;}
#navigation a.nav_2 {background-position: -197px 0; width: 113px;}
#navigation a.nav_3 {background-position: -310px 0; width: 141px;}
#navigation a.nav_4 {background-position: -451px 0; width: 166px;}
#navigation a.nav_5 {background-position: -617px 0; width: 93px;}
#navigation a.nav_6 {background-position: -617px 0; width: 120px;}

#navigation a.nav_1:hover, #navigation a.nav_1_selected {background-position: 0 -48px;}
#navigation a.nav_2:hover, #navigation a.nav_2_selected {background-position: -197px -48px;}
#navigation a.nav_3:hover, #navigation a.nav_3_selected {background-position: -310px -48px;}
#navigation a.nav_4:hover, #navigation a.nav_4_selected {background-position: -451px -48px;}
#navigation a.nav_5:hover, #navigation a.nav_5_selected {background-position: -617px -48px;}
#navigation a.nav_6:hover, #navigation a.nav_6_selected {background-position: -617px -48px;}

#work #navigation {border-top: 7px solid #6ba2b7;}
#clients #navigation {border-top: 7px solid #d89c48;}
#contact #navigation {border-top: 7px solid #c0c0c0;}
#blog #navigation {border-top: 7px solid #24303c;}
#news #navigation {border-top: 7px solid #24303c;}


/***** Container *****/
#container {width: 805px; margin: 0 0 0 221px;}


/***** Content DIVs *****/
#content ul.standard_bullet_list {font-size: 0.8em; font-family: Cambria, Georgia, Times, "Times New Roman", serif; padding: 10px 10px 3px 10px;}
#content ul.standard_bullet_list li {padding: 0 0 5px 0; margin: 0 0 0 30px}

.title_div {background: #fff; float: left; margin: 0 0 1px 0;}

.outer_div {background: url(/assets/image/outer_div_bg.gif); padding: 18px; margin: 0 0 30px 0; overflow: hidden;}

.inner_div {clear: both; background: #fff; overflow: hidden;}
.text {padding: 0 0 6px 0;}
.column_block_link {margin-right: 4px;}

.columns_container {clear: left; overflow: hidden; margin: 0 0 1px 0;}
.blocks_container {clear: left; overflow: hidden;}

.column_1_a {width: 229px; margin-right: 1px; float: left;}
.column_1_a p {padding: 10px 0 3px 11px;}
.column_2_a {width: 539px; clear: none; float: left; min-height: 125px; height: auto !important; height: 125px;}

.column_block {width: 382px; margin: 0 1px 1px 0; float: left; background: #fff;}
.column_block h3 {padding-left: 6px;}


/***** Text, buttons, images, etc *****/
.date {color: #ccc;}

.underscore {display: block; width: 11px; height: 14px; background: url(/assets/image/underscore_small.gif) bottom left no-repeat; float: left; margin: 0 2px 0 3px;}
h3 .underscore {height: 13px;}
#work .underscore {background: url(/assets/image/underscore_small.gif) -11px bottom no-repeat;}
#clients .underscore {background: url(/assets/image/underscore_small.gif) -22px bottom no-repeat;}
#contact .underscore {background: url(/assets/image/underscore_small.gif) -33px bottom no-repeat;}
#blog .underscore {background: url(/assets/image/underscore_small.gif) -44px bottom no-repeat;}
#news .underscore {background: url(/assets/image/underscore_small.gif) -44px bottom no-repeat;}

.pagination {line-height: 100%; font-size: 0.9em; padding: 0 0 0 5px; float: right;}
.pagination a, .pagination strong, .pagination a:visited {background: #fff; margin: 0 0 0 1px; color: #000; font-weight: bold; text-decoration: none; display: block; float: left; padding: 8px 8px 7px 8px;}
.pagination strong {background: #6ba2b7; color: #fff;}
.pagination a:hover {background: #e5e5e5; color: #333;}
body#news .pagination strong {background: #24303c; color: #fff;}

h2.headline {clear: left; font-size: 2.0em; font-weight: bold; padding: 0 35px 30px 0; line-height: 120%;}

#tag_navigation ul {padding: 0 0 30px 0; overflow: hidden; line-height: 180%;}
#tag_navigation li {float: left; list-style-type: none; padding: 0 7px 5px 0;}
#blog #tag_navigation a {background: #24303c; font-size: 1.0em; font-weight: bold; color: #fff; text-decoration: none; padding: 5px 10px 4px 10px;}
#blog #tag_navigation a.current {background: #ff4a49; color: #fff;}
#blog #tag_navigation a:hover {background: #333;}

.address {background: #f1f1f1; padding: 7px 10px 14px 10px; margin: 0 0 0 12px;}

div.client_quote {float: right; width: 330px; background: url(/assets/image/icons/blog_quote_left.gif) 0 15px no-repeat; padding: 0 0 15px 23px; margin: 0 0 0 15px;}
div.client_quote_full_width {float: none; width: auto; margin-top: 10px;}
div.client_quote p {font-size: 1.4em; margin: 0 0 0 15px; background: url(/assets/image/icons/blog_quote_right.gif) right bottom no-repeat; padding-bottom: 10px;}
div.client_quote p.attribute {color: #adadad; font-size: 0.8em; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; background: none; padding-top: 0;}

.love_robot_says p {font-family: "Courier New", Courier;}

ul.call_to_action_list {padding: 7px 0 0 10px;}
ul.call_to_action_list li {float: left; list-style-type: none; padding-right: 15px;}


/***** Footer *****/
#footer {clear: left; font-size: 0.8em; font-weight: bold; text-align: left; border-bottom: 7px solid #ff4a49; padding: 50px 0 0 0; overflow: hidden; letter-spacing: -0.04em;}
#footer ul {color: #747474;}
#footer li {list-style-type: none; padding: 0 0 4px 0; float: left; width: 25%;}
#footer a {color: #747474; font-weight: normal; text-decoration: none; font-weight: bold;}
#footer a:hover {color: #333;}

#work #footer {border-bottom: 7px solid #6ba2b7;}
#clients #footer {border-bottom: 7px solid #d89c48;}
#contact #footer {border-bottom: 7px solid #c0c0c0;}
#blog #footer {border-bottom: 7px solid #24303c;}
#news #footer {border-bottom: 7px solid #24303c;}


/***** Forms *****/
.textfield {border: 2px solid #e5e5e5; padding: 4px; width: 360px; font-size: 0.9em;}
.textarea {border: 2px solid #e5e5e5; padding: 5px 4px; width: 360px; font-size: 1.0em; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;}
form .textfield:focus, form .textarea:focus {border-color: #d89c48;}
.errors p, .notice p {background: #ffffcc; margin: 7px 10px 3px 10px; padding: 1px 3px 2px 3px; display: inline;}
.notice {padding: 12px 0 5px 0; display: none;}
.notice p {font-weight: bold; padding: 3px 6px 5px 6px;}


/***** Misc *****/
.float_left {float: left;}
.float_right {float: right;}
.text_right {text-align: right;}
.text_center {text-align: center;}
.text_large {font-size: 1.1em;}
.lowercase {text-transform: lowercase;}
.clear {clear: both; height: 0; font-size: 0;}
.clear_left {clear: left;}
.hide {display: none;}
.text_underline {text-decoration: underline;}