/*Legal-Graphics, Inc. Website */


/*------------------------------------------------------------------------------
	Normalized Font Sizes, Margins, Paddings, and List Styles.  Do Not Alter.
------------------------------------------------------------------------------*/				

* html, body, h1, h2, h3, h4, h5, h6, p, a, div, img, ul, dl, dt, dd, strong, ol, li, span	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	text-decoration: none;
	color: white;
	}

html	{
	background: url(../images/sitefiles/bg_stripe-h.png);
	}

body	{
	background: url(../images/sitefiles/bg-news.png) repeat-x;
	width: 990px;
	margin: 5px auto 0 auto;
	font: 90% Arial, Calibri, sans-serif;
	font-weight: bold;
	border: 1px solid black;
	}
	
/*------------------------------------------------------------------------------
	Main Navigation Styles
------------------------------------------------------------------------------*/	

#navigation	ul {
	float: left;
	padding: 15px 0 0 35px
	}
	
#navigation #main_nav li	{
	padding: 0;
	}
	
#main_nav {
	margin: 0;
	padding: 0;
	height: 17px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#main_nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#main_nav a {
	float: left;
	padding: 20px 0 0 2px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	border-left: 3px solid #FF9900;
	}

.l_graphicdesign a:hover, #graphic_design .l_graphicdesign a {
	background-position: -2px -18px; 
	}
	
.l_consulting a:hover, #consulting .l_consulting a {
	background-position: -1px -18px;
	}
	
.l_technology a:hover, #technology .l_technology a {
	background-position: -1px -18px;
	}
	
.l_testimonials a:hover, #testimonials .l_testimonials a {
	background-position: -1px -18px;
	}

.l_contact_m a:hover, #contact .l_contact_m a {
	background-position: -1px -18px;
	}

.l_consulting a  {
	width: 88px; height: 17px;
	background: url(../images/sitefiles/btn_consulting.png) top center no-repeat; margin-right: 2px; 
	}

.l_graphicdesign a  {
	width: 113px; height: 17px;
	background: url(../images/sitefiles/btn_graphicdesign.png) top center no-repeat; margin-right: 2px;
	}
	
.l_technology a	{
	width: 92px; height: 17px;
	background: url(../images/sitefiles/btn_technology.png) top center no-repeat; margin-right: 1px;
	}
	
.l_testimonials a	{
	width: 99px; height: 16px;
	background: url(../images/sitefiles/btn_testimonials.png) top center no-repeat; margin-right: 1px;
	}
	
.l_contact_m a	{
	width: 73px; height: 17px;
	background: url(../images/sitefiles/btn_contact.png) top center no-repeat; border-right: 3px solid #FF9900; 
	}
	
/*------------------------------------------------------------------------------
	Sidebar Styles
------------------------------------------------------------------------------*/	

#sidebar	{
	width: 150px;
	}
	
#sidebar img	{
	margin: 13px 0 10px 15px;
		} 
	
#sidebar img.logo	{
	margin: 15px 0 0 0;
	} 
	
#sub_nav li	{
	list-style-type: square;
	padding: 5px 0 0 0;
	margin: 0 0 0 55px;
	font-size: 85%;
	}
	
#sub_nav li a:active, a:hover		{
	color: #f60;
	text-decoration: none;
	}
	
#sidebar h3	a 	{
	margin: 5px 0 0 18px;
	width: 90px;
	text-align: center;
	border: none;
	}
	
#sidebar ul	{
	padding-bottom: 200px;
	margin-top: 5px;
	}
	
#our_team .l_our_team, #careers .l_careers, #calendars .l_calendars, #contact .l_contact, #clients .l_clients, #focus-groups .l_focus { color: #f60; }
	
/*-----------------------
	Content Styles
-----------------------*/

#content	{
	float: right;
	width: 825px;
	}

#left_content	{
	float: left;
	width: 375px;
	}
	
#right_content	{
	float: right;
	width: 450px;
	}
	
#left_content h1	{
	height: auto;
	}
	
p a	{
	color: #cccccc;
	}
	
p	{
	margin: 0 0 15px 35px;
	padding: 0; !important
	padding: 3px 0 0 0;
	font-size: 85%;
	font-weight: bold;
	line-height: 15px;
	}
	
h2	{
	margin: 0px 0 0 35px;
	color: #CCCCCC;
	font-size: 90%;
	}
	
h2 a	{
	color: #ccc;
	font-size: 90%;
	text-decoration: underline;
	}
	
h2 a:hover	{
	color: #ff9900;
	text-decoration: underline;
	}
	
#left_content ul li	{
	list-style-type: square;
	font-size: 85%;
	margin: 0 0 0 60px;
	padding: 3px 0 0 0;
	}
	
