html 
	{
	overflow-y:  scroll !important
	}

body
	{
	background-color: #eee;
	margin: 0;
	padding: 0;
	font-family:  verdana, arial, sans-serif;
	}

div
	{
	margin: 0;
	padding: 0;
	}

img
	{
	border: none;
	}

h1, h2, h3, h4
	{
	position:relative;	/* position rather than margin for IE6 */
	}

h1
	{
	font-weight:normal;
	font-size: 20px;
	margin: 12px 0;
	}

h1.less_bright
    {
    color: #666;
    }

h2
	{
	font-weight:normal;
	font-size:  18px;
	color: #333;
	margin: 11px 0;
	}

h3
	{
    font-weight:normal;
	font-size:  16px;
	color: #333;
	margin: 10px 0;
	}

h4
	{
	font-weight:normal;
	font-size:  14px;
	color: #333;
	margin: 9px 0;
	}

a, a:visited
	{
	text-decoration:none;
	color:#3706F1;
	}
a:hover
	{
	color:#f00;
	}
h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited
	{
	color:#777;
	}
h1 a:hover, h2 a:hover, h3 a:hover
	{
	color:#f00;
	}

p, li, td, tr
	{
	font-size:  12px;
	line-height:  20px;
	margin: 0 0 1em 0;
	color: #555;
	}

p.big_intro
    {
    font-size:16px;
    font-weight:normal;
    line-height:23px;
    }

td
	{
	padding-right:8px;
	}

ol li
	{
	margin: 10px 0 0 12px;
	color: #555;
	}

#main_frame
	{
	position: relative;
	margin:  30px auto 8px auto;
	width:  890px;
	background: #fff;
	border:  1px solid #ccc;
	}

#main_header
	{
	position:  relative;
    background: #fff;
	height:  133px;
	}

#main_header #top_links
	{
	position: absolute;
	top: 8px;
	right: 16px;
	padding:  4px 0;
	
	font-size:  11px;
	color:  #444;
	font-weight: bold;
	}

#main_header #top_links a, #end_links a
	{
	color:  #444;
	text-decoration:  none;
	padding: 0 4px;
	}

#end_links a
    {
    padding: 0 8px;
    }

#main_header #top_links a:hover, #end_links a:hover
	{
	color:  #f00;
	}

#main_header img
	{
	margin: 0;
	padding: 0;
	}

#menu
    {
    margin:0;
    padding:6px 0 6px 24px;
    background: #666 url(/images/gradient_s.png) 0 0 repeat-x;
    font-size: 14px;
    }

#menu a, #menu span
    {
    padding:6px 20px;
    margin:0;
    font-weight:bold;
    }

#menu a, #menu a:visited
    {
    color:#fff;
    }

#menu a:hover
    {
    color:#fff;
    background:#aaa;
    }

#menu span
    {
    background: #fff;
    color:#333;
    border-left: 1px solid #777;
    border-right: 1px solid #777;
    }

#height_holder
	{
	/* makes sure the #content div has min height, for IE6 which can't do min-height */
	float: right;
	height: 540px;
	width: 1px;
	}

#content
	{
	position: relative;
	top:  32px;
	left:  100px;
	width:  690px;
	margin-bottom: 60px;
	}

/* #main_heading
    {
    border: solid #7F5A80;
    border-width: 2px 0;
    margin: 16px 0;
    padding: 0 32px;
    }

#main_heading h1
    {
    color: #666;
    font-size: 28px;
    }*/

#end_links
	{
	clear: both;
	border-top:  1px solid #ddd;
	margin-left:  200px;
	padding:  12px 16px 12px 30px;
	text-align: left;
	font-size: 11px;
	color: #444;
	font-weight: bold;
	}

#copyright
	{
	font-size: 9px;
	color: #666;
	text-align: center;
	padding-bottom: 40px;
	}

.errors
	{
	border: 1px solid #FFE7CC;
	background: #FFF8D7;
	padding:8px 12px;
	margin: 16px 0;
	font-size: 12px;
	font-weight: bold;
	}

.quote
    {
    clear:both;
    float:right;
    margin:0 0 16px 16px;
    width: 200px;
    padding:8px;
    background: transparent url(/images/quote_l.gif) 8px 8px no-repeat;
    }

.quote_text
    {
    font-style:italic;
    font-size:16px;
    font-family:Garamond, serif;
    padding:8px 15px 0 20px;
    background: transparent url(/images/quote_r.gif) bottom right no-repeat;
    }

.quote_attribution
    {
    padding:8px 22px;
    font-size: 12px;
    }

.right_column
    {
    clear:both;
    float:right;
    width:200px;
    margin:0 0 0 32px;
    }

.call_us
    {
    display:block;
    margin:8px 0 32px 0;
    padding:8px;
    background: #7F5A80 url(/images/gradient_l.png) 0 0 repeat-x;
    color:#fff;
    text-align:center;
    line-height: 1.8em;
    width:200px;
    position:relative; /* for IE6 */
    left:30px;
    }

.call_us span
    {
    font-size:18px;
    font-weight:bold;
    line-height: 1.8em;
    }

.call_us a, .call_us a:visited
    {
    color:#fff;
    text-decoration:underline;
    }

a.case_study
    {
    color:#fff;
    height:72px;
    line-height:1.5em;
    }

a.case_study:hover
    {
    background:#9D67A0;
    }

a.case_study span
	{
    font-weight:bold;
	}

.case_study .thumbnail
    {
    border: 1px solid #bbb;
    float:left;
    margin:2px 8px 2px 2px;
    }

.screenshot_thumbnail
    {
    clear:right;
    float:right;
    margin:0 0 8px 16px;
    background-repeat:no-repeat;
    background-position:center center;
    }

.screenshot_thumbnail img
    {
    margin:50px 64px;
    }

.gallery_entry
    {
    float:left;
    width:33%;
    text-align:center;
    font-size:10px;
    margin:0 0 32px 0;
    }

.gallery_entry .screenshot_thumbnail
    {
    display:block;
    clear:none;
    float:none;
    }

/* home page */

a.big_text
{
    display:block;
    width:620px;
    height:50px;
    font-size:12px;
    color:#222;
    background: #666 url(/images/main.png) 0 0 repeat-x;
    margin:24px 0;
    padding:10px 0 0 70px;
}

a.big_text span
{
    font-size:20px;
}

a.big_text:hover
{
    background-position:0 -150px;
    color: #fff;
}

.panel
{
	padding:0;
	margin:28px 0 0 0;
}

.panel .pinfo
{
    position:relative;
	margin:0;
	padding:4px 18px 18px 18px;
	font-size:0.8em;
	color:#4F4F4F;
	background:#f4f4f4;
}

.panel h1
{
    font-size:18px;
    margin:18px 0 8px 32px;
}

.h_contact_info
{
    padding-top:28px;
    font-size: 16px;
}

.h_contact_info img
{
    vertical-align:text-top;
    margin: 0 8px 0 32px;
}

/* menus */

.services
{
    float:right;
    width:200px;
    margin:0 0 32px 32px;
    padding:8px;
    border: 1px solid #FF7F00;
    background: #f8f8f8;
}

.services .srv_heading
{
    margin: 14px 10px 20px 10px;
    color:#FF5721;
    font-size:18px;
    text-align:left;
    font-family: verdana, arial, sans-serif;
}

.services ul
{
    margin-right:8px;
}

.m_left_column
{
    margin:0;
    padding:0;
    width:380px;
}

/* projects */

.project
{
    border: 1px solid #FF7F00;
    padding: 4px 20px;
    margin: 2px 0 16px 0;
}

.project h2
{
    font-size: 15px;
}