/*LD SCREEN styles 30.05.2011*/

/* General
---------------------------------------*/
body {
	margin: 0; padding: 0;
	background: #889e9c;
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 11px; color: #000; line-height: 1.4;
}

form {
	margin: 0;
	padding: 0;
	display: inline;
}

img, object {
	margin: 0;
	padding: 0;
	border: 0;
	display: block; /*to avoid IE 3px bug*/
}

ul, li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

hr {
	display: none; /*invisible content divider (for css off mode/disabled folks)*/
}

/* Misc
---------------------------------------*/
.none { display: none; }
.counter { display: none; }
.margb0, .prtextbox p.margb0{margin-bottom:0px;}
.clear {clear:both;}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.ldclearfix{display:block;height:0;clear:both;visibility:hidden;}
.clearbox {width:100%;overflow:hidden;}

/* Links global
---------------------------------------*/
a {color:#be0000;text-decoration:none;outline:none;}
a:hover {text-decoration:underline;}
a:active {color:#be0000;text-decoration:underline;}

/* Container
---------------------------------------*/
#container {
	width: 768px; 
	text-align: left;
	margin: 20px auto;
}

/* Header
---------------------------------------*/
#header { 
	width: 768px; 
	height: 140px; 
	clear: both;
	display: block;
	background: #E4EAEA;
	position: relative;
}

#header img#logo-print{ display:none; }

#header h1,
#header #nav{
	float: left;
	display: inline; /*to avoid IE double margin bug*/
	position: relative;
}

#header h1 { 
	width: 558px;
	height: 140px; float:right;
	background: url(navi/header.jpg) no-repeat top left; 
}

#nav { 
	width: 210px;
	height: 140px;
	background: url(navi/menu_bg.jpg) top right repeat-y;
}

#header h1 a#logo {
display: block; text-indent: -9999px;
position:absolute; left:50px; top:40px;
width:265px; height: 60px; 
background: url(navi/ld_logo.png) no-repeat top left; 
}

#header h1 em.location {
font-size: 12px;font-weight:normal;
position:absolute; left: 130px;top: 85px;
}

#nav ul {margin: 51px 0px 0px 0px;}
#nav ul li {display:block;}

#nav ul a {
	width:210px;height:21px;display:block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#nav ul a:hover{background-position: 0px -21px;}
#nav ul a.act {background-position: 0px -42px;}

a#nav-home {background-image: url(navi/bthome.png);}
a#nav-web {background-image: url(navi/btweb.png);}
a#nav-print {background-image: url(navi/btprint.png);}
a#nav-anim {background-image: url(navi/btanim.png);}
a#nav-contact {background-image: url(navi/bthome.png);}

body.home a#nav-home {background-position: 0px -42px;}
body.web a#nav-web {background-position: 0px -42px;}
body.print a#nav-print {background-position: 0px -42px;}
body.anim a#nav-anim {background-position: 0px -42px;}
body.contact a#nav-contact {background-position: 0px -42px;}

/* Content
---------------------------------------*/
#content { 
width: 768px; 
background: #E4EAEA url(navi/content_bg.jpg) top left repeat-y;
clear:both;display:block;overflow:hidden;
padding:20px 0;
}

#content-row { 
width: 768px; 
/*min-height: 300px;*/
height: auto;
clear: both;
display: block;
}

#submenu, 
#maincontent {
	float: left;
	display: inline; /*to avoid IE double margin bug*/
	position: relative;
}
#submenu {width:210px;}
#maincontent {width:558px;float:right;}
#maincontent.wide {width:721px;margin-left:27px;}

#maincontent ul { list-style: none; margin: 0 0 1em 0;}
#maincontent ul li {
background:url(navi/disc1.gif) 0px 5px no-repeat;
padding:0 0 0 10px; margin: 0 0 0.5em 10px;
}

/* Path
---------------------------------------*/
.path { 
clear:both;display:block;overflow:hidden;
/*background:white;*/
}
.path a{background:url(navi/breadcrumb.gif) center right no-repeat;padding-right:8px;margin-right:5px;}

/* Submenu
---------------------------------------*/
#submenu h2 { 
	margin: 0px 20px 5px 20px; 
	/*color: #be0000;*/
	color: #000;
	font-size: 12px; 
	font-weight: bold; 
	text-transform:uppercase;
}
#submenu ul { 
	margin: 0px 20px 10px 20px;
	text-align: left;
}
#submenu li { 
	margin-bottom: 5px;
	padding: 0px 0px 0px 14px;
	background:url(navi/listmark.gif) 0px 4px no-repeat;
}
#submenu a {color:#000;}
#submenu strong a {color:#be0000;display:block;}

