/*********************** PAGE CONTAINER ******************************/
#container 
{
	border: 1px solid #ffffff;
	overflow: hidden;
	width: 770px;padding:5px;
	background-color:#ffffff;	margin:0 auto;
}
fieldset
{
  margin:0 auto;
	text-align:center;
	padding:8px;
	/*-moz-border-radius: 8px;*/
}
legend ,.hilite
{ 
  font-family : Arial, Helvetica, sans-serif;
  font-size : small;
  color : #cc3300;
  font-weight : normal;
}
a { 
color : #0059aa;
font-family : arial,Tahoma;
font-weight : normal;
font-size : small;
text-decoration : none;
} 
a:hover { 
color : #999;
font-weight : normal;
text-decoration : none;
font-family : arial, Tahoma;
font-size : small;
}
.star
{

border: 2px solid #cc3300 !important;
}
/*********************** NAVIGATION ******************************/
img 
{
  	float: left;border:none;
}
#menu
{
  border: 0px solid #ff9900;
  list-style-type: none; display: inline;
}
#menu li
{
  padding:2px 8px 0px 10px;
  border: 0px solid #ff9900;
	float:right;
	list-style-type: none; display: inline;
}
#menu a
{
 	padding-top: 4px;
}
#menu a:link, #menu a:visited
{
  color : #0059aa;
  font-family : arial, Tahoma;
  font-weight : normal;
  font-size : small;
  text-decoration : none;
}
#menu a:hover, #active a
{
  color : #999999 !important;
  font-family : arial, Tahoma;
  font-weight : normal;
  font-size : small;
  text-decoration : none;
  background: url('images/arrow_down.gif') #fff no-repeat center top;
}

/*********************** HEADER ******************************/
#header
{
  text-align:center; 
}
/*********************** BODY AND MAIN CONTENTS ******************************/
body 
{ 
	background-color : #b7ceff;
}
#leftblock
{
  width:69%;
	float:left;border: 0px solid #996600;
	margin:2px;
}
#rightblock
{
  width : 29%;
	float:right;
	margin:2px; border: 0px solid #996600;
}
#leftmainleft 
{
  width : 49%;	
	float:left;border: 0px solid #0059aa;
	margin:2px;
}
#leftmainright
{
  width : 48%;
	float:right;border: 0px solid #0059aa;
	margin:2px;
}
.main
{
  clear:both;
  width : 99%;
	border: 0px solid #0059aa;
	margin:0 auto;
	color : #333f50;
  font-family : arial, Tahoma;
  font-weight : normal;
  font-size : small;
  text-decoration : none;
  text-align:left;
}
iframe.contact
{
  width: 195px;
  height: 205px;
  vertical-align: top;
}
#lang img
{
 	border:0;width:25px;height:25px;
	margin: 0px 8px;
	padding: 2px;
	text-align:center;
	white-space:nowrap;
}
a.portfolio
{
  color : #0059aa;
  font-family : arial, Tahoma;
  font-weight : normal;
  font-size : small;
  text-decoration : none;
	margin-left:3px;
}
a:hover.portfolio
{
  color : #cccccc;
  font-family : arial, Tahoma;
  font-weight : normal;
  font-size : small;
  text-decoration : none;
	margin-left:3px;
}
.portfolio
{
  text-align: left;
  list-style-type : none;
}
div.portfolio
{
font-family : Arial, Helvetica, sans-serif;
font-size : small;
font-weight : normal;
color : #333f50;
text-align : center;
border : 1px solid #b7ceff;
width : 550px;
height:auto;
}
span.portfolio
{
  color : #333f50;
  font-family : arial, Tahoma;
  font-weight : bold;
  font-size : small;
  text-decoration : none;
  text-align:left;
}
li.dot { 
text-align : left;
margin-left : 2px;
list-style-image : url('images/bullet.gif');
}
li.home { 
text-align : left;
margin-left : 2px;
list-style-image : url('images/bluetick.gif');
line-height:1.5;
} 
li.ff { 
text-align : left;
margin-left : 20px;
list-style-image : url('images/firefox.jpg');
line-height:1.35;

} 
li.ie { 
text-align : left;
margin-left : 20px;
list-style-image : url('images/ie.jpg');
line-height:1.35;

} 
li.nn { 
text-align : left;
margin-left : 20px;
list-style-image : url('images/nav.jpg');
line-height:1.35;

} 
li.site { 
text-align : left;
margin-left : 52px;
list-style-image : url('images/dot.gif');
line-height:1.1;
} 
li.bullet { 
text-align : left;
margin-left : 2px;
list-style-image : url('images/blue_go_arrow.gif');
line-height:1.5;
}
li.smalldot { 
text-align : left;
margin-left : 40px;
list-style-image : url('images/dot.gif');
line-height:1.1;

} 
/*************************** BOOKMARK ******************************/
#bkmark
{
  width : 99%;
	border: 0px solid #0059aa;
	margin:5px auto;
	color : #333f50;
  font-family : arial, Tahoma;
  font-weight : normal;
  font-size : small;
  text-decoration : none;   
}
#bkmark img 
{
margin-left:10px;
margin-right:5px;
width:17px;
height:17px;
float:left;
}
/*********************** FOOTER **********************************/
#footer img{ 
 clear:both;border: 0px solid #ff9900;
 text-align:center;
} 
/*********************** FOOTLINKS ******************************/
#footlinks
{
 clear:both;
 white-space:nowrap;
 border:0px solid #000;
 text-align:center;
}

