@charset "UTF-8";
/* Default */
html, body, div, span, applet, object, iframe,
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style:none;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6{}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Default */



/* CSS Document */
body{ background:#eeeeee;}
.logo{background:url(images/logo.jpg); width:211px; height:63px; float:left; margin-top:30px;}

#nav_panel{width:990px; height:43px; cursor:pointer;}
#footer{width:990px; height:50px; clear:both;}

.aboutbutton{ background:url('images/aboutbutton.jpg') no-repeat right top; width:229px; height:42px; float:left;}
.aboutbutton:hover{background:url('images/aboutbutton.jpg') no-repeat right bottom;}

.servicebutton{ background:url('images/servicebutton.jpg') no-repeat right top; width:229px; height:42px; float:left;}
.servicebutton:hover{background:url('images/servicebutton.jpg') no-repeat right bottom;}

.clientbutton{ background:url('images/clientbutton.jpg') no-repeat right top; width:229px; height:42px; float:left;}
.clientbutton:hover{background:url('images/clientbutton.jpg') no-repeat right bottom;}

.contactbutton{ background:url('images/contactbutton.jpg') no-repeat right top; width:229px; height:42px; float:left;}
.contactbutton:hover{background:url('images/contactbutton.jpg') no-repeat right bottom;}


#maincontent1{ width:990px; height:460px;}
#leftcontent1{ width:498px; height:401px; float:left; background:url(images/flashvideo.jpg);}
#rightcontent1{ width:465px; height:460px; float:right; margin-top:10px; margin-left:10px;}

#maincontent2{ width:990px; height:460px;}
#leftcontent2{ width:270px; height:460px; float:left; margin-top:10px; margin-left:10px;}
#rightcontent2{ width:700px; height:460px; float:left; margin-top:10px; margin-left:10px;}

#maincontent3{ width:990px; height:460px;}
#column1{ width:300px; height:460px; float:left; margin-top:10px; margin-left:20px;}
#column2{ width:330px; height:460px; float:left; margin-top:10px;}
#column3{ width:300px; height:460px; float:left; margin-top:10px;}

#maincontent4{ width:990px; height:460px;}
#leftcontent4{ width:500px; height:460px; float:left; margin-top:10px;}
#rightcontent4{ width:460px; height:460px; float:right; margin-top:10px; margin-left:10px;}


.textfoot{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#696969;}
.text1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#696969;}
.textthumb{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#484848; margin-top:20px; margin-right:5px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif}
.textthumb:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#ededed; text-decoration:none; text-shadow:#00FF33 margin-right:15px; background-color:#727272;}


#bgflash{ background:url(images/flashvideo.jpg); width:498px; height:401px;}
.bgimage{width:143px; height:92px; float:left; margin:10px;}
.imgmargin{float:left; margin:8px; border: solid 1px #CCCCCC;}

.imgmarginthumb{float:left; margin:5px; border: solid 1px #eeeeee; margin-right:15px}
.imgmarginthumb:hover{float:left; margin:5px; border: solid 1px #dddddd; margin-right:15px}



.imgmarginleft{ float:left; margin-left:100px;}


/*Accordion*/

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 20em;
  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#484848;
  cursor:pointer;
}

ul#menu a {
  display: block;
  text-decoration: none;
}

ul#menu li {
  margin-top: 1px;
  cursor:pointer;
}

ul#menu li a {
  background: #696969;
  
  color: #484848;	
  padding: 0.5em;
  
}

ul#menu li a:hover {
  font-size:11px;
  cursor:pointer;
}

ul#menu li ul li a {
  background: #ccc;
  color: #484848;
  padding-left: 20px;
  font-weight:normal
}

ul#menu li ul li a:hover {
  background: #eefaff;
  border-left: 5px #eefaff solid;
  padding-left: 15px;
  font-size:11px;
  cursor:pointer;
}

ul#menu li ul li a:focus {
  background: #dbf3fe;
  border-left: 5px #6a6a6a solid;
  padding-left: 15px;
  font-size:11px;
  cursor:pointer;
}


.prev{ background:url(images/prev.jpg); width:80px; height:25px; float:right; margin-right:10px;}
.next{ background:url(images/next.jpg); width:56px; height:25px; float:right;}
.back{ background:url(images/back.gif); width:53px; height:25px; float:right;}