#submenu em {color: #666;}

#submenu a:active {color:#be0000;text-decoration:underline;}

#submenu li.new { 
	background:url(navi/bullet_green.png) 100% 0 no-repeat;
}

/* Maincontent PROJECT DISPLAY pages
---------------------------------------*/
.prbox{
width:538px;
clear:both;
margin-bottom:15px;
overflow:hidden;
}

.prshots, 
.prtextbox {
	float: left;
	display: inline; /*to avoid IE double margin bug*/
	position: relative;
}

.prshots { 
	width:325px;/*height:240px;*/
	/*background: url(navi/loading.gif) top left no-repeat;*/
	margin-right:20px;
	margin-bottom:5px;
}

.prtextbox {width:193px;}
.prshots img {border-bottom:4px solid #444;}
.prshots a:hover img {border-color:#be0000;}

#maincontent h2 { 
	color: #be0000; 
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 5px;
	border-bottom: 1px solid #be0000;
}
#maincontent .prbox h2 {
width:193px;float:right;
}

#maincontent h3 {
	color: #000;
	font-size: 12px;
	font-weight: bold; 
	margin-bottom: 5px;
}

.prtextbox p {margin-bottom:15px;}

.prtextbox p.hrnotes{font-size:10px;color:#2F4543;border-top:1px solid #ccc;padding:2px 2px;margin:3px 0px;}
.prtextbox p.heart{background:url(navi/heart.png) 0px 2px no-repeat;padding-left:20px;}
.prtextbox p.help{background:url(navi/help.png) 0px 2px no-repeat;padding-left:20px;padding-bottom:4px;}

.prtextbox p.hrnotes a{color:#2F4543;}
.prtextbox p.hrnotes img {display:inline;padding-right:3px;}

.prtextbox p.lnk1, .prtextbox p.lnkout {background:url(navi/lnk1.gif) 0px 1px no-repeat;padding-left:8px;margin-bottom:5px;}
.prtextbox p.lnkout a{background:url(navi/lnkout.gif) top right no-repeat;padding-right:15px;}

/* Maincontent WIDE
---------------------------------------*/
#maincontent.wide p.words {
	font-size: 11px;
	color: #000;
	margin: 8px 0px;
	background: url(navi/words_bg.gif) top left no-repeat;
	padding: 0px 16px 8px 16px;
	border-bottom: 1px solid #fff;
}
p.words span.note  {font-size:9px;color:#2F4543;font-weight:normal;background:white;}

/* Footer
---------------------------------------*/
#footer { 
width: 768px; 
clear: both;
font-size: 10px;
display: block;
color:#2F4543;
}

.footer-links { 
float: left;
text-align: left;
line-height: 20px;
padding: 10px 10px;
}
.footer-links a {color:#000}
p.copyright, p.links {margin:0;padding:0;}
p.copyright a {color:#000}

.footer-info { 
float: right; 
text-align: left;
text-align: left; 
line-height: 20px; 
padding: 10px 0px; 
width:210px;
}

.footer-info h2 {font-size:12px;font-weight:bold;display:none;}
.footer-info p {}

.footer-info span.tel {
background: url(navi/ico_tel.gif) center left no-repeat;
padding-left:25px;
}

.footer-info span.email {
background: url(navi/ico_email.gif) center left no-repeat;
padding-left:25px;
}

.footer-info span.email a {
/*color:#2F4543;*/ color:#000;
}

.footer-info span.tel em , .footer-info span.email em  { font-style:normal; display:none;}


/* Maincontent Contact page
---------------------------------------*/
h3.contactForm {
margin-bottom: 10px;
background: url(navi/h3_contactform.gif) top left no-repeat;
height: 9px;
}
form { 
margin: 0px;
padding: 0px;
}
input, select, textarea {
width: 99%;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 1em;
border: 1px solid #D2D8D8;
}
#formContact {
background: url(navi/contactform_bg.gif) bottom left repeat-x;
padding: 4px;
border: 1px solid #D2D8D8;
width: 310px;
}
#sendButton {
	width: 36px;
	height: 16px;
	float: right;
	padding-top: 4px;
	border: 0px;
}
.formRow {
padding-bottom: 4px;
display: block;
clear: both;
}
.formCol1 {
padding-bottom: 4px;
float: left;
width: 140px;
}
.formCol2 {
padding-left: 10px;
padding-bottom: 4px;
float: right;
width: 140px;
}
p.formNote {
margin: 4px;
font-size: 0.8em;
}

/*contact page --online status table*/
table#online td {
padding-bottom: 5px;
vertical-align: middle;
}

/* Home page
---------------------------------------*/


/* TEMPORAR
---------------------------------------*/
/* hostgator promotie */