@charset "UTF-8";

/* Main ////////////////////////////////////////////////////////// */

/* Sets all Defaults to 0 */

* {
	padding: 0px;
	margin: 0px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	border: 0px;
}

html {
	height: 100%;
}

body  {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	width: 100%;
	line-height: 20px;
	color: #1F1D13;
	background: url(../images/background.jpg) repeat-x top;
}

#container {
	width: 960px;
	min-height: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0px auto -222px auto;
	position: relative;
}

.clearboth {
	clear: both;
	height: 0px;
}

/* Typography ////////////////////////////////////////////////////////// */

a { 
	text-decoration: none; 
	color: #679297; 
}

a:hover { 
	text-decoration: underline; 
	color: #2d2d2d; 
}

p a { 
	text-decoration: underline; 
	color: #ce7f40; 
}

p a:hover { 
	text-decoration: underline; 
	color: #679297; 
}

p {
	padding-bottom: 15px;
}

.code {
	font-family: Courier, mono;
	color: #5c837d;
	background-color: #ededed;
	padding: 10px;
	margin: 15px 0px;
}

.quote {
	color: #5c837d;
	padding: 27px 20px 20px 60px;
	margin: 15px 0px;
	font-size: 16px;
	font-style: italic;
	background: url(../images/quote.jpg) top no-repeat #ededed;
	font-family: Georgia, serif;
}

.signature {
	padding-left: 25px;
	font-style: italic;
	padding-bottom: 5px;
}

.areasofservice {
	font-size: 9px;
	line-height: 13px;
}


.brown_arrow li {
	background: transparent url(../images/mini_arrow_brown.gif) no-repeat scroll 0 6px;
	padding: 1px 0px 0px 20px;
}

/* Images ////////////////////////////////////////////////////////// */

img {
	border: 0;
}

.alignright {
   padding: 0px;
   margin: 0px 0px 10px 10px;
   display: inline;
   float: right;
}

.alignleft {
   padding: 0px;
   margin: 0px 10px 10px 0px;
   display: inline;
   float: left;
}

.img_bordered_l {
	border: thin solid #679297;
	padding: 5px;
	margin-right: 15px;
	float: left;
}

.img_bordered_r {
	border: thin solid #679297;
	padding: 5px;
	margin-left: 15px;
	float: right;
}

.bootypadding {
	margin-bottom: 20px;
}

/* Searchy ////////////////////////////////////////////////////////// */

#search {
	float: right;
	width: 228px;
	height: 30px;
	padding-left: 140px;
	text-align: right;
}

#search_it {
	margin: 5px 0px;
}

input#search_it {
	border: 1px solid #B5D0D2;
	background-color: #709FA2;
	color: #ffffff;
	font-size: 11px;
	height: 12px;
	padding: 3px 5px;
	width: 155px;
	float: left;
}

.sub_btn {
	 width: 55px;
	 height: 27px;
}

/* Forms ////////////////////////////////////////////////////////// */

#noresults {
	border: 1px solid #B5D0D2;
	background-color: #709FA2;
	color: #ffffff;
	font-size: 13px;
	height: 20px;
	padding: 3px 5px;
	width: 625px;
}

input {
	color: #ffffff;
	position: relative;
	margin-top: 2px;
}

.comment_form {
	background-color: #587E81;
	width: 595px;
	padding: 20px;
	margin-bottom: 20px;
	color: #ffffff;
	position: relative;
}

.form {
	border: 1px solid #B5D0D2;
	background-color: #709FA2;
	color: #ffffff;
	font-size: 13px;
	height: 20px;
	padding: 3px 5px;
	width: 585px;
}

.comment {
	border: 1px solid #B5D0D2;
	background-color: #709FA2;
	color: #ffffff;
	font-size: 13px;
	height: 20px;
	padding: 3px 5px;
	width: 585px;
	height: 150px;
	font-family: Helvetica, sans-serif;
}

.submitbutton {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

checkbox {
	margin-top: 10px;
}

/* Pane List ////////////////////////////////////////////////////////// */

.pane-list a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	background: transparent url(../images/mini_arrow_aqua.gif) no-repeat scroll 0 2px;
	padding-left: 20px;
}

.pane-list a:hover {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	background: transparent url(../images/mini_arrow_brown.gif) no-repeat scroll 0 2px;
	padding-left: 20px;
}

.pane-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pane-list ul {
	border-bottom: 3em solid white;
}

