/* CSS Document */
/*-------------------------------------------------------------*/
/*------------------Main Elements of Document------------------*/
/*-------------------------------------------------------------*/
/*html format as follows

<div id="site_container">
    <div id="left_bg">
        <div id="right_bg">
            <div id="page_contents">
                <div id="masthead"></div>
					<div id="main_content">
                		<div class="main_text">

						</div>
					</div>
				<div id="footer"></div>
            </div>
        </div>
    </div>
</div>
*/

body {
	background:#ffffff;
	background:url(images/bg.jpg);
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	overflow:auto;
}

#site_container {
	/*Container for site including bg effects*/
	width:764px; /* Width of site including bg, drop-shadow, effects, etc. */
	margin:auto;
	overflow:auto;	
}

#right_bg {
	/*Drop Shadow transparent */
	margin:0;
	padding-right:6px;
	background:url(images/right_ds.png) top right repeat-y;
}

#left_bg {
	/*Drop Shadow transparent */
	margin:0;
	padding-left:6px;
	background:url(images/left_ds.png) top left repeat-y;
}

#page_contents {
	/*Container for actual content sans bg effects*/
	width:752px;
	margin:auto;
/*	text-align:center;*/
}

#main_swf_container {
	/*Container for Flash App*/
	background:#000000;
	min-height:550px;
	text-align:center;
}

#main_swf_container p {
}

#main_content_home {
	/*container for main body of web content sans masthead and footer */
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	background:#FFFFFF url(images/main_page03.jpg);
/*	min-height:500px;*/
	padding:1em;
	overflow:hidden;
}

#main_content_background {
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	background:#FFFFFF url(images/background.jpg);
	padding:1em;
	overflow:hidden;
}

.float_container {
	width:100%;
	overflow:hidden;
}

#main_content {
	/*container for main body of web content sans masthead and footer */
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	background:url(images/bg_tile.jpg) repeat;
/*	min-height:500px;*/
	padding:1em;
	overflow:hidden;
}

#header {
	text-align:center;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;	
}

#banner_block {
	border-top:#000000 1px solid;
	border-bottom:#000000 1px solid;
	background:#0000ff;
}

#footer {
	text-align:center;
	color:#ffffff;
	background:#bb0000;
	border:#000000 solid 1px;
	font-size:12px !important;
	padding:0.2em 0;
	font-family:"Times New Roman", Times, serif;
	overflow:hidden;
}

a:link {color: #0000FF;}     /* unvisited link */
a:visited {color: #0000FF;}  /* visited link */
a:hover {color:#FF0000; text-decoration:none !important;}   /* mouse over link */
a:active {color: #0000FF;}   /* selected link */

#footer a {
	color:#FFFF00;
}

.major_link {
	text-align:center;
	font-weight:bold;
	margin:0.5em;
}
	
/*-------------------------------------------------------------*/
/*-----------------Javascript Navigation Menu------------------*/
/*-------------------------------------------------------------*/

#menu_block {
	height:20px;
	width:100%;
	background:#fff000;
	border-top:#ff0000 solid 1px;
	border-bottom:#ff0000 solid 1px;	
}




/*-------------------------------------------------------------*/
/*----------------Single Level Navigation Menu-----------------*/
/*-------------------------------------------------------------*/
#top_menu {
	overflow:auto;
	margin:auto;
	padding:0px;
	border-top:#000000 solid 1px;
	border-bottom:#000000 solid 1px;
	background:#bb0000;
	text-align:center;
}

#top_menu a {
}

#top_menu li {
	font-family: Tahoma, arial, verdana, sans-serif; 
	font-size: 11px; 
	text-align: center;
	list-style:none;
	display:inline;
	margin:0 !important;
}

#top_menu ul {
	padding:0;
	margin:0;
}

#top_menu li.firstNavLink a, #top_menu li.navLink a, #top_menu li.currentLink  a,#top_menu li.firstCurrentLink a {
	border-right:#0000ff solid 1px;
	padding-left: 1.5em;
	padding-right: 1.5em;
	margin:0;
	font-weight: bold;
	text-decoration: none; 
}

