/****************************************************

	Project: Vim Interactive, LLC - http://viminteractive.com
	File: default.css
	Creator: VIM Interactive, LLC
	Copyright: (c) 2010-Present - VIM Interactive, LLC
	
****************************************************/

/*****************************
	Reset
*****************************/

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, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
	background:#F5F4F0 url('../images/body_bg.jpg') repeat-x ;
	font:12px normal Arial,sans-serif;
	color:#555;
	line-height: 1.6em;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {color:#057fcd;}
.left {
	float:left;
	display:inline;
}
.right {
	float:right;
	display:inline;
}
.clear {clear:both;}
dt {
	font-size:14px;
	margin-bottom: 5px;
	color:#215260;
}
dd {
	margin:0 0 15px 15px;
}

/*****************************
	Clearfix
*****************************/

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*****************************
	Layout
*****************************/

/*
	Header
*/

#header_wrapper {height:170px;}
#header {
	width:1000px;
	margin:0 auto;
	background:url('../images/bg_inner_header.jpg') no-repeat;
	position:relative;
	height:170px;
}
#logo {margin:0;}
#logo a {
	width:274px;
	height:47px;
	background:url('../images/logo.gif') no-repeat;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:45px;
	left:50px;
	margin:0;
}
#client_tab {
	width:126px;
	height:26px;
	background:url('../images/client_tab.gif') no-repeat;
	text-indent:-9999px;
	display:block;
	position:absolute;
	margin:0;
	top:3px;
	right:54px;
}

/* 
	Main Navigation
*/

#main_nav {
	width:1000px;
	height:35px;
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	background:url('../images/nav_main.jpg') no-repeat;
	margin:0;
	padding:0;
}
#main_nav li {float:left;}
#main_nav li a {
	position:absolute;
	top:0;
	margin:0;
	padding:0;
	display:block;
	height:35px;
	background:url('../images/nav_main.jpg') no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
li#mn_hom a {
	left:32px;
	width:77px;
	background-position:-32px 0;
}
li#mn_ser a {
	left:109px;
	width:104px;
	background-position:-109px 0;
}
li#mn_com a {
	left:213px;
	width:105px;
	background-position:-213px 0;
}
li#mn_wor a {
	left:318px;
	width:82px;
	background-position:-318px 0;
}
li#mn_blo a {
	left:400px;
	width:77px;
	background-position:-400px 0;
}
li#mn_con a {
	left:477px;
	width:100px;
	background-position:-477px 0;
}
li#mn_par a {
	left:687px;
	width:130px;
	background-position:-687px 0;
}
li#mn_req a {
	left:817px;
	width:147px;
	background-position:-817px 0;
}
li#mn_hom a:hover {
	background-position:-32px -35px;
}
li#mn_ser a:hover {
	background-position:-109px -35px;
}
li#mn_com a:hover {
	background-position:-213px -35px;
}
li#mn_wor a:hover {
	background-position:-318px -35px;
}
li#mn_blo a:hover {
	background-position:-400px -35px;
}
li#mn_con a:hover {
	background-position:-477px -35px;
}
li#mn_par a:hover {
	background-position:-687px -35px;
}
li#mn_req a:hover {
	background-position:-817px -35px;
}
#mn_hom .active {
	background-position:-32px -35px;
}
#mn_com .active {
	background-position:-213px -35px;
}
#mn_ser .active {
	background-position:-109px -35px;
}
#mn_wor .active {
	background-position:-318px -35px;
}
#mn_blo .active {
	background-position:-400px -35px;
}
#mn_con .active {
	background-position:-477px -35px;
}
#mn_par .active {
	background-position:-687px -35px;
}
#mn_req .active {
	background-position:-817px -35px;
}


/*
	Sub Navigation
*/

