img,div,ul,li,a { behavior: url(/iepngfix.htc) }

img {
  border: 0px ;
}

html {
  height:100%;
}

body
{
  height: 100%;
  background-color: black;
 font-family: "Adobe Garamond Pro", Garamond, Georgia, "Times New Roman", Times, serif;
  font-size:10px;
  color: #FFFFFF;
  /*width: 980px;
  margin: 0 auto !important;*/
  text-align: center !important;
  background-image: url(/images/frontend/background.jpg);
  background-repeat: repeat;
}

a
{
color: #FFFFFF;
text-decoration: none;
}

a:hover
{
/*background-color: #ddd;*/
color: #ffffc0;
}

#main {
margin: 0px auto;
width: 980px;
text-align: center;
padding: 0px 0px 0px 0px;
}

div.centerdiv {
       position: relative;
       margin-left: auto;
       margin-right: auto;
       width: 980px;
	   text-align: left;
}


#page {
text-align: left;
}

/*-- details */

#details
{
width: 940px;
background-color: #f5f5f5;
padding: 20px;
margin: 0px auto;
line-height: 18px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 8px;
text-align: justify;
color: #666666;
background: url('/images/frontend/wood_background.jpg');
background-repeat: repeat;
background-color: #230d00;
border: 1px solid #4b2111; 
}

#detailsInside {
width: 480px;
padding: 15px 30px 20px 30px;
background-color: #FFFFFF;
margin: 0px auto;
overflow: hidden;
}

#details h2 {
font-size: 20px;
color: #6c6c6c;
font-family: "Adobe Garamond Pro", Garamond, Georgia, "Times New Roman", Times, serif;
}

#details h2 a {
font-size: 20px;
line-height: 28px;
color: #6c6c6c !important;
text-decoration: none !important;
font-family: "Adobe Garamond Pro", Garamond, Georgia, "Times New Roman", Times, serif;
}

#details a {
font-size: 16px;
line-height: 18px;
color: #005aae;
text-decoration: underline;
font-family: Arial, Helvetica, Verdana, sans-serif
}

#details h3 {
font-size: 24px;
line-height: 28px;
color: #6c6c6c;
font-family: "Adobe Garamond Pro", Garamond, Georgia, "Times New Roman", Times, serif;
}

.post h2
{
padding: 0.5em;
}

.entry
{
padding: 0.5em;
}
#details p, .entry p
{
line-height: 1.4;
padding-bottom: 1em;
}

h2
{
font-size: 1.4em;
margin-top: 0.5em;
}

#content
{
background-color: #222;
}

#header
{
height: 120px;
padding: 0px 0px 0px 0px;
}

#header img
{
float: left;
padding-right: 1em;
}

#header p
{
padding-top: 1em;
}

#logo
{
float: left;
padding: 0px;
margin: 0;
}

#logo img {
width: 99px !important;
height: 98px !important;
}

#topBlurb
{
padding-top: 0px;
margin: 0px auto;
text-align: center;
font-style: italic;
font-size: 14px;
color: #686868;
}

#header {
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 980px;
position: relative;
}

#header #topmenu
{
float: right;
margin: 10px 0;
padding: 0;
font-family: arial;
}

#header #topmenu ul
{
margin: 0;
padding: 0;
}

#header ul li
{
float: left;
padding: 5px 5px 5px 5px;
display: inline;
}

#header ul li a
{
font-size: 16px;
line-height: 50px;
height: 50px;
font-family: "Adobe Garamond Pro", Garamond, Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
display: inline;
padding-top: 30px;
}

#header ul li a:hover
{
color: #ffffc0;

}

#header img {
display: inline;
padding: 0;
margin: 0px 10px 0px 8px;
}

#search
{
float: right;
width: 170px;
overflow: hidden;
margin-top: 28px;
padding: 0;
}

#search form
{
margin: 0;
padding: 0;
}

