/* CSS RESETS */
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, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration:none;
}

/* GLOBAL TYPOGRAPHY AND GENERAL STYLES */
body	{font-family: Tahoma, Geneva, sans-serif; font-size:11px; line-height:15px; color:#333;}
h1, h2, h3, h4	{padding:18px 0 11px 0; line-height:19px; color:#333;}
h1 a, h2 a, h3 a, h4 a	{text-decoration:none;}
h1	{font-size:17px;}
h2	{font-size:16px;}
h3	{font-size:14px;}
h4	{font-size:13px;}
p	{padding: 0 0 10px 0;}
a	{color:#333; text-decoration:underline;}
a:hover	{text-decoration:none;}
acronym {cursor: help; border-bottom: 1px dotted #555; }
code {margin: 10px 15px; padding: 10px; border: 1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: normal;display:block; overflow:auto; text-align:left; }
blockquote {margin: 10px 15px; padding: 10px; border: 1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: normal; font-style:italic; }
strong {font-weight: bold; }
del	{text-decoration: line-through;}
ul,ol	{margin:0 0 0 20px;}
table {border-collapse: collapse;	margin: 10px 0px;}
tr {}
tr:hover	{}
th, td {text-align: left; border-width: 1px; border-style: solid; }
th {background-color: #666; padding: 10px 10px; border-color: #DDD; font-weight: bold; color: #FFF; }
td {border-color: #AAA; padding: 10px 10px; }	

/* FOOTER */
#footer {background-image: url(gfx/footer.png); width:600px; height:41px; background-repeat: no-repeat; color:#6a6a6a; font-size:12px; line-height:12px; position:relative;}
#footer a	{text-decoration:none; color:#737373; padding:0 5px 0 3px; display:inline; }
#footer a:hover	{ color: #EEE;}
#footer .left	{ position:absolute; left:20px; top:14px; }
#footer .right	{ position:absolute; right:15px; top:14px;}

/* BASIC LAYOUT */
body { background: #222222 url(gfx/bg_lights.jpg);  background-position:top center; background-repeat: no-repeat; height:100%;}
#bgimg {width:100%; height:100%;  background-image: url(gfx/bg_stripes.png);text-align:center; background-repeat:repeat-x;}
#wrapper {  width:615px; margin:0 auto; padding:10px 0 40px 0; text-align:left;}

/* HEADER */
#header {  width:615px; height:42px; position:relative;}
#header .logo {float:left;}
#header .vcard_header {float:right; margin: 11px 29px 0 0; position:relative; }

/* CONTENT */
#content	{width:614px; height:375px; overflow:hidden; position:relative; }
#content_bg	{width:614px; height:375px; margin:24px 0 26px 0; background:url(gfx/content_bg.png); position:relative; background-repeat:no-repeat; }
.main_content_area	{width:600px; height:310px; position:absolute; top:55px; overflow:hidden; -moz-border-radius:30px; }
.blur_left	{width:17px; height:300px; background:url(gfx/blur_left.png); background-position:left; z-index:99; position:absolute; top:55px;}
.blur_right	{width:17px; height:310px; background:url(gfx/blur_right.png); background-position:right; z-index:99; position:absolute; top:55px; right:14px;}


/* INTROBOXES ON HOMEPAGE */
#content .introbox_holder {height:375px; width: 615px; position:relative;}
#content .introbox_about_shadow {width:205px; height:324px; position:absolute; top:25px; left:0px; z-index:1;}
#content .introbox_about {width:205px; height:324px; position:absolute; top:25px; left:0px; z-index:2; background-image: url(gfx/introboxes.png); cursor:pointer;}
#content .introbox_about_active {width:205px; height:324px; background-image: url(gfx/introboxes.png); background-position: 0px 324px; cursor:pointer;} 
#content .introbox_works_shadow {width:205px; height:324px; position:absolute; top:25px; left:205px; z-index:1;}
#content .introbox_works {width:205px; height:324px; position:absolute; top:25px; left:205px; z-index:2; background-image: url(gfx/introboxes.png); background-position: -205px 0px; cursor:pointer;}
#content .introbox_works_active {width:205px; height:324px; background-image: url(gfx/introboxes.png); background-position: -205px 324px; cursor:pointer;} 
#content .introbox_contact_shadow {width:205px; height:324px; position:absolute; top:25px; left:410px; z-index:1;}
#content .introbox_contact {width:205px; height:324px; position:absolute; top:25px; left:410px; z-index:2; background-image: url(gfx/introboxes.png); background-position: 205px 0px; cursor:pointer; }
#content .introbox_contact_active {width:205px; height:324px; background-image: url(gfx/introboxes.png); background-position: 205px 324px; cursor:pointer;}