#sub_nav {
	position:absolute;
	top:15px;
	right:43px;
	padding: 5px;
	margin: 10px 0;
	list-style: none;
	background-color: #fff;
	float: left;
	clear: left;
}
#sub_nav li {
	float:left;
	display:inline;
	margin-left:0 20px;
}
#sub_nav li a {
	text-decoration: none;
	margin-left:20px;
	float:left;
	color: #555;
	cursor: pointer;
	font: normal 13px/21px "Arial", Helvetica, sans-serif;
}
#sub_nav li a span {
	margin: 0 10px 0 -10px;
	padding: 1px 8px 5px 18px;
	position: relative;
	float:left;
}
#sub_nav li a.current, #sub_nav li a:hover  {
 	color: #333;
	background: url('../images/grey.gif') no-repeat top right;
}

#sub_nav li a.current span, #sub_nav li a:hover span {
	background: url('../images/grey.gif') no-repeat top left;
}


/*
	Content Area
*/

#content {
	width:900px;
	margin:15px auto 0 auto;
	background:#fff url('../images/content_bg.gif') repeat-y;
}
#content_header {
	padding:30px 40px;
	background:url('../images/content_top.gif') no-repeat left top;
	height:100%;
	position:relative;
}
#page_title {
	font-size:22px;
	color:#c8c8c6;
	padding-bottom:25px;
	border-bottom:1px solid #dbdbdb;
	font-weight:bold;
	margin:0;
}
#col1 {
	width:505px;
	float:left;
	display:inline;
	border-right:1px solid #dbdbdb;
	margin:0 0 20px 40px;
	padding-right:40px;
	
}
#col2 {
	width:235px;
	float:right;
	display:inline;
	margin:0 40px 20px 0;
}
#col3 {
	margin:0 72px 0 72px;
	padding-bottom:20px;
}
#col4 {
	margin:0 40px;
	padding-bottom:20px;
}
.clear {clear:both;}

/*
	Home Page
*/

#hcol1 {
	height:417px;
	background:url('../images/main_callout.jpg') no-repeat;
	position:relative;
}
#hcol2 {
	height:330px;
	background:url('../images/homepage_bottom.jpg') no-repeat;
	position:relative;
}
.h_btns {
	width:246px;
	display:block;
	height:36px;
	text-indent:-9999px;
	font-size:0%;
	position:absolute;
	left:60px;
	background:url('../images/btn_homepage.gif') no-repeat;
	
}
#h_btn1 {
	background-position:0 0;
	top:140px;
}
#h_btn1:hover {
	background-position:0 -36px;
}
#h_btn2 {
	background-position:0 -72px;
	top:190px;
}
#h_btn2:hover {
	background-position:0 -108px;
}
#h_btn3 {
	background-position:0 -144px;
	top:240px;
}
#h_btn3:hover {
	background-position:0 -180px;
}
#hcol3 {
	position:absolute;
	top:28px;
	width:208px;
	left:60px;
	font-family:Georgia, serif;
	color:#9c928d;
	text-align:right;
	font-size:16px;
	line-height:20px;
}
#hcol3 span {color:#6f5a4f;}
#hcol4 p {
	margin:15px 0;
}
#hcol4 {
	position:absolute;
	top:28px;
	left:370px;
	width:220px;
}
#hcol4 h1 {color:#54443b;}
#hcol5 {
	position:absolute;
	top:28px;
	left:630px;
	width:200px;
}
#hcol5 p {
	margin:7px 0;
}
#hcol5 .more_margin {
	margin:7px 0 25px 0;
}
#hcol5 h1 {color:#54443b;}

/*
	Company Page
*/

.team_member {margin-bottom:20px;}
.team_member img {
	float:left;
	display:inline;
	width:70px;
	margin:0 20px 0 0;
}
.team_member h3, .team_member p {
	float:right;
	display:inline;
	margin:0;
	width:145px;
}

/*
	Services Page
*/