#thing
{
position: absolute;
top: 120px;
left: 300px;
background-color: #999;
padding: 1em;
color: white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#s
{
width: 100px;
font-size: 11px;
background-color: #FFF;
color: #000;
padding: 2px 5px 2px 5px;
margin: 0px 0px 0px 0px;
border: 1px solid #b4b4b4;
font-family: Arial, Helvetica, sans-serif;
display: inline;
float: left;
height: 16px;
}

.hidden {
font-size: 9px !important;
line-height: 9px !important;
}

.login {
font-size: 10px;
text-align: right;
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #8f8f8f;
text-decoration: underline;
position: absolute;
right: 0px;
top: 4px;
}


#searchsubmit {
font-size: 11px;
background-color: #161718;
color: #FFFFFF;
padding: 0px 5px 2px 5px;
margin: 0px 0px 0px 0px;
border: 1px solid #393939;
font-family: Arial, Helvetica, sans-serif;
display: inline;
float: right;
height: 22px;
width: 53px;
}

/*#s {
font-size: 10px;
background-color: #FFF;
color: #000;
padding: 2px 5px 2px 5px;
border: 1px solid #b4b4b4;
font-family: Arial, Helvetica, sans-serif;
display: inline;
}*/


#content_16_9
{
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
position: absolute;
top: 0;
left: 0px;
}

#wrapper
{
  -moz-border-radius: 10px;
clear: both;
float: left;
font-family: arial;
font-size: 10px;
height: 348px;
width: 980px;
position: relative;
background:transparent url('/images/frontend/homepage.jpg') no-repeat scroll top left;
z-index:0;
}

#wrapper.with-background
{
  background:transparent url('/images/frontend/big.jpg') no-repeat scroll 0px 0px;
}

#widescreen
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 348px;
z-index: -1;
}

#widescreen a {
position: relative !important;
}

#widescreen p
{
text-align: center;
margin-top: 4em;
font-size: 2em;
}

#widescreen_web_dev
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 348px;
}

#widescreen_web_dev p
{
text-align: center;
margin-top: 4em;
font-size: 2em;
}

#menu
{
width: 180px;
/*
position: relative;
top: 0;
left: 0;
*/
float: left; 
background-image: url(/images/frontend/menu-background.png);
background-repeat: no-repeat;

opacity: 0.8;
-moz-border-radius: 10px;
-moz-opacity: 0.8;
height: 349px;
z-index: 100;
}

#menu a {
position: relative !important;
float:left;
margin:0px;
clear:left;
width:170px;
}


#menu a:hover {
background-color: #272727;
opacity: 0.5;
-moz-border-radius: 10px;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
position: relative;
}


#infobox
{
float:right;
height: 329px; 
padding-top: 20px;
width: 180px;

background-image: url(/images/frontend/menu-background1.png);
background-repeat: no-repeat;

/*background-color: #000;*/
opacity: 0.7;
-moz-border-radius: 10px;
-moz-opacity: 0.7;
filter:alpha(opacity=70);
font-size: 11px;
z-index: 99;
}

#infobox a {
color: #8bdaff;
text-decoration: underline;
}

#infobox h2 a {
color: #FFFFFF;
text-decoration: none !important;
}

#menu ul
{
padding: 0px 0px 0px 0px;
}

#menu ul li
{
}

#menu ul li a
{
  padding:5px 0px 5px 5px;
display: block;
outline: none;
line-height: 20px;
font-size: 11px;
text-transform: uppercase;
color: #FFFFFF !important;
position: relative !important;

}

#menu ul li a:focus
{
/*background-color: #ccc;*/
color: #ffffc0;
}

#menu ul li a:hover
{
/*background-color: #ddd;*/
color: #ffffc0;
}

#content_16_9 .post
{
width: 620px;
float: left;
}

#content_16_9 .info
{
width: 180px;
float: left;
}

.inner
{
line-height:12px;
padding: 0 20px;
color: #7c7c78;
z-index:-1;
}

.clear {
clear: both;
}

#seemore {
color:#424242 !important;
font-size: 11px !important;
}

.more  {
color:#838383 !important;
font-size: 11px !important;
text-decoration: underline  !important;
text-align: right;
float: right;
position: relative;
}

.showreel {
height: 23px;
padding: 5px 0px 0px 0px  !important;
margin: 0px 0px 0px 0px  !important;
z-index: 998;
position: relative;
}

.showreel {
	text-decoration: none !important;
}

.showreelTxt {
color: #7c7c78 !important;
font-size: 11px !important;
text-decoration: none  !important;
font-weight: normal !important;
float: left;
padding: 0px 0px 0px 0px  !important;
margin: 4px 5px 5px 5px !important;
cursor: hand;
opacity: none;
}