#top_menu li.firstNavLink a, #top_menu li.firstCurrentLink a {
	border-left:#0000ff solid 1px;
}

#top_menu li.navLink a:link, #top_menu li.navLink a:visited, #top_menu li.firstNavLink a:link, #top_menu li.firstNavLink a:visited  {
	width: 100%; 
	color:#ffffff; 
	background:#bb0000;
}

#top_menu li.currentLink a:link, #top_menu li.currentLink a:visited, #top_menu li.currentLink a:hover, #top_menu li.currentLink a:active, #top_menu li.firstCurrentLink a:link, #top_menu li.firstCurrentLink a:visited, #top_menu li.firstCurrentLink a:hover, #top_menu li.firstCurrentLink a:active  {
	width: 100%; 
	color:#000000; 
	background:#fff000;
}

#top_menu li.firstNavLink a:hover, #top_menu li.navLink a:hover {
	background:#000000;
	color:#fff000;
}
/*-------------------------------------------------------------*/
/*---------------------END Navigation Menu---------------------*/
/*-------------------------------------------------------------*/


/*-------------------------------------------------------------*/
/*-----------------------Begin Typography----------------------*/
/*-------------------------------------------------------------*/
/*Text Formats*/

.oblique {
	font-style:oblique !important;
}

.underline {
	text-decoration:underline !important;
}

.empashize {
	font-weight:bold;
}

/*Text Container*/
.main_text {
	padding:0.25em 1em;
}

/*HEADINGS*/
.page_heading {
	border:#000000 solid 2px;
	background:#FFFF00 url(images/page_heading_bg.gif) repeat-y bottom right;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif !important;
	margin:0 0 0.5em 0;
	padding:0.4em 0.5em 0.1em 0.5em;	
}

.page_heading02 {
	background:#000000;
	color:#FFFF00;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif !important;
	margin:0 0 0.5em 0;
	padding:0.1em 0.5em;	
}

.page_heading03 {
	border-bottom:#000000 solid 2px;
	border-top:#000000 solid 2px;
	background:#FF8700;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif !important;
	margin:0 0 1em 0;
	padding:0.4em 0.5em 0.1em 0.5em;	
}

.page_heading04 {
	border-bottom:#FF8700 solid 2px;
	border-top:#FF8700 solid 2px;
	background:#000000;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif !important;
	margin:0 0 0.5em 0;
	padding:0.4em 0.5em 0.1em 0.5em;	
}


.secondary_heading_01 {
	color:#000000;
	padding-bottom:0.5em;
	font-weight:bold;
	font-size:14px;
}

.services_mini_heading, .portfolio_mini_heading, .mini_heading {
	color:#bb0000;
	font-weight:bold;
	font-size:14px;
	padding:0.5em 0;
	text-decoration:underline;
}

.secondary_heading_blue {
	background:#0100e4;
	color:#ffffff;
	padding:0.5em;
	font-weight:bold;
	font-size:14px;
	border:#000000 solid 1px;
	margin:0.5em auto;	
}

.secondary_heading_yellow {
	background:#fff000;
	color:#000000;
	padding:0.5em;
	font-weight:bold;
	font-size:14px;
	border:#000000 solid 1px;
	margin:0.5em auto;
}

.secondary_heading_red {
	background:#bb0000;
	color:#ffffff;
	padding:0.5em;
	font-weight:bold;
	font-size:14px;
	border:#000000 solid 1px;
	margin:0.5em auto;
}