dl 	{
	margin: 0 0 0 -5px;
	font-size: 85%;
	font-weight: bold;
	list-style-type: disc;
	}
	
dd	{
	padding: 0 0 0 70px;
	}
	
dt	{
	padding: 15px 0 0 40px;
	}
	


/*-----------------------------
	Page Specific Styles
-----------------------------*/
	
#careers #left_content ul li	{
	margin-left: 70px;
	}

#careers #left_content ul {
margin: -15px 0 0 0;
}
	
#careers #right_content ul li	{
	font-weight: bold;
	margin: 0 0 0 30px;
	}
	
#right_content ul	{
	font-size: 85%;
	font-weight: normal;

}
	
#right_content ul li	{
	list-style-type: square;
	padding: 3px 0 0 0;
	}
		
#right_content p	{
	margin: 44px 0 0 0;
	padding: 0;
	}

#flashcontent	{
	margin: 0 0 0 -8px;
	padding: 0;
	}
	

#slideshow	img	{
	margin: 5px 0 5px 25px;
	}

#calendars #left_content img	{
	margin: 0 0 0 30px;
	}
	
#tech_boxes	{
	width: 750px;
	margin: 0 auto;
	clear: both;
	}
	
#tech_boxes img	{
	margin: 5px 20px 20px -3px;
	}
	
#home #footer img	{
	margin: -65px 0 0 0;
	}
	
#graphic_design p	{
	margin-top: 15px;
	width: 60%;
	}
	
#contact #tech_boxes img	{
	margin: 3px 0 0 -3px;
	padding: 0;
	}
	
/*-----------------------------
	Footer and Date Styles
-----------------------------*/

#footer	{
	clear: both;
	}

#date h4	{
	font-style: italic;
	font-size: 75%;
	float: right;
	margin: -20px 10px 0 0;
	color: #666666;
	clear: both;
	}
	
/*--------------------------
	Headline Images Styles
--------------------------*/

/*--Home Page--*/
#home h1	{ text-indent: -9999px; background: url(../images/sitefiles/how-will-you-tell-your-story.png) no-repeat; margin: 70px 0 31px 25px; height: 95px; }
/*--Consulting Page--*/
#consulting h1	{ text-indent: -9999px; background: url(../images/sitefiles/tell-us-about-your-case.png) no-repeat; margin: 75px 0 29px 25px; height: 91px; }
/*--Graphic Design Page--*/
#graphic_design h1	{ text-indent: -9999px; background: url(../images/sitefiles/winning-graphics.png) no-repeat; height: 45px; margin: 75px 0 0 30px; }
/*--Technology--*/
#technology h1	{ text-indent: -9999px; background: url(../images/sitefiles/pros-with-technology.png) no-repeat; margin: 70px 0 31px 25px; height: 95px; }
/*--Testimonials--*/
#testimonials h1	{ text-indent: -9999px; background: url(../images/sitefiles/real-results.png) no-repeat; height: 100px; margin: 109px 0 18px 25px; }
/*--Contact Us--*/
#contact h1	{ text-indent: -9999px; background: url(../images/sitefiles/real-people.png) no-repeat; margin: 80px 0 37px 25px; height: 79px; }
/*--Careers--*/
#careers h1	{ text-indent: -9999px; background: url(../images/sitefiles/join-the-fun.png) no-repeat; margin: 117px 0 43px 30px; height: 36px; }
/*--Our Team--*/
#our_team h1	{ text-indent: -9999px; background: url(../images/sitefiles/team-lg-head.png) no-repeat; margin: 116px 0 43px 30px; height: 36px; }
/*--Calendars--*/
#calendars h1	{ text-indent: -9999px; background: url(../images/sitefiles/calendar.png) no-repeat; margin: 116px 0 40px 30px; height: 36px;}
/*--Clients--*/
#clients h1	{text-indent: -9999px; background: url(../images/sitefiles/we-work-with-the-best.png) no-repeat; margin: 70px 0 38px 25px; height: 87px; }
/*--News--*/
#news h1	{text-indent: -9999px; background: url(../images/sitefiles/news-and-articles.png) no-repeat; margin: 50px 0 30px 25px; height: 120px; }
/*--Focus Groups*/
#focus-groups h1	{text-indent: -9999px; background: url(../images/sitefiles/focus-groups.png) no-repeat; margin: 50px 0 30px -20px; height: 120px; }

/*-------------------------
	Employees Divs
-------------------------*/


#employees	{
	margin-top: -10px;
	}
	
#employees ul	{
	margin: 0px 0 0 65px;
	}

#employees ul li	{
	list-style-type: square;
	padding-bottom: 5px;
	}
	
