@charset "UTF-8";
/* CSS Document */

/* Site Colors */
/* Text Color = #4A4443 */
/* Header 1 <h1> = #FF0000 */
/* Sidebar background Med Grey = #a1a1a1 */
/* Light Grey #EBEBEB */
/* Dark Grey #4A4443 */
/* Blue color: #004896 */

/* begin basic html elements */

html
	{
	overflow: scroll;
	margin: 0px;
	padding: 0px
	}
	
body
	{
	background-color:#dfdfdf;
	margin: 0px;
	padding: 0px;
	font: 13px/19px Arial, Helvetica, sans-serif;
	color: #4A4443;
	}
	
h1
	{
	margin: 0px 0px 0px 0px;
	font-size: 20px;
	color:#FF0000;
	}
	
h2
	{
	margin: 0px 0px 0px 0px;
	font-size: 20px;
	}
	
h3
	{
	margin: 0px 0px 0px 0px;
	}
	
h4
	{
	color:#C00;
	font-size:13px;
	}
	
p
	{
	margin: 5px 0px 10px 0px;
	}
	
ul
	{
	list-style: none;
	padding: 0px;
	}
	
label
	{
	display:block;
	font-weight:bold;
	text-align:right;
	width:170px;
	float:left;
	margin:10px;
	}
	
input
	{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #999999;
	width:200px;
	margin:10px;
	}
	
textarea
	{
	float:left;
	padding:4px 2px;
	margin:2px 10px 10px 10px;
	}
	
button
	{
	clear:both;
	margin:10px 10px 10px 200px;
	width:135px;
	height:34px;
	background: #CCCCCC url(../images/signup_button.jpg) repeat-x;
	border: 0;
	}

/* end basic html elements */

/* begin basic link styles */

a:link
	{
	color: #004896;
	text-decoration: none;
	}

a:visited
	{
	color: #004896;
	text-decoration: none;
	}
	
a:active
	{
	
	}
	
a:hover
	{
	color: #004896;
	text-decoration: underline;
	}
/* end basic link styles */

/* begin Special html elements */

/* iFrames styles, mostly to remove scrolling in Safari "overflow: hidden */

 #profiles_holder  /* this is the <iframe> that holds the profile html pages */
	{
	width: 594px;
	height: 449px;
	margin: 0px;
	padding: 0px;
	float: left;
	}
	
#profile_html
	{
	overflow: hidden;
	}
	
	
#articles_iframe  /* this is the <iframe> that holds the articals html pages */
	{
	width: 578px;
	border: none;
	padding: 8px;
	}
	
	
#articles_html
	{
	overflow: hidden;
	}	
	
#chat_iframe  /* this is the <iframe> that holds the chat html page */
	{
	border: none;
	}
		
#chat_html
	{
	overflow: hidden;
	}
	
#signup_holder
	{
	border: none;
	}
	
#signup_html
	{
	overflow: hidden;
	background: url(../images/col_bg.jpg) repeat-x;
	}
	
#signup_html body
	{
	background: none;
	padding: 8px;
	}
	
/* Special rules for signup ModalBox styling */

	/* May combine later? */

/* End special rules for signup ModalBox styling */
		
/* Special divs to wrap text on profile and articals pages */

#iwtl-1
	{
	width: 235px;
	height: 162px;
	clear: right;
	float: right;
	}
	
#iwtl-2
	{
	width: 280px;
	height: 279px;
	clear: right;
	float: right;
	} 

.profiles_text
	{
	height: auto;
	margin: 8px 0px 0px 8px;
	}
	


/* end Special html elements */

	
#content
	{
	margin:0px auto 0px auto;
	background-color: #ffffff;
	border: 2px solid #a1a1a1;
	width: 969px;
	padding: 0px 0px 0px 0px;
	margin: 8px auto 0px auto;
	height: auto;
	}
	
#full_page
	{
	width: 953px;
	height: 766px;
	border: 4px solid #ffffff;
	background: #CCCCCC url(../images/col_bg.jpg) repeat-x;
	margin: 0px auto 0px auto;
	}
	
