body,html {text-align:center;
      background-color:#FFFFFF;
      padding:0px;
      margin:0px;
      height:100%;
      min-height:100%;}

html, body, p, li, a, form, td, h1, h2, h3, .blue_text {
              color: #8a8a8a;
			  font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
			  font-size: 13px;
			  line-height:1.5;}

h1 {font-size:18px;
	line-height:15px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	color:#848484;}

h2 {font-weight:bold;
	font-size:16px;
	color:#4b7cdf;
	margin-top:0px;}

a {color:#4b7cdf;}

.date {color:#848484; font-weight:bold;}

.smallText {font-size:10px;}

.page_table {background-color:#FFFFFF; 
            width:950px;
            margin: 0 auto;
      height:100%;
      min-height:100%;
            text-align: left;
            padding:0px;
            }

td.main {border: #dddedf; 
              border-style: solid; 
              border-top-width: 1px; 
              border-right-width: 1px; 
              border-bottom-width: 0px; 
              border-left-width: 1px;}
              
td.spacer {height:20px;}
              
div.header {position:relative;
                 float:left;
                 clear:both;
                 width:950px;
 				 height:106px;
				 padding:0px;
				 margin:0px;
                 display:inline;
                 background:url(media/layout/header.gif) no-repeat;}

ul.main_nav {position:absolute;
             top:20px;
             left:290px;
             width:640px;
             height:70px;
             margin:0px;
             padding:0px;}               

ul.main_nav li, ul.main_nav li a, ul.main_nav li a {position:relative; float:left; height:70px; display:block; padding:0px; margin:0px;}
ul.main_nav li { list-style:none; background-color:transparent;}
ul.main_nav li.divider { width:1px; bacground-color:#dddedf;}

ul.main_nav li.home A, ul.main_nav li.home_on A {width:106px; background:url(media/nav/home.jpg) no-repeat; background-position:0px 0px;}
ul.main_nav li.home A:hover {background-position:-106px 0px;}
ul.main_nav li.home_on, ul.main_nav li.home_on A {background-position:-212px 0px;}

ul.main_nav li.multimedia A, ul.main_nav li.multimedia_on A {width:106px; background:url(media/nav/multimedia.jpg) no-repeat; background-position:0px 0px;}
ul.main_nav li.multimedia A:hover {background-position:-106px 0px;}
ul.main_nav li.multimedia_on, ul.main_nav li.multimedia_on A {background-position:-212px 0px;}

ul.main_nav li.software A, ul.main_nav li.software_on A {width:106px; background:url(media/nav/software.jpg) no-repeat; background-position:0px 0px;}
ul.main_nav li.software A:hover {background-position:-106px 0px;}
ul.main_nav li.software_on, ul.main_nav li.software_on A {background-position:-212px 0px;}

ul.main_nav li.news A, ul.main_nav li.news_on A {width:106px; background:url(media/nav/news.jpg) no-repeat; background-position:0px 0px;}
ul.main_nav li.news A:hover {background-position:-106px 0px;}
ul.main_nav li.news_on, ul.main_nav li.news_on A {background-position:-212px 0px;}
              
ul.main_nav li.about A, ul.main_nav li.about_on A {width:106px; background:url(media/nav/about.jpg) no-repeat; background-position:0px 0px;}
ul.main_nav li.about A:hover {background-position:-106px 0px;}
ul.main_nav li.about_on, ul.main_nav li.about_on A {background-position:-212px 0px;}

ul.main_nav li.contact A, ul.main_nav li.contact_on A {width:105px; background:url(media/nav/contact.jpg) no-repeat; background-position:0px 0px;}
ul.main_nav li.contact A:hover {background-position:-105px 0px;}
ul.main_nav li.contact_on, ul.main_nav li.contact_on A {background-position:-210px 0px;}


div.content {position:relative;
                 float:left;
                 clear:both;
                 width:910px;
 				 height:auto;
				 padding:20px;
				 margin:0px;
                 background-color:transparent;}

td.footer {border: #dddedf; 
              border-style: solid; 
              border-top-width: 0px; 
              border-right-width: 1px; 
              border-bottom-width: 1px; 
              border-left-width: 1px;}
              
td.footer A {font-size:12px; color:#4b7cdf; text-decoration:none;}
td.footer A:hover {text-decoration:underline;}

div.copyright {background-color:#FFFFFF; 
            width:950px;
            height:auto;
            margin: 0 auto;
            margin-bottom:20px;
            text-align: center;
            padding:0px;
            font-size:12px;}   

div.portfolioItem {width:910px; 
              height:auto;
              padding:0px;
              margin:0px;
              margin-bottom:20px;
              position:relative;
              float:left;
              clear:both;
              background-color:transparent;}

div.portfolioItem a {margin-top:0px; padding-top:0px; font-size:15px; font-weight:bold; text-decoration:none;}

td.left_border {border: #dddedf; 
              border-style: solid; 
              border-top-width: 0px; 
              border-right-width: 0px; 
              border-bottom-width: 0px; 
              border-left-width: 1px;
              padding-left:10px;} 

div.index_nav {position:relative; 
              float:left; 
              clear:left; 
              padding:0px; 
              margin:0px; 
              margin-right:20px; 
              width:321px;
              height:350px;
              background:url(media/layout/index_nav_background.gif) no-repeat;}              

div.index_nav div.website_multimedia a, div.index_nav div.website_multimedia a:hover {position:absolute; top:0px; left:31px; width:245px; height:60px; background:url(media/nav/index_multimedia.gif) no-repeat;}              
div.index_nav div.website_multimedia a:hover {background-position:-245px 0px;}

div.index_nav div.project_management a, div.index_nav div.project_management a:hover {position:absolute; top:180px; left:49px; width:209px; height:60px; background:url(media/nav/index_software.gif) no-repeat;}              
div.index_nav div.project_management a:hover {background-position:-209px 0px;}

div.index_nav div.website_portfolio a, div.index_nav div.website_portfolio a:hover {position:absolute; top:103px; left:0px; width:94px; height:60px; background:url(media/nav/index_portfolio.gif) no-repeat;}              
div.index_nav div.website_portfolio a:hover {background-position:-94px 0px;}

div.index_nav div.contact_us a, div.index_nav div.contact_us a:hover {position:absolute; top:103px; left:214px; width:109px; height:60px; background:url(media/nav/index_contact.gif) no-repeat;}              
div.index_nav div.contact_us a:hover {background-position:-109px 0px;}
                                                     
div.cc_download_box, div.cc_register_box {position:relative; float:right; clear:right; width:200px; height:auto;
                     border: #ffc619; 
              border-style: solid; 
              border-top-width: 1px; 
              border-right-width: 0px; 
              border-bottom-width: 1px; 
              border-left-width: 1px; 
              margin:20px;
              margin-right:-20px;
              margin-bottom:0px;
              padding:15px;
              background-color:transparent;
              display:inline;}                                                     

div.cc_download_box .heading, div.cc_register_box .heading {font-weight:bold; color:#2c56ab;}

div.cc_download_box ul, div.cc_register_box ul {list-style:none; margin-left:0px; padding-left:0px;}
div.cc_download_box ul li, div.cc_register_box ul li {margin-bottom:5px;}
div.cc_download_box a, div.cc_register_box a {font-size:12px;}