*,html,body { 
margin: 0px; 
padding: 0px; 
}
a:focus{
outline: none;
}
#main{
margin-left: auto;
margin-right: auto;
width: 1004px;
border: 2px solid #000000;
overflow: hidden;
}

#head{
background-image: url("headbckgr.jpg");
background-repeat: repeat-x;
height: 177px;
width:1004px;
}

#nebula{
background-image: url("nebula.jpg");
background-repeat: no-repeat;
width: 321px;
height: 177px;
float: left;
overflow: hidden;
}

#right_head{
width: 679px;
height: 177px;
float: right;
overflow: hidden;
}

#logo{
width: 679px;
height: 56px;
background-image:url("logo.jpg");
background-repeat:no-repeat;
background-position: center;
}

#head-text{
height: 121px;
width: 679px;
overflow: hidden;
padding-top: 25px;
font-size: 16px;
font-family: "Times New Roman";
}

img.computer{
float: right;
margin-left: 5px;
margin-right: 7px;
margin-top: -5px;
}

#menu{
width: 1004px;
height: 33px;
overflow: hidden;
background-image: url("menubckgr.jpg");
background-repeat: repeat-x;
}

ul.menu{
list-style-type: none;
height: 33px;
}

ul.menu li{
float: left;
color: #ffffff;
margin-left: 23px;
height: 33px;
padding-top: 5px;
padding-left: 2px;
padding-right: 2px;
z-index: 4;
position: relative;
cursor: pointer;
}

a.menu:link, a.menu:visited, a.menu:active{
text-decoration: none;
font-size: 22px;
font-family: "Courier New";
color: #ffffff;
font-weight: bold;
z-index: 4;
}

a.menu:hover{
cursor: pointer;
}

div.canvas{
background-image: url("hover.jpg");
background-repeat: repeat-x;
height: 33px;
position: absolute;
cursor: pointer;
z-index: -1;
}

#body{
width: 1004px;
padding-top: 17px;
font-size: 16px;
font-family: "Times New Roman";
}

#leftbody{
width: 677px;
float: left;
padding-left: 20px;
padding-right: 7px;
overflow: hidden;
}

#rightbody{
width: 300px;
float: right;
}
/*LEFT COLUMN DESIGN*/

h1.headline{
color: #005B7E;
font-size: 30px;
text-indent: 20px;
}

h1.headline_index{
color: #005B7E;
font-size: 30px;
text-indent: 20px;
background-image: url("paragraph.jpg");
background-repeat: no-repeat;
background-position: 0px 6px;
padding-left: 15px;
}

h1.master{
color: #1E3D52;
font-size: 30px;
text-decoration: underline;
text-align: center;
margin-bottom: 30px;
}
div.master_aboutus{
background-image: url("aboutus.jpg");
background-repeat: no-repeat;
width: 188px;
height: 25px;
margin-left: 241px;
margin-bottom: 25px;
}
div.master_products{
background-image: url("products.jpg");
background-repeat: no-repeat;
width: 277px;
height: 25px;
margin-left: 191px;
margin-bottom: 25px;
}
div.master_components{
background-image: url("components.jpg");
background-repeat: no-repeat;
width: 350px;
height: 25px;
margin-left: 157px;
margin-bottom: 25px;
}
div.master_contact{
background-image: url("contact.jpg");
background-repeat: no-repeat;
width: 322px;
height: 25px;
margin-left: 172px;
margin-bottom: 25px;
}
div.master_portfolio{
background-image: url("portfolio.jpg");
background-repeat: no-repeat;
width: 318px;
height: 25px;
margin-left: 173px;
margin-bottom: 25px;
}
div.master_full-portfolio{
background-image: url("full-portfolio.jpg");
background-repeat: no-repeat;
width: 640px;
height: 25px;
margin-left: 14px;
margin-bottom: 35px;
}
p.article{
text-indent: 20px;
margin-top: 5px;
}

div.article{
padding-top: 5px;
}

div.container{
padding-bottom: 30px;
}

div.container_about{
padding-bottom: 15px;
}

/*RIGHT COLUMN DESIGN*/

div.rightbox{
width: 282px;
margin-bottom: 10px;
}

div.boxtop{
width: 282px;
height: 29px;
background-image: url("boxtop.gif");
background-repeat: no-repeat;
color: #DAE8ED;
overflow: hidden;
text-align: center;
padding-top: 5px;
font-size: 20px;
font-weight: bold;
font-family: "Times New Roman";
}

div.boxbody{
width: 276px;
padding-left: 2px;
padding-right: 2px;
padding-top: 10px;
border-left: 1px solid #048CA2;
border-right: 1px solid #048CA2;
}

div.boxbottom{
width: 282px;
height: 34px;
background-image: url("boxbottom.gif");
background-repeat: no-repeat;
}

img.boximage{
float: left;
margin-right: 5px;
}

span.boxtext{
text-align: justify;
}

#footer{
width: 1004px;
text-align: center;
clear: both;
padding-bottom: 4px;
padding-top: 3px;
background-color: #BEDBE8;
background-image: url("footer.jpg");
background-repeat: repeat-x;
color: #ffffff;
}

a.footer:link, a.footer:visited, a.footer:active{
text-decoration: none;
color: #DFF5FD;
}

a.footer:hover{
border-bottom: 1px dashed;
}
/*Border shadows*/
div.border{
width: 1019px; 
margin-left: auto;
margin-right: auto;
margin-top: 3px;
background-image: url('bordershadow.gif'); 
background-repeat: repeat-y;
}

div.shadowtop{
height: 6px;
width: 1019px;
background-image: url("shadowtop.gif");
background-repeat: no-repeat;
overflow: hidden;
}

div.bottomshadow{
height: 6px;
width: 1019px;
background-image: url("bottomshadow.gif");
}

.clear{
clear: both;
}
h2.right_column_title{
	color:#038AA1;
	font-size: 18px;
}
ul.ul_style{
	list-style-type: circle;
	margin-left: 30px;
}
td.comment{
padding-top: 5px;
padding-bottom: 7px;
padding-left: 4px;
padding-right: 4px;
text-align: left;
background-color: #006C8A;
color: #fff;
}
td.details{
text-align: center;
color: #fff;
background-color: #038AA1;
}