#banner
	{
	width: 953px;
	height: 306px;
	border: 4px solid #ffffff;
	background-color: #ffffff;
	margin: 0px auto 0px auto;
	}
	
#home_col
	{
	width: 712px;
	height: 272px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 4px 4px 4px 8px;
	background-color: #EBEBEB;
	float: left;
	}
	
#main_col
	{
	width: 712px;
	height: auto;
	border-color: #ffffff;
	border-style: solid;
	border-width: 4px 4px 4px 8px;
	background: #CCCCCC url(../images/col_bg.jpg) repeat-x;
	overflow: hidden;
	float: left;
	}
	
	

	
/* begin style for columns in main_cols */

#full_cols
	{
	width: 696px;
	height: 434px;
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	float:left;
	}
	
#expanded_full_cols
	{
	width: 696px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	float:left;
	}
	
#left_col
	{
	width: 220px;
	height: 434px;
	padding: 8px 8px 8px 8px;
	border-right: #A1A1A1 solid 2px;
	float: left;
	}
	
#left_col_thin
	{
	width: 100px;
	height: 434px;
	padding: 8px 8px 8px 8px;
	border-right: #A1A1A1 solid 2px;
	float: left;
	}
	
#left_col_equal
	{
	text-align: left;
	border-right: #A1A1A1 solid 2px;
	width: 332px;
	height: auto;
	padding:8px 8px 8px 8px;
	float: left;
	}
	
#mid_col
	{
	width: 220px;
	height: 434px;
	padding: 8px 8px 8px 8px;
	border-right: #A1A1A1 solid 2px;
	float: left;
	}

#mid_col_wide
	{
	width: 474px;
	height: 450px;
	padding: 0px;
	float: left;
	}
	
#design_mid_col
	{
	background: #CCCCCC url(../images/design_mid_col_bg.jpg) repeat-x;
	width: 220px;
	height: 434px;
	padding: 8px 8px 8px 8px;
	border-right: #A1A1A1 solid 2px;
	float: left;
	}
	
#right_col
	{
	width: 220px;
	height: 434px;
	padding: 8px 8px 8px 8px;
	float: left;
	}
	
#design_right_col
	{
	background: #CCCCCC url(../images/design_right_col_bg.jpg) repeat-x;
	width: 220px;
	height: 434px;
	padding: 8px 8px 8px 8px;
	float: left;
	}
	
#right_col_wide
	{
	width: 458px;
	height: 434px;
	float: left;
	}
	
#right_col_wide_ext
	{
	width: 590px;
	height: auto;
	float: left;
	}
	
#right_col_equal
	{
	text-align: left;
	width: 332px;
	height: auto;
	padding:8px 8px 8px 8px;
	float: left;
	}
		
/* end style for columns in main_cols */
	
#sidebar
	{
	width: 217px;
	height: 256px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 4px 8px 4px 4px;
	text-align: right;
	padding: 8px 8px 8px 8px;
	background-color: #a1a1a1;
	float: right;
	}
	
#buttons /* Special for IE 6 bottom button alignment */
	{
	height: 172px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 4px 0px 4px 1px;
	}

html>body #buttons /* child selector for bottom button for all other browzers */
	{
	height: 172px;
	margin: 280px 0px 0px 724px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 4px 0px 4px 4px;
	}
	
#buttons_home
	{
	width: 954px;
	height: 172px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 4px 6px 8px 8px;
	clear: both;
	}

#button1
	{
	float: left;
	margin: 0px 8px 0px 0px;
	}
	

#button2
	{
	float: left;
	margin: 0px 8px 0px 0px;
	}
	

#button3
	{
	float: left;
	margin: 0px 8px 0px 0px;
	}
	

#button4
	{
	float: left;
	}
	
#pull_content_div
	{
	width: 953px;
	height: 4px;
	background-color: #ffffff;
	margin: 0px auto 0px auto;
	clear: both;
	}
	