.showreelTxt a {
	color: #7c7c78 !important;
	text-decoration: none  !important;
	font-size: 10px !important;
	line-height: 9px !important;
}

a .showreelTxt {
	color: #7c7c78 !important;
	text-decoration: none  !important;
	font-size: 10px !important;
	line-height: 9px !important;
}

.showreelImg  {
font-size: 11px !important;
text-decoration: none  !important;
width: 30px;
float: left;
padding: 0px 0px 0px 0px  !important;
margin: -4px 0px 0px 0px !important;
text-align: center;
}

#article {
width: 940px;
background-color: #f5f5f5;
padding: 20px;
margin: 0px auto;
line-height: 18px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
text-align: justify;
color: #666666;
background: url('/images/frontend/wood_background.jpg');
background-repeat: repeat;
border: 1px solid #4b2111;
}

#article h2 {
font-size: 24px;
line-height: 28px;
color: #666666;
font-family: "Adobe Garamond Pro", Garamond, Georgia, "Times New Roman", Times, serif !important;
border-left: 3px solid #666666 !important;
padding: 10px 0px 0px 10px !important;
margin: 0px 0px 20px 0px !important;
}

#article_menu {
float: left;
width: 140px;
margin: 0px 0px 0px 100px;
padding: 10px 10px 20px 10px;
overflow: hidden;
background: url('/images/frontend/articlemenu_back.png');
background-repeat: repeat-y;
font-size: 12px;

}

.list {
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0px 0px 0px;
}

.list a:hover {
	text-decoration: underline;
}

#article_menu a {
	font-size: 12px;
}

#article_desc {
float: left;
width: 480px;
padding: 10px 30px 20px 30px;
background-color: #FFFFFF;
margin: 0px 20px 0px 20px;
overflow: hidden;
font-size: 12px;
}

#article_desc div {
font-size: 12px;
}

#article_desc p {
margin: 14px 0 14px 0;
font-size: 12px;
}

#article_desc strong {
font-weight: bold;
}

#article_desc ul li {
font-size: 12px;
line-height: 22px;
}

#article_desc a {
font-size: 12px;
line-height: 18px;
color: #005aae;
text-decoration: underline;
font-family: Arial, Helvetica, Verdana, sans-serif
}

#article_desc #map {
margin-top:18px;
}

#articlelist {
width: 940px;
background-color: #f5f5f5;
padding: 20px;
margin: 0px auto;
line-height: 18px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
text-align: justify;
color: #666666;
background: url('/images/frontend/wood_background.jpg');
background-repeat: repeat;
border: 1px solid #4b2111;
}

#articlelistInside {

width: 480px;
padding: 10px 30px 20px 30px;
background-color: #FFFFFF;
margin: 0px auto;
overflow: hidden;
}

#articlelist h2 {
font-size: 24px;
line-height: 28px;
color: #6c6c6c;
font-family: "Adobe Garamond Pro", Garamond, Georgia, "Times New Roman", Times, serif;
border-left: 3px solid #FFFFFF;
padding: 10px 0px 0px 10px;
margin: 0px 0px 20px 0px;
}

#articlelist a {
font-size: 16px;
line-height: 18px;
color: #005aae;
text-decoration: underline;
font-family: Arial, Helvetica, Verdana, sans-serif
}

.clients_logos {
	float:left;
	width:100px;
	margin-right:10px;
	padding:0;
	border:1px solid #ccc;
}

#searchresults  {
width: 940px;
background-color: #f5f5f5;
padding: 20px;
margin: 0px auto;
line-height: 18px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
text-align: justify;
color: #666666;
background: url('/images/frontend/wood_background.jpg');
background-repeat: repeat;
border: 1px solid #4b2111;
}

#searchresults h2 {
border-left:3px solid #666666 !important;
color:#666666;
font-family:"Adobe Garamond Pro",Garamond,Georgia,"Times New Roman",Times,serif !important;
font-size:24px;
line-height:28px;
margin:0 0 20px !important;
padding:10px 0 0 10px !important;
}

#searchresults h3 a {
font-size: 24px;
line-height: 34px;
color: #1b67b2;
font-family: "Adobe Garamond Pro", Garamond, Georgia, "Times New Roman", Times, serif;
}