.servicesL {
	margin:0 40px 40px 0;
	padding:145px 0 0 0;
	width:390px;
	position:relative;
}
.servicesR {
	margin:0 0 40px 0;
	padding:145px 0 0 0;
	width:390px;
	position:relative;
}
.servicesL p, .servicesR p {
	margin:5px 0;
	padding:0;
}
.servicesL h2, .servicesR h2 {
	margin:10px 0 5px 0;
}
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
}


/*
	Service Subpage Styles
*/

.section_div {
        border-bottom:1px solid #dbdbdb;
}

/*
	Creative Process Page
*/

.phases {margin-bottom:30px;}
.phases p, .phases h3 {
	margin:22px 20px;
}
.phases ul {margin-bottom:20px;}
.phases li {
	margin:6px 20px 6px 45px;
	list-style:square;
}
#col3 .phases h3 {font-size:12px;}
#phase1,#phase2,#phase3 {
	float:left;
	display:inline;
	width:228px;
	height:490px;
	border:1px solid #dbdbdb;
	padding-top:123px;
}
#phase1,#phase2 {margin-right:33px;}
#phase1 {
	background:#f5f6f1 url('../images/phase1_header.jpg') no-repeat;
}
#phase2 {
	background:#f5f6f1 url('../images/phase2_header.jpg') no-repeat;
}
#phase3 {
	background:#f5f6f1 url('../images/phase3_header.jpg') no-repeat;
}

/*
	Blog Page Styles
*/

.post_container {
	border:1px solid #dbdbdb;
	margin-bottom:40px;	
}
.post_container_inner {
	padding:20px;
	background:#fdfffa url('../images/blog_container_bg.gif') repeat-x;
	margin:0 1px 0 1px;
}
.post_bottom {
	height:40px;
	border-top:1px solid #dbdbdb;
	background:#fdfffa url('../images/blog_container_bg.gif') repeat-x;
	position:relative;
}
.post_bottom .comment_bubble {
	height:30px;
	width:30px;
	position:absolute;
	left:20px;
	top:6px;
	background:transparent url('../images/comment_bubble.gif') no-repeat;
}
.comment_bubble a {
	position:absolute;
	top:-6px;
	left:2px;
	color:#555;
	font-size:14px;
	text-decoration:none;
}
.post_bottom p {
	right:20px;
	top:-5px;
	position:absolute;
}
.post_container h2 {
    color:#225361;
    font-size:16px;
    margin:25px 0 10px 0;
}
.post_content p {
    margin:10px 0 15px 0;
}
.post_container h3 {
    color:#225361;
    font-size:12px;
    margin:10px 0;
}
.post_img {
	float:left;
    display:inline;
	width:170px;
	height:170px;
	border:1px solid #dbdbdb;
	margin:0 20px 20px 0;
}
.post_title {
    font-size:18px;
    line-height:1.3em;
    margin:0 0 10px 0;
}
.post_title a {
    text-decoration:none;
    color:#043E4C;
}
.post_info_wrapper {
	float:right;
	width:265px;
	display:inline;
}
.post_info {
	padding:3px 0 1px 10px;
	background:#22626F;
	color:#fff;
    text-transform:uppercase;
	margin:10px 0;
    letter-spacing:1px;
    font-size:10px;
}
.post_summary {
	margin:10px 0;
}
.post_content {clear:both;}
.post_readmore {
	margin:0 0 20px 0;
}

/*
	Work Page Styles
*/

#work1,#work2,#work4,#work5 {margin-right:33px;}
.works {
	margin-bottom:30px;
	float:left;
	display:inline;
	width:228px;
}
.works h2 {
	margin:5px 0 0 0;
}
.works h2 a {
	text-decoration:none;
	color:#204852;
}
.works p {
	margin:8px 0;
}
.works img {
	border:1px solid #dbdbdb;
}

/*
        Case Study Page
*/

#ccol1 {
	width:220px;
	float:left;
	display:inline;
	margin-left:20px;
}
#ccol2 {
	width:220px;
	float:right;
	display:inline;
}
#ccol1 h2, #ccol2 h2 {font-size:16px;}
#ccol2 li {
	margin-left:20px;
	line-height:1.8em;
	list-style:square;
}