#footer
	{
	clear: both;
	color: #999999;
	margin: 0px auto 0px auto;
	padding: 0px 0px 25px 0px;
	border-top: 3px solid #c9cac4;
	width: 967px;
	text-align:center;
	line-height: 6px;
	}
	
#center_text
	{
	font: bold 18px/24px Arial, Helvetica, sans-serif;
	text-align:center;
	margin:100px 100px 0px 100px;
	}
	
#email_form
	{
	margin: 0px auto;
	}
	
#form
	{
	height:328px;
	padding: 0px 0px 0px 0px;
	}

/* begin style for tables */

#pricing_table
	{
	background: none;
	margin:  0px 0px 0px 0px;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	}
	
#pricing_table td
	{
	border-bottom: 2px solid #a1a1a1;
	padding: 0px;
	}
	
#pricing_table td.right
	{
	text-align: right;
	}
	
#verdicts_table
	{
	background: none;
	height: 100%;
	margin:  0px 0px 0px 0px;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	}
	
#verdicts_table tr
	{
	border-top: 2px solid #a1a1a1;
	vertical-align: top;
	}
	
#verdicts_table tr.table_link
	{
	text-align: right;
	height: 16px;
	border: none;
	}
	
#verdicts_table td
	{
	width: auto;
	padding: 0px;
	}

/* begin style for tables */
	

/* begin Navigation Styles */
/* begin main-nav style */

#main-nav
	{
	width: 953px;
	height: 34px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 8px 8px 4px 8px;
	background:#acacac url(../images/menu-bg.jpg) no-repeat; 
	}
	
#main-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#main-nav ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#main-nav ul li a span{
	display:none;
}


#main-nav ul li a.home{
	width:278px;
	height:34px;
	margin:0px;
	padding:0px;
	display: block;
	}

#main-nav ul li a{
	width:135px;
	height:34px;
	margin:0px;
	padding:0px;
	display: block;
		
}

/* -- Hovers -- */

#main-nav ul li a.home:hover{
	background: url(../images/menu-bg.jpg) 0px -34px;
}

#main-nav ul li a.design:hover{
	background: url(../images/menu-bg.jpg) -278px -34px;
}

#main-nav ul li a.case:hover{
	background: url(../images/menu-bg.jpg) -413px -34px;
}
			
#main-nav ul li a.life:hover{
	background: url(../images/menu-bg.jpg) -548px -34px;
}		

#main-nav ul li a.profiles:hover{
	background: url(../images/menu-bg.jpg) -683px -34px;
}		

#main-nav ul li a.contact:hover{
	background: url(../images/menu-bg.jpg) -818px -34px;
}

/* Declarations to style the current state - make them sticky */
#home #main-nav ul li a.home
	{
	background: url(../images/menu-bg.jpg) 0px 0px;
	}
	
#design #main-nav ul li a.design
	{
	background: url(../images/menu-bg.jpg) -278px -34px;
	}
	
#case #main-nav ul li a.case
	{
	background: url(../images/menu-bg.jpg) -413px -34px;
	}
	
#life #main-nav ul li a.life
	{
	background: url(../images/menu-bg.jpg) -548px -34px;
	}
	
#profiles #main-nav ul li a.profiles
	{
	background: url(../images/menu-bg.jpg) -683px -34px;
	}
	
#contact #main-nav ul li a.contact
	{
	background: url(../images/menu-bg.jpg) -818px -34px;
	}

/* end main-nav style */