.pane-list li {
	border-top: solid 1px;
	border-top-color: #ededed;
	background: #fff;
	padding: 10px 20px 10px 10px;
	border-bottom: solid 4px;
	border-bottom-color: #699496;
}

.pane-list li:hover {
	background: #E9EFEF;
	border-top: dotted 1px;
	border-top-color: #2d2d2d;
}

.nostyle a {
	text-decoration: none;
	color: black;
}

.nostyle a:hover {
	text-decoration: none;
	color: black;
}

ul h2 {
	margin-top: 20px;
}

/* Header ////////////////////////////////////////////////////////// */

#logo {
	width: 275px;
	height: 110px;
	position: relative;
	float: right;
	padding-bottom: 25px;
}

#logo h1 {
	background: transparent url(../images/logo.gif) no-repeat;
	width: 275px;
	height: 110px;
	margin: 0px;
	padding: 0px;
}

#logo a {
	width: 275px;
	height: 110px;
	display: block;
	text-indent: -999999px;
}

/* Navigation //////////////////////////////////////////////////////////////// */

#nav {
	width: 550px;
	height: 140px;
	float: left;
	display: inline;
	padding-bottom: 25px;
	position: relative;
}

#nav a { 
	text-decoration: none; 
	color: white;
}

#nav a:hover { 
	text-decoration: underline; 
	color: white; 
}

#nav ul li strong {
	float: left;
	width: 98px;
	height: 30px;
	overflow: hidden;
	text-indent: -99999px;
	margin: 0px;
	padding: 0px;
}

#nav ul li strong a {
	width: 110px;
	height: 30px;
	display: block;
}

#nav ul li ul li {
	color: white;
}

#nav .nav_about { 
	background: url(../images/nav_about.jpg) no-repeat; 
	width: 98px;
	height: 136px;
	font-size: 13px;
	padding: 4px 4px 0px 8px;
	float: left;
}

#nav .nav_services { 
	background: url(../images/nav_services.jpg) no-repeat; 
	width: 98px;
	height: 136px;
	font-size: 13px;
	padding: 4px 4px 0px 8px;
	float: left;
}

#nav .nav_work { 
	background: url(../images/nav_work.jpg) no-repeat; 
	width: 98px;
	height: 136px;
	font-size: 13px;
	padding: 4px 4px 0px 8px;
	float: left;
}

#nav .nav_blog { 
	background: url(../images/nav_blog.jpg) no-repeat; 
	width: 98px;
	height: 136px;
	font-size: 13px;
	padding: 4px 4px 0px 8px;
	float: left;
}

#nav .nav_contact { 
	background: url(../images/nav_contact.jpg) no-repeat; 
	width: 98px;
	height: 136px;
	font-size: 13px;
	padding: 4px 4px 0px 8px;
	float: left;
}

/* Home ////////////////////////////////////////////////////////// */

#hCall {
	position: relative;
	height: 395px;
	padding-bottom: 5px;
}

#hFeatured {
	display: inline;
	float: left;
	width: 534px;
	height: 395px;
	position: relative;
}

#stuck h4 {
	float: left;
	width: 426px;
	height: 206px;
	background: transparent url(../images/stuck.jpg) no-repeat;
	text-indent: -99999px;
	position: relative;
}

#stuck h4 a {
	width: 426px;
	height: 206px;
	display: block;
	position: relative;
}

#hTest {
	float: left;
	width: 426px;
	height: 189px;
	position: relative;
}

.hLatest_blog_entries h5 {
	float: left;
	width: 140px;
	height: 26px;
	background: transparent url(../images/latest_blog.jpg) no-repeat;
	text-indent: -99999px;
	padding-bottom: 12px;
}

.hLatest_blog_breakup h5 {
	float: left;
	width: 680px;
	height: 26px;
	background: transparent url(../images/home_blog_split.jpg) no-repeat;
	text-indent: -99999px;
	padding-bottom: 12px;
}

.hSee_all_entries h5 {
	float: left;
	width: 140px;
	height: 26px;
	background: transparent url(../images/see_all_blog.jpg) no-repeat;
	text-indent: -99999px;
	padding-bottom: 12px;
}

.hSee_all_entries h5 a {
	width: 140px;
	height: 26px;
	display: block;
}

#hLatest_posts {
	position: relative;
	width: 975px;
}

.hPost {
	width: 310px;
	padding-right: 15px;
	display: inline;
	float: left;
}

.hPost_end {
	width: 310px;
	float: left;
}