.heading_01 a:link {color: #0000FF;}     /* unvisited link */
.heading_01 a:visited {color: #0000FF;}  /* visited link */
.heading_01 a:hover {color:#00CCFF;}   /* mouse over link */
.heading_01 a:active {color: #0000FF;}   /* selected link */

.secondary_heading_02 {
	color:#ff4000;
	padding:0.2em 0.5em;
	margin:0.5em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif !important;
	border-bottom:#ff4000 solid 2px;
}
/*-------------------------------------------------------------*/
/*------------------------End Typography-----------------------*/
/*-------------------------------------------------------------*/


/*-------------------------------------------------------------*/
/*--------------------Begin Image Container--------------------*/
/*-------------------------------------------------------------*/

/*Floats*/
.left_top {
	float:left;
	margin:0.2em 1em 0.1em 0;
}

.right_top {
	float:right;
	margin:0.2em 0 0.1em 1em;
}

.left {
	float:left;
	margin:0.5em 1em 0.5em 0;
}

.right {
	float:right;
	margin:0.5em 0 0.5em 1em;
}

.right_by_left {
	float:right;
	margin:0.5em 0 0.5em 0.25em;
}

.left_by_right {
	float:left;
	margin:0.5em 0.25em 0.5em 0;
}

.side_by_side { /*this is only for multiple images which will span the width of page*/
	overflow:auto;
	margin:0.45em 0;
}


.right img, .left img, .right_top img, .left_top img, .image_main img, .right_by_left img, .left_by_right img, .in_between img {
	border:#000000 solid 1px;
}

.image_clear {
	clear:both;
	overflow:auto;
}

.portfolio_main_image {
	float:left;
	margin:0.5em 1em 0.5em 0em;
	border:solid #000000 1px;
}

/*non-float image classes*/
.image_main {
	margin: 1em auto;
	text-align:center;
}

.image_main_no_border {
	margin: 1em auto;
	text-align:center;
}

/*-------------------------------------------------------------*/
/*---------------------End Image Containers--------------------*/
/*-------------------------------------------------------------*/


/* common column settings */
/*html format as follows

<div class="next_two_column">
	<div class="col_two">
		<div class="right_column">
			<!-- Right Column start -->
			<!-- Right Column end -->
		</div>
		<div class="left_column">
			<!-- Left Column start -->
			<!-- Left Column end -->
		</div>
	</div>
</div>
*/


.col_two {/*this resides within the .two_column "mask" and creates the background for the left column*/
	float:left;
	width:100%;
	position:relative;
}

.right_column,
.left_column {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

/* 2 Column (left menu) settings */
/*Paste Styles from Excel sheet here*/
/*----------------------------------*/
.two_column  {
position:relative;
clear:both;
float:left;
width:100%;
overflow:hidden;
/*background: #ffffff;*/
}

.two_column  .col_two {
right: 50%;
/*background: #ffffff;*/
}

.two_column .right_column {
width: 46%;
left: 102%;
}

.two_column .left_column {
width: 46%;
left: 6%;
}

/*-End Styles from Excel sheet here-*/
/*----------------------------------*/
 
 .main_page_info {
 	padding-top:300px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:360px;
 }
 
.about_content {
	padding-left:360px;
}

.about_info {
	background:#ffffff;
	border:#bb0000 3px solid;
	font-size:12px;
	float:right;
	width:50%;
	overflow:hidden;
	clear:both;
}

.general_info {
	background:#ffffff;
	border:#bb0000 3px solid;
	font-size:12px;
	overflow:hidden;
	clear:both;
}

#contact_container {
	padding:0.5em 10px;
	text-align:center;
	overflow:hidden;
}

#contact_container table { 
	margin-left: auto;
	margin-right: auto;
}

.box_heading {
	font-size:24px;
	font-weight:bold;
	background:#bb0000;
	padding: 0 10px 3px 10px;
	color:#ffffff;
	text-align:left;
	border-bottom:#000000 solid 1px;
}

.box_text {
	padding:0.5em 10px;
	text-align:left;
	overflow:hidden;
}

.portfolio_text {
	padding:0.5em 10px;
	text-align:left;
	overflow:hidden;
}

.portfolio_container{
	overflow:hidden;
}

.list_text {
	padding:0 0 0 1em;
}

.service_container, .contact_container {
	text-align:left;
	padding:0 1.5em;
}

.service_container ul {
	margin-top:0px;
	margin-bottom:0px;
}

.list_footnote {
	list-style:none;
	font-size:80%;
	font-weight:bold;
}

.service_text, .contact_text {
	padding:0.5em 10px;
	text-align:left;
	overflow:hidden;
}
 
.main_page_info ul {
 	margin:0;
	padding:0;
	list-style:none;
 }
 
.main_page_info li {
	padding-bottom:.25em;
}

.main_page_info li a:link {color: #0000ff !important;}     /* unvisited link */
.main_page_info li a:visited {color: #000000 !important;}  /* visited link */
.main_page_info li a:hover {color:#0000ff !important;}   /* mouse over link */
.main_page_info li a:active {color: #000000 !important;}   /* selected link */

 
.main_page_services {
 	font-size:150%;
	color:#bb0000;
	font-style:italic;
 }
 
.services_left {
 	float:left;
	width:50%;
	text-align:center;
	margin:1em auto 1em auto;
 }
 
 .contact_left {
 	float:left;
	width:40%;
	margin:1em auto;
 }
 
.services_right {
 	float:right;
	width:50%;
	text-align:center;
	margin:1em auto 1em auto;		
 }
 
 .contact_right {
 	float:right;
	width:60%;
	margin:1em auto 1em auto;		 
 }
 
 .services_left img, .services_right img {
	border:none !important;
 }

.box_text table {
	text-align:center;
}

.box_text table a img {
	border:#bb0000 solid 2px !important;
}

.box_text table a:hover img {
	border:#0100e4 solid 2px !important;
}

.blank_thumb {
	border:#000000 solid 2px !important;
}

 
 /*------------Main page service nav-------------------*/
 /*----------------------------------------------------*/
 
 .cssnav	{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	display: block;
	margin: 0; 
	padding: 0;
	text-align: center;
	overflow:hidden;
}

.cssnav img {
	margin:0 auto;
}

.nav_logo {
	background: url(images/logo_button_hover.gif) no-repeat center;
}

.nav_web {
	background: url(images/web_button_hover.gif) no-repeat center;
}

.nav_marketing {
	background: url(images/marketing_button_hover.gif) no-repeat center;
}

.nav_illustration {
	background: url(images/illustration_button_hover.gif) no-repeat center;
}

.nav_photo {
	background: url(images/photo_button_hover.gif) no-repeat center;
}

.cssnav a {
	display: block;
	color: #000000;
	font-size: 11px;
	height: 27px;
	text-decoration: none;
}

.cssnav img {border: 0; display:block; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden;  display:block;}


 /*------------Service page buttons--------------------*/
 /*----------------------------------------------------*/
 
 .service_nav_top	{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	display: block;
	margin: 0; 
	padding: 0;
	text-align: center;
	overflow:hidden;
}

.service_nav_bottom_left, .service_nav_bottom_mid, .service_nav_bottom_right	{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	display: block;
	margin: 0; 
	padding: 0;
	text-align: center;
	float:left;
}

.service_nav_bottom_left {
	width:210px;
	margin-left:28px;

}

.service_nav_bottom_mid {
	width:210px;
	margin:0 13px;
}

.service_nav_bottom_right {
	width:210px;
}

.service_bottom_row {
	padding-bottom:1em;
	overflow:auto;
	width:100%;
	clear:both;
}

.service_nav_top img, .service_nav_bottom_right img,  .service_nav_bottom_mid img,  .service_nav_bottom_left img {
	margin:0 auto;
}

.service_nav_logo {
	background: url(images/service_logo_hover.jpg) no-repeat center;
}

.service_nav_web {
	background:url(images/service_web_hover.jpg) no-repeat center;
}

.service_nav_marketing {
	background:url(images/service_marketing_alt_hover.jpg) no-repeat center;
}

.service_nav_illustration {
	background:url(images/service_illustration_alt_ho.jpg) no-repeat center;
}

.service_nav_photo {
	background:url(images/service_photography_hover.jpg) no-repeat center;
}

.service_nav_top a {
	display: block;
	color: #000000;
	font-size: 11px;
	height: 195px;
	text-decoration: none;
}

.service_nav_bottom_right a, .service_nav_bottom_mid a, .service_nav_bottom_left a {
	display: block;
	color: #000000;
	font-size: 11px;
	height: 200px;
	text-decoration: none;
}


.service_nav_top img, .service_nav_bottom_right img, .service_nav_bottom_mid img, .service_nav_bottom_left img {border: 0; display:block; }
* html a:hover {visibility:visible}
.service_nav_top a:hover img, .service_nav_bottom_right a:hover img, .service_nav_bottom_mid a:hover img, .service_nav_bottom_left a:hover img {visibility:hidden;  display:block;}