#searchresultsInside {
float:left;
width: 480px;
padding: 10px 30px 20px 30px;
background-color: #FFFFFF;
margin: 0 20px;
overflow: hidden;
}

/*----- Footer------- */

#footer
{
font-size: 14px;
text-align: left;
line-height: 18px;
padding: 10px 0px 0px 0px;
color: #8c8c8c;
font-weight: normal;
clear: both;
margin: 0px auto;
width: 980px;
position: relative;
display: block;
}

#footer .news_h
{
	
	text-align: left;
	float: left;
	display: block;
	width: 310px;
	padding: 0;
	margin: 0;
	
}

#footer .news_h h3 {
	font-size: 16px;
	float: left;
	padding-left: 20px;	
	left: 660px;
	width: 150px;
	z-index: 9999;
}

#footer .news_h h3 a {
	color: #999;
}

#footer .news_h h3 a:hover {
	text-decoration: underline;
}

#footer .about_h
{
	width: 660px;
	padding: 0;
	margin: 0;
	float: left;
	text-align: left;
	display: inline;
}

#footer .about_h h3 {
	font-size: 16px;
	padding-left: 20px;
	display: block;
}

#footer .about_h h3 a:hover {
	text-decoration: underline;
}

#footer b
{
height: 100px;
font-size: 18px;
font-weight: normal;
text-align: left;
line-height: 18px;
color: #6c6c6c;
font-weight: normal;
clear: both;
}

#footer a
{
/*
height: 100px;
font-size: 18px;
font-weight: normal;
text-align: left;
line-height: 18px;
color: #555555;
font-weight: normal;
clear: both;
*/
}

#news {
float: left;
display: inline;
width: 266px;
padding: 15px 20px 10px 20px;
line-height: 15.5px;
margin: 0px 0px 0px 10px;
overflow: hidden;
background: url('/images/frontend/footer_background.png');
background-repeat: no-repeat;
}

#news ul li {
padding: 0px 0px 15px 0px;
margin: 0px 0px 0px 10px;
}

#news ul li  img{
margin-right: 6px;
}

#news a.headline {
font-size: 14px;
}

#news .lead {
font-size: 14px;
}

#news a:hover {
color: #FFFFC0;
text-decoration: underline;
}

#brief {
float: left;
display: inline;
width: 266px;
height: auto;
padding: 15px 20px 0px 20px;
margin: 0px 0px 0px 20px;
background: url('/images/frontend/footer_background.png');
background-repeat: no-repeat;
}

#brief p {
font-size: 14px;
text-align: justify;
}

#about {
float: left;
display: inline;
width: 266px;
height: auto;
padding: 15px 20px 0px 20px;
margin: 0 10px 0 0px;
background: url('/images/frontend/footer_background.png');
background-repeat: no-repeat;
}

#about p {
font-size: 14px;
text-align: justify;
}

#contact {
clear:both;
margin: 0px auto;
overflow: hidden;
}

#contact {
font-size: 14px;
text-align: center;
color: #a2a08c;
}

#controlBox1 {
	
  
  
}
.controlBox {
 display: none;
  position: absolute;
  top: 300px; 	
  left: 230px;
  height: 66px;
  width: 500px;
  z-index: 9000;
  padding: 5px;
  text-align: center !important;
  margin: 0px auto !important;  
 }
 
.controlBoxInner 
{
	position: relative !important;
	text-align: center !important;
  margin-top: 0px auto !important;
  margin-left: 0px auto !important;
  margin-right: 0px auto !important;  
  
  height: 50px;
  z-index: 5000 !important; 
  
}

.controlBox img {
  width: 24px;
  height: 23px;
  text-align: center !important;
  margin: 0px auto !important;
}

.controlBoxButton {
  display: block;
  text-align: center !important;
  float: left;
  padding: 10px 20px 10px 20px !important;
  margin: 0px auto !important;
}

.controlBox a  {
  color: #FFF !important; 
  text-decoration: none !important;
}

.paginator {
list-style:none outside none;
margin:0 auto;
text-align:center;
width:auto;
background:none;
border:none;
}

.paginator li {
display:inline;
margin:0 auto;
padding:0 3px;
text-align:center;
border:none;
float:none;
}

.paginator li a {
color:#000000;
}