/*
	Footer Area
*/

#footer {
	width:900px;
	height:135px;
	margin:auto;
	background:url('../images/bg_footer.gif') no-repeat;
}
#footer div {
	float:left;
	display:inline;
	width:168px;
	margin-top:20px;
}
#footer h2 {
	margin:0 0 5px 0;
	font-size:14px;
	color:#22383f;
}
#footer ul li a {
	color:#555;
	text-decoration:none;
}
#footer ul li a:hover {text-decoration:underline;}
#fcol1 {margin-left:40px;}
#fcol1, #fcol2 {margin-right:40px;}

/*
	Sitemap Page
*/


#sitemap li a {
	font-size:14px;
	padding:10px 0 10px 5px;
	font-weight: bold;
	color: #215260;
	border-bottom: 1px solid #dbdbdb;
	text-decoration:none;
}
#sitemap li a:hover {
	color: #fff;
	background:#215260;
}
#sitemap li ul li a {
	text-decoration:none;
	color:#58656b;
	display:block;
	padding:5px 0 5px 32px;
	background:#f9faf6 url('../images/bullet_arrow.gif') no-repeat 20px center;
	margin:0 0 1px 0;
	font-size:12px;
	font-weight: normal;
}
#sitemap li ul li a:hover {
	background:#93aeb5  url('../images/bullet_arrow_h.gif') no-repeat 20px center;
	color:#111;
}
#sitemap li ul li ul li a {
	text-decoration:none;
	color:#58656b;
	display:block;
	padding:5px 0 5px 57px;
	background:#f9faf6 url('../images/bullet_arrow.gif') no-repeat 45px center;
	margin:0 0 1px 0;
	font-size:12px;
	font-weight: normal;
}
#sitemap li ul li ul li a:hover {
	background:#93aeb5  url('../images/bullet_arrow_h.gif') no-repeat 45px center;
	color:#111;
}

/*****************************
	Site Wide Styles
*****************************/

p {
	margin: 15px 0 25px 0;
}

h1,h2,h3,h4,h5,h6 {
	margin:25px 0 15px 0;
}
h1 {
	font-size:22px;
	color:#215260;
}
h2 {
	font-size:18px;
	color:#215260;
}
h3 {font-size:14px;}
abbr {
        color:#215260;
        border-bottom: double;
        cursor: help;
}
.normal {
	font:12px normal Arial,sans-serif;
	color:#6f5a4f;
	line-height:1.6em;
}
.bullet {
	padding-left:10px;
	background:url('../images/bullet_arrow.gif') no-repeat left center;
}
.special {
	font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;
	font-size:18px;
	color:#77969F;
	line-height:1.4em;
}
.bold_li li {
        list-style:disc;
        font-size:12px;
        margin-bottom:5px;
        margin-left:35px;
}
#col2 h2 {
	font-size:10px;
	text-transform:uppercase;
	border-bottom:1px solid #dbdbdb;
	margin-top:0;
}
#col2 ul {margin-bottom:30px;}
#col2 li a {
	text-decoration:none;
	color:#58656b;
	display:block;
	padding:6px 0 6px 22px;
	background:#f9faf6 url('../images/bullet_arrow.gif') no-repeat 10px center;
	margin-bottom:3px;
}
#col2 li a:hover {
	background:#93aeb5  url('../images/bullet_arrow_h.gif') no-repeat 10px center;
	color:#111;
}
#col2 li a span {font-size:8px;}

/*****************************
	Form Styles
*****************************/