.hPoster {
	width: 310px;
	height: 160px;
	position: relative;
	background: url(../images/sidebar_split.gif) repeat-x bottom;
	padding-bottom: 10px;
}

.hPost_image {
	position: relative;
	overflow: hidden;
	width: 310px;
	height: 160px;
	z-index: 1;
}

.hPost_info {
	background: transparent url(../images/see_through.png);
	position: absolute;
	top: 120px;
	width: 310px;
	height: 26px;
	z-index: 100;
}

.hPost_info_left {
	display: inline;
	float: left;
	color: white;
	position: relative;
	padding: 3px 0px 0px 8px;
}

.hPost_info_right {
	float: right;
	color: white;
	position: relative;
	padding: 3px 8px 0px 0px;
}

.hPost_info_right a {
	color: white;
	text-decoration: none;
}

.hPost_info_right a:hover {
	color: white;
	text-decoration: underline;
}

.hPost_content {
	padding-top: 5px;
}

.continue_reading_home a {
	width: 170px;
	height: 23px;
	background: transparent url(../images/continue_reading.jpg) no-repeat;
	text-indent: -99999px;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
}

.continue_reading a {
	width: 170px;
	height: 23px;
	background: transparent url(../images/continue_reading.jpg) no-repeat;
	text-indent: -99999px;
	display: block;
	margin-top: 10px;
}

.banner_tutorials {
	position: absolute;
	top: 0px;
	right: 10px;
	text-indent: -99999px;
	width: 67px;
	height: 43px;
	background: transparent url(../images/banner_tutorials.png) no-repeat;
	z-index: 10;
}

.banner_apple {
	position: absolute;
	top: 0px;
	right: 10px;
	text-indent: -99999px;
	width: 67px;
	height: 43px;
	background: transparent url(../images/banner_apple.png) no-repeat;
	z-index: 10;
}

.banner_personal {
	position: absolute;
	top: 0px;
	right: 10px;
	text-indent: -99999px;
	width: 67px;
	height: 43px;
	background: transparent url(../images/banner_personal.png) no-repeat;
	z-index: 10;
}

/* body ////////////////////////////////////////////////////////// */

#left {
	display: inline;
	float: left;
	width: 635px;
	padding-right: 15px;
	margin-bottom: 30px;
}

#right {
	float: right;
	width: 290px;
	margin-bottom: 30px;
}

/* Sidebar ////////////////////////////////////////////////////////// */

#sidebar {
	width: 270px;
	background: url(../images/sidebar.jpg) top no-repeat;
	padding: 20px 10px;
}

#sidebar a { 
	text-decoration: none; 
	color: black;
}

#sidebar a:hover { 
	text-decoration: underline; 
	color: black; 
}

.aqua_arrow li {
	background: transparent url(../images/mini_arrow_aqua.gif) no-repeat scroll 0 6px;
	padding: 1px 0px 0px 20px;
}

.side_split {
	background: transparent url(../images/sidebar_split.gif) repeat-x;
	height: 3px;
	text-indent: -99999px;
	margin: 15px 0px;
}

.subscribe {
	background: transparent url(../images/subscribe.gif) no-repeat;
	width: 270px;
	height: 42px;
}

.subscribe a {
	display: block;
	width: 270px;
	height: 42px;
	text-indent: -99999px;
}

/* Slide ////////////////////////////////////////////////////////// */

#slippery {
	width: 635px;
	height: 250px;
	position: relative;
}

#slide {
	width: 635px;
	height: 250px;
	position: relative;
	margin-bottom: 20px;
}

#slide_left {
	width: 37px;
	height: 50px;
	position: absolute;
	top: 100px;
	left: -18px;
	z-index: 10;
}

#slide_right {
	width: 37px;
	height: 50px;
	position: absolute;
	top: 100px;
	right: -18px;
	z-index: 10;
}

#slide_middle {
	width: 635px;
	height: 250px;
	background-position: top;
	position: relative;
	float: left;
	margin: 0px;
	z-index: 1;
}

.stepcarousel{
	position: relative;
	overflow: scroll;
	width: 635px;
	height: 250px;
}

.stepcarousel .belt{
	position: absolute;
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left;
	overflow: hidden;
	margin: 0px;
	width: 635px;
	height: 250px;
	position: relative;
}

#hideme {
	width: 0px;
	height: 0px;
	overflow: hidden;
	text-indent: -99999px;
}

/* Lightbox Gallery //////////////////////////////////////////////////////////////// */