/* begin sub-nav Styles */
#sub-nav
	{
	margin: 0px;
	padding: 0px;
	width: 953px;
	height: 30px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	
#sub-nav ul
	{
	word-spacing: 13px;
	padding: 0px 2px 0px 0px;
	display: inline;
	border: none;
	}
	
#sub-nav ul li
	{
	display: inline;
	border: none;
	padding-left: 15px;
	}
	
#sub-nav ul li a
	{
	text-decoration: none;
	color:#333333;
	}
	
#sub-nav ul li a:hover
	{
	text-decoration: none;
	color: #0062AB;
	}

/* Casey's SPECIAL spacing for Companies sub-nav */
/* #sub-nav ul a.profiles, */
/* #sub-nav ul a.pricing, */
/* #sub-nav ul a.clients */
	/* { */
	/* padding-right: 25px; */
	/* } */
	
/* Style current state of sub-nav */

#design #sub-nav ul li a.design,
#interactive #sub-nav ul li a.interactive,
#animation #sub-nav ul li a.animation,
#illustration #sub-nav ul li a.illustration,
#photo #sub-nav ul li a.photo,
#presentation #sub-nav ul li a.presentation,
#consulting #sub-nav ul li a.consulting,
#video #sub-nav ul li a.video,
#profiles #sub-nav ul li a.profiles,
#pricing #sub-nav ul li a.pricing,
#services_pricing #sub-nav ul li a.services_pricing,
#clients #sub-nav ul li a.clients,
#verdicts #sub-nav ul li a.verdicts,
#articles #sub-nav ul li a.articles
	{
	color: #0062AB;
	}

/* Keep the Main-Nav on Services */	
#interactive #main-nav ul li a.design,
#animation #main-nav ul li a.design,
#illustration #main-nav ul li a.design,
#photo #main-nav ul li a.design,
#presentation #main-nav ul li a.design,
#consulting #main-nav ul li a.design,
#video #main-nav ul li a.design,
#services_pricing #main-nav ul li a.design
	{
	background: url(../images/menu-bg.jpg) -278px -34px;
	}
	
/* Keep the Main-Nav on Company */
#pricing #main-nav ul li a.profiles,
#clients #main-nav ul li a.profiles,
#verdicts #main-nav ul li a.profiles,
#articles #main-nav ul li a.profiles
	{
	background: url(../images/menu-bg.jpg) -683px -34px;
	}
	
/* Styles for Profiles Nav */
	
#left_col_thin ul
	{
	margin: 0px;
	padding: 0px;
	width: 100px;
	height: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: none;
	list-style: none;
	}
	
#left_col_thin ul li
	{
	border: none;
	}
	
#left_col_thin ul li a
	{
	text-decoration: none;
	color: #4A4443;
	}
	
#left_col_thin ul li a:hover
	{
	text-decoration: none;
	color: #004896;
	}


/* end sub-nav styles */
/* end Navigation Styles */

/* begin special classes for sidebar random text style */

#sidebar .s1
	{
	color: #FFFF00;
	font-size: 26px;
	line-height: 24px;
	letter-spacing: -0.5px;
	font-weight:700;
	}
	
#sidebar .s2
	{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.5px;
	font-weight:100;
	}
	
#sidebar .s3
	{
	color: #ffffff;
	font-size: 16px;
	letter-spacing: -0.5px;
	line-height: 18px;
	font-weight:100;
	}
	
#sidebar .s4
	{
	color: #ffffff;
	font-size: 12px;
	letter-spacing: -0.5px;
	line-height: 0px;
	font-weight:700;
	}

/* end special classses for sidebar text style */

/* begin special divs for home page random image and text */
	
#home1
	{
	background: url(../images/home1.jpg) no-repeat;
	height: 256px;
	width: 400px;
	padding: 8px 304px 8px 8px;
	}
	
#home2
	{
	background: url(../images/home2.jpg) no-repeat;
	height: 256px;
	width: 400px;
	padding: 8px 304px 8px 8px;
	}
	
#home3
	{
	background: url(../images/home3.jpg) no-repeat;
	height: 256px;
	width: 400px;
	padding: 8px 304px 8px 8px;
	}
	
#home4
	{
	background: url(../images/home4.jpg) no-repeat;
	height: 256px;
	width: 400px;
	padding: 8px 304px 8px 8px;
	}
	
#home5
	{
	background: url(../images/home5.jpg) no-repeat;
	height: 256px;
	width: 400px;
	padding: 8px 304px 8px 8px;
	}
	
/* end special divs for home page random image and text */