#employees a	{
	font-size: 80%;
	color: #3366FF;
	text-decoration: underline;
	}
	
#employees a:hover	{
	color:#ff6600;
	}

.expanded	{
	width: 450px;
	color: white;
	background-color: black;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	clear: both;
	height: 165px;
	}
	
.expanded img	{
	float: left;
	padding: 5px 10px 0 0;
	clear: right;
	}
	
.expanded ul li	{
	padding: 4px 0;
	font-size: 80%;
	width: 80%;
	}	

#sam_expand	ul li, #janice_expand ul li, #stephen_expand ul li, #danny_expand ul li, #ben_expand ul li, #mary_expand ul li, #james_expand ul li{
	list-style-type: none;
	}
	
li a	{
	cursor: pointer;
	}
	
#employees	{
	clear: both;
	}
	
	
/*------------------------
	Clients Page 
------------------------*/	

ol	{
	list-style-type: none;
	width: 100%;
	margin-left: 30px;
	}
	
ol li	{
	font-size: 65%;
	font-weight: normal;
	width: 19.5em;
	line-height: 1.5em;
	}
	
.ah	{
	margin-top: -48em;
	}
	
.bo	{
	margin-top: -48em;
	}
	
.ct	{
	margin-top: -46.5em;
	}
	
.ah, .ai, .aj, .ak, .al, .am, .an, .ao, .ap, .aq, .ar, .as, .at, .au, .av, .aw, .ax, .ay, .az, .ba, .bb, .bc, .be, .bf, .bg, .bh, .bi, .bj, .bk, .bl, .bm, .bn	{
	margin-left: 19.5em;	
	}
	
.bo, .bp, .bq, .br, .bs, .bt, .bu, .bv, .bw, .bx, .by, .bz, .ca, .cb, .cc, .cd, .ce, .cf, .cg, .ch, .ci, .cj, .ck, .cl, .cm, .cn, .co, .cp, .cq, .cr, .cs 	{
	margin-left: 40em;
	} 
	
.ct, .cu, .cv, .cw, .cx, .cy, .cz, .da, .db, .dc, .dd, .de, .df, .dg, .dh, .di, .dj, .dk, .dl, .dm, .dn, .do, .dp, .dq, .dr, .ds	{
	margin-left: 63em;
	}
	
/*-----------------------------
	Focus Groups
-----------------------------*/

#focus-groups .img-top	{
	padding-top: 180px;
	}
	
#focus-groups .focus_intro	{
	margin-top: -10px;
	}
	
	
/*-----------------------------
	Graphic Design Highslide
-----------------------------*/	
#center_content img	{
	border: none;
	}

.highslide {
	cursor: url(../graphic-design/highslide/graphics/zoomin.cur), pointer;
    outline: none;
	}

.highslide-active-anchor img {
	visibility: hidden;
	}

.highslide img {
	border: 2px solid gray;
	}

.highslide:hover img {
	border: 2px solid black;
	}

.highslide-wrapper {
	background: black;
	}

.highslide-image {
    border: 2px solid black;
	}

.highslide-loading {
    display: block;
	color: white;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: black;
    padding-left: 22px;
    background-image: url(../graphic-design/highslide/graphics/loader.white.png);
    background-repeat: no-repeat;
    background-position: 3px 1px;
	}


.highslide-move {
    cursor: move;
	}

.highslide-overlay {
	display: none;
	}

a.highslide-full-expand {
	background: url(../graphic-design/highslide/graphics/fullexpand.png) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
	}

.controlbar {	
	background: url(../graphic-design/highslide/graphics/controlbar.png);
	width: 104px;
	height: 26px;
	margin: 0 0 3px 10px;
	/*opacity: 0.5;*/ /* W3C CSS3, Safari */
	/*-moz-opacity: 0.5;*/ /* Gecko */
	/*filter: alpha(style=0,opacity=50);*/ /* IE simulation of PNG alpha gradient */
	/*background: expression('url()');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../graphic-design/highslide/graphics/controlbar.png');*/
    }

.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0px 4px;*/	
	height: 26px;
	}

.controlbar a:hover {
    background-image: url(../graphic-design/highslide/graphics/controlbar-hover.png);
	/*background: expression('url()');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../graphic-design/highslide/graphics/controlbar-hover.png');*/
	}

.controlbar .previous {
	width: 26px;
	}

.controlbar .next {
	width: 25px;
	background-position: -26px 0px;
	}

.controlbar .highslide-move {
	width: 24px;
	background-position: -51px 0;
	}

.controlbar .close {
	width: 24px;
	background-position: -75px 0;
	}

/* Necessary for functionality */
.highslide-display-block {
    display: block;
	}
	
.highslide-display-none {
    display: none;
	}