#gallery {
	width: 635px;
}

#gallery ul {
	list-style: none;
}

#gallery ul li {
	display: inline;
}

#gallery ul img {
	border: 1px solid #3e3e3e;
	background-color: white;
	border-width: 1px;
	padding: 3px;
	margin: 1px 2px;
}

#gallery ul a:hover img {
	border: 1px solid #679297;
	background-color: white;
	border-width: 1px;
	padding: 3px;
	color: #fff;
}

#gallery ul a:hover { color: #fff; }

/* Blog //////////////////////////////////////////////////////////////// */

.post {
	width: 635px;
	padding-right: 15px;
	display: inline;
	float: left;
}

.post_end {
	width: 635px;
	float: left;
}

.poster {
	width: 635px;
	height: 160px;
	position: relative;
	background: url(../images/sidebar_split.gif) repeat-x bottom;
	padding-bottom: 10px;
}

.post_image {
	position: relative;
	overflow: hidden;
	width: 635px;
	height: 160px;
}

.post_info {
	background: transparent url(../images/see_through.png);
	position: absolute;
	top: 120px;
	width: 635px;
	height: 26px;
}

.post_info_left {
	display: inline;
	float: left;
	color: white;
	position: relative;
	padding: 3px 0px 0px 8px;
}

.post_info_right {
	float: right;
	color: white;
	position: relative;
	padding: 3px 8px 0px 0px;
}

.post_info_right a {
	color: white;
	text-decoration: none;
}

.post_info_right a:hover {
	color: white;
	text-decoration: underline;
}

.post_content {
	padding-top: 5px;
}

.blog_split {
	background: transparent url(../images/blog_split.jpg) no-repeat center;
	width: 635px;
	height: 26px;
	text-indent: -99999px;
	padding: 15px 0px;
}

.pages{
	width: 365px;
}

.paginate {
	float: left;
	display: inline;
}

.paginate_r {
	float: right;
	text-align: right;
}

.posted {
	background: url(../images/bottom.jpg) bottom no-repeat;
	padding: 10px 10px 15px 10px;
	margin-bottom: 30px;
	text-align: right;
}

/* Comment ////////////////////////////////////////////////////////// */

.comments1 {
	width: 595px;
	padding: 20px;
	border-top:1px dotted #ffffff;
	background-color: #709FA2;
	color: #ffffff;
	clear:both;
	float: left;
}

.comments2 {
	width: 595px;
	padding: 20px;
	border-top:1px dotted #ffffff;
	background-color: #669295;
	color: #ffffff;
	clear:both;
	float: left;
}

.comments1 a {
	color: #ffffff;
}

.comments1 a:hover {
	color: #ffffff;
}

.comments2 a {
	color: #ffffff;
}

.comments2 a:hover {
	color: #ffffff;
}

.comments_l {
	display: inline;
	float: left;
	width: 140px;
	padding-right: 20px;
}

.comments_r {
	float: left;
	width: 435px;
}

/* Contact Us ////////////////////////////////////////////////////////// */

.contactus {
	border: 1px solid #B5D0D2;
	background-color: #709FA2;
	color: #ffffff;
	font-size: 13px;
	height: 20px;
	padding: 3px 5px 3px 5px;
	width: 385px;
}

.contact_l {
	display: inline;
	float: left;
	width: 385px;
	padding-right: 30px;
}

.contact_r {
	float: left;
	width: 180px;
}

select {
	width: 180px;
	border: 1px solid #B5D0D2;
	background-color: #709FA2;
	color: #ffffff;
	height: 28px;
	margin: 1px 0px 2px 0px;
}

/* Case Studies ////////////////////////////////////////////////////////// */

.studies {
	height: 230px;
}

.para1 {
	display: inline;
	float: left;
	width: 410px;
	padding-right: 30px;
}

.para2 {
	float: left;
	width: 195px;
}

.feedback {
	font-style: italic;
}


.feedbacker {
	text-align: right;
}

/* Our Clients ////////////////////////////////////////////////////////// */

.listing_l {
	display: inline;
	float: left;
	width: 200px;
	padding-right: 15px;
}

.listing_m {
	float: left;
	width: 200px;
	padding-right: 15px;
}

.listing_r {
	float: left;
	width: 200px;
}

/* Our Clients ////////////////////////////////////////////////////////// */

.more a {
	background: transparent url(../images/view1.png);
	width: 212px;
	height: 52px;
	text-indent: -99999px;
	position: absolute;
	top: 99px;
	left: 211px;
}