#footlinks ul
{
  border: 0px solid #ff9900;
  list-style-type: none; display: inline;
}
#footlinks li
{
  padding:2px 5px;
  border: 0px solid #ff9900;
	list-style-type: none; display: inline;
}
#footlinks a { 
color : #333f50;
font-family : arial,Tahoma;
font-weight : normal;
font-size : x-small;
text-decoration : none;
padding-right:1px;
} 
#footlinks a:hover { 
color : #0066ff;
font-weight : normal;
text-decoration : none;
font-family : arial, Tahoma;
font-size : x-small;
padding-right:1px;
}
/***************************** PORTFOLIO ******************************/
.bgblue { 
background-color :#b7ceff;
min-height:100%;overflow:hidden;
border: 1px solid #cccccc;
}
.portfolio_title {
vertical-align:middle;
padding:5px;
} 
.projects{
clear:both;
min-height:100%;overflow: hidden; 
margin-bottom: 15px;  
border:0px solid #660000;
}
.projectname {
margin: 2px; 
border:1px solid #b7ceff; 
width:160px; 
color : #333f50 !important;
text-align : center  !important;
}
.projectpic {
float:left;
/*border:none !important*/; 
}
.projectdesc {
/*padding-top:5px;*/
height:122px;
width: 350px !important; 
display: table-cell;
vertical-align:middle;
float:left;
}

.visitlink {
clear:both;
width: 160px !important;
height: auto !important;
text-align : left  !important; 
}
.go2top {
text-align:right;
height: auto !important;}
/***************************************** QUOTATION FORM *************************************/
SPAN.heading { 
font-family : Arial, Helvetica, sans-serif;
font-size : small;
color : #cc3300;
font-weight : normal;
} 
.box { 
font-family : Arial, Helvetica, sans-serif;
font-size : small;
font-weight : normal;
border : 1px solid #cccccc;/*#0066ff;*/
background-color : #ffffff;
color : #000000;
width: 175px;
}
.bg
{
background-color : #b7ceff;
min-height:100%;overflow:hidden;
border: 1px solid #cccccc;
color: #000033 !important;
}
TD.error { 
font-family : Arial, Helvetica, sans-serif;
font-size : small;
color : #ffffff;
background-color : #cc0033;
font-weight : bold;
text-align : left;
width : 100%;
}
TD.message { 
font-family : Arial, Helvetica, sans-serif;
font-size : small;
background-color : #009900;
color : #ffffff;
font-weight : bold;
text-align : left;
width : 100%;
} 
TABLE.quote { 
background-color : #fff;
border : 0px solid #000;
width : 100%;
text-align : center;
} 
TABLE.quoteupd { 
background-color : #b7ceff;
border : 0px solid #000;
width : 100%;
text-align : center;
} 
TD.code { 
font-family : "COMIC SANS MS", arial;
font-size : large;
color : #003399;
text-align : center;
background-image : url('phpinfo.php');
}