label {
	display:block;
	font-size:16px;
	color:#215260;
}
.form_header {
	background:url('../images/form_header.jpg') no-repeat;
	height:96px;
	padding:0 0 0 30px;
	position:relative;
}
.form_header h2 {
	position:absolute;
	top:1px;
	left:30px;
}
.form_header p {
	position:absolute;
	top:33px;
	left:32px;
}
.form_left {
	float:left;
	display:inline;
	padding-left:30px;
}
.form_left li {margin-bottom:5px;}
.form_right {
	float:right;
	display:inline;
	padding-right:30px;
}
form ul {padding:30px;}
form ul li {margin-bottom:20px;}
form {
	background:#f9faf6;
	margin-top:0;
	margin-bottom:15px;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
}

select {margin-bottom:30px;}
.form_section {
	border-top:1px solid #dbdbdb;
}
.form_section ul {padding-bottom:0;}
input {
	border:1px solid #c0c0c0;
	padding:7px;
	background:#fff url('../images/input_bg.gif') repeat-x;
}
input.image {
	border:none;
	padding:0 0 15px 30px;
	background:none;
}
textarea {
	border:1px solid #c0c0c0;
	padding:5px;
	background:#fff url('../images/input_bg.gif') repeat-x;
}

/* 
	Blog comment forms
*/

#comment_form {
	background:#f9faf6;
	margin-top:0;
	margin-bottom:15px;
	border:1px solid #dbdbdb;
}
#comment_form ul {
	padding:30px 30px 0 30px;
}
#comment_form .checkbox {
	padding-left:30px;
	margin-bottom:10px;
	margin-top:10px;
}
#comment_form .checkbox input {border:none;}
.comments_container {margin-bottom:40px;}
.comments {
	background:#f9faf6;
	margin-top:0;
	margin-bottom:15px;
	border:1px solid #dbdbdb;
	padding:0 30px;
	float:right;
	width:340px;
        min-height:130px;
	display:inline;
}
.comments_details {
	float:left;
	display:inline;
	width:82px;
}
.comments_details img {
	border:1px solid #dbdbdb;
}
.comments_details p {
	margin:3px 0;
        text-align:right;
}
/* 
        slideshow gallery 
*/

.slideshowlite {
	position: relative;
	margin-bottom:40px;
}

	.slideshowlite a {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		text-align: center;
	}

	.slideshowlite img {
		border: none;
	}

/* pagination control */

.slideshowlite ul,
.slideshowlite ol {
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -30px;
	left: 0;
	z-index: 3;
}

	.slideshowlite ul li,
	.slideshowlite ol li {
		float: left;
		margin: 0 3px;
		width: 18px;
	}
	
	.slideshowlite ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 14px;
		padding: 1px 0 4px 0;
		text-decoration: none;
		color: #fff;
		background: #12384c;
		border: 1px solid #12384c;
		text-align: center;
		font-size: 11px;
	}
	
	.slideshowlite ul li a.current {
		color: #0d2836;
		font-weight: bold;
		border: 1px solid #12384c;
		background: #f9d15a;
	}
	
	.slideshowlite ul li a:hover {
		color: #fff;
		background: #041a25;
	}
li a {display:block;}
code {
	color: #009933;
}
pre {
	width:461px;
	color:#009933;
}

/* Facebook Page */

.fb_require {list-style:decimal;}

.fb_require li {
	margin:0 0 10px 30px;
	line-height:150%;
}
.fb_require li a {display:inline;}
#fb_buy {width:75%;}
#fb_buy form {
	padding:10px 0 5px 15px;
	border:1px #DBDBDB solid;
	background-color:#F9FAF6;
}
#fb_buy select {
	margin:2px 0 10px 0;
}

/* Accordion
----------------------------------*/
#accordion h3 {
}
#accordion div {
		border:1px #DFDFDF solid;
		background-color:#F9FAF6;
		padding:10px 15px 0 15px;
}
#accordion p {
	margin:0 0 10px 0;
}
/****************************************************

	Project: Vim Interactive, LLC - http://viminteractive.com
	File: ie.css
	Creator: VIM Interactive, LLC
	Copyright: (c) 2010-Present - VIM Interactive, LLC
	
****************************************************/