.more a:hover {
	background: transparent url(../images/view2.png);
	width: 212px;
	height: 52px;
	text-indent: -99999px;
	position: absolute;
	top: 99px;
	left: 211px;
}

/* Footer ////////////////////////////////////////////////////////// */

.clearfooter {
	height: 222px;
	clear: both;
}

#footer {
	width: 100%;
	height: 222px;
	font-size: 13px;
	line-height: normal;
	position: relative;
}

#twitter {
	width: 960px;
	height: 47px;
	margin: 0px auto 0px auto;
	font-size: 12px;
	text-align: right;
	background: url(../images/twitter2.jpg) no-repeat right;
}

#twitter_left {
	background: url(../images/twitter1.jpg) no-repeat left top;
	padding: 23px 50px 0px 35px;
	height: 24px;
	float: right;
}

#twitter a {
	color: #679297;
}

#footer_top_container {
	width: 100%;
	background: url(../images/footer1.jpg) repeat-x top;
}

#footer_top {
	width: 960px;
	min-height: 137px;
	margin: 0px auto 0px auto;
	color: white;
	padding-top: 8px;
}

#footer_top a {
	color: white;
	text-decoration: none;
}

#footer_top a:hover {
	color: white;
	text-decoration: underline;
}

.footer_latest {
	min-width: 180px;
	max-width: 240px;
	padding: 14px 20px 14px 0px;
	font-size: 13px;
	float: left;
	display: inline;
}

.footer_latest_end {
	min-width: 370px;
	max-width: 440px;
	padding: 14px 0px;
	font-size: 13px;
	float: left;
	display: inline;
}

.footer_latest_end p {
	padding: 1px 0px 0px 0px;
	margin: 0px;
	line-height: 16px;
}

.white_arrow li {
	background: transparent url(../images/mini_arrow_white.gif) no-repeat scroll 0 4px;
	padding: 1px 0px 0px 15px;
}

.latest_web_design h4 {
	padding: 0px;
	margin: 0px;
	width: 170px;
	height: 23px;
	background: transparent url(../images/latest_web_design.gif) no-repeat;
	text-indent: -99999px;
}

.latest_print_design h4 {
	width: 170px;
	height: 23px;
	background: transparent url(../images/latest_print_design.gif) no-repeat;
	text-indent: -99999px;
}

.latest_blog_entries h4 {
	width: 170px;
	height: 23px;
	background: transparent url(../images/latest_blog_entries.gif) no-repeat;
	text-indent: -99999px;
}

.so_are_you_ready h4 {
	width: 170px;
	height: 23px;
	background: transparent url(../images/so_are_you_ready.gif) no-repeat;
	text-indent: -99999px;
}

.see_all_web h5 {
	width: 170px;
	height: 23px;
	background: transparent url(../images/see_all_web.gif) no-repeat;
	text-indent: -99999px;
	margin-top: 10px;
}

.see_all_web a {
	width: 170px;
	height: 23px;
	display: block;
}

.see_all_print h5 {
	width: 170px;
	height: 23px;
	background: transparent url(../images/see_all_print.gif) no-repeat;
	text-indent: -99999px;
	margin-top: 10px;
}

.see_all_print a {
	width: 170px;
	height: 23px;
	display: block;
}

.see_all_entries h5 {
	padding: 0px;
	margin: 0px;
	width: 170px;
	height: 23px;
	background: transparent url(../images/see_all_entries.gif) no-repeat;
	text-indent: -99999px;
	margin-top: 10px;
}

.see_all_entries a {
	width: 170px;
	height: 23px;
	display: block;
}

.contact_us_today h5 {
	padding: 0px;
	margin: 0px;
	width: 170px;
	height: 23px;
	background: transparent url(../images/contact_us_today.gif) no-repeat;
	text-indent: -99999px;
	margin-top: 9px;
}

.contact_us_today a {
	width: 170px;
	height: 23px;
	display: block;
}

#footer_bottom {
	width: 100%;
	background: url(../images/footer2.jpg);
	height: 30px;
	font-size: 11px;
	text-align: center;
	padding: 0px;
	color: #cccccc;
	position: relative;
	line-height: 30px;
}

#footer_bottom p {
	padding: 0px;
	margin: 0px;
}

#footer_bottom a {
	font-size: 11px;
	color: #cccccc;
	text-decoration: none;
}

#footer_bottom a:hover {
	color: #cccccc;
	text-decoration: underline;
}