BODY {
  background-color:#ffffff;
  margin:0px;
  padding:0px;
  text-align:left;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#3D3D3D;
  font-weight:normal;
  font-size:11px;position:relative;
  }

h3 {
font-size: 13px;
font-family: tahoma, verdana, arial, sans-serif;
font-weight: bold;
color: #3D3D3D;
line-height:10px;
}

li{
padding:2px;
}

p{
text-indent:5px;
}

a:link {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FF3600;
  font-weight:normal;
  font-size:11px;
  font-weight:normal;		
  text-decoration: none;
}
a:visited {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FF3600;
  font-weight:normal;
  font-size:11px;
  font-weight:normal;		
  text-decoration: none;
}
a:hover {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#00385D;
  font-weight:normal;
  font-size:11px;
  font-weight:normal;		
  text-decoration: underline;
}

a.blinks:link {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#00385C;
  font-weight:normal;
  font-size:11px;
  font-weight:normal;		
  text-decoration: none;
}
a.blinks:visited {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#00385C;
  font-weight:normal;
  font-size:11px;
  font-weight:normal;		
  text-decoration: none;
}
a.blinks:hover {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#00385C;
  font-weight:normal;
  font-size:11px;
  font-weight:normal;		
  text-decoration: underline;
}

a.blinks:link {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#00385C;
  font-weight:normal;
  font-size:11px;
  font-weight:normal;		
  text-decoration: none;
}
a.blinks:visited {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#00385C;
  font-weight:normal;
  font-size:11px;
  font-weight:normal;		
  text-decoration: none;
}
a.blinks:hover {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#00385C;
  font-weight:normal;
  font-size:11px;
  font-weight:normal;		
  text-decoration: underline;
}

a.newslink:link {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FFBA00;
  font-weight:normal;
  font-size:10px;
  font-weight:normal;		
  text-decoration: none;
}
a.newslink:visited {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FFBA00;
  font-weight:normal;
  font-size:10px;
  font-weight:normal;		
  text-decoration: none;
}
a.newslink:hover {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FFBA00;
  font-weight:normal;
  font-size:10px;
  font-weight:normal;			
  text-decoration: underline;
}

a.portflink:link {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-weight:normal;
  font-size:10px;
  font-weight:normal;		
  text-decoration: none;
}
a.portflink:visited {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-weight:normal;
  font-size:10px;
  font-weight:normal;		
  text-decoration: none;
}
a.portflink:hover {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FFBA00;
  font-weight:normal;
  font-size:10px;
  font-weight:normal;			
  text-decoration: underline;
}

div.container {
    background-color:#FFFFFF;
	width:868px;
    height:427px; 	
	margin:0px auto;
	text-align:left;
	}
div.footer {
	background-image:url(../../images/copyright.jpg);
	background-repeat:no-repeat;
	width:608px;
    height:34px; 	
	margin:0px auto;
	padding-left:260px;
	padding-top:5px;	
	}	
div.header {
	width:868px;
	height:139px;
	margin:0px auto;
	text-align:left;
	}
div #logo {
  float: left;
  width: 460px;
  height:139px;  
  background-image:url(../../images/colorrage-design-studios-logo.jpg);
  background-repeat:no-repeat;
  padding: 0px;
  }	
div #logotext {
  float: left;
  width: 0px;
  height:139px;  
  background-image:url(../../images/colorrage.jpg);
  background-repeat:no-repeat;
  padding: 0px;
  }	  
div #header_right {
  display:table-cell;
  float: left;
  width: 408px;
  height:139px;  
  background-image:url(../../images/simplicity-with-style.jpg);
  background-repeat:no-repeat;
  padding: 0px;
  vertical-align:bottom;
  }	    
div #menu {
  float: left;
  width: 63px;
  height:427px;  
  background-image:url(../../images/menu.jpg);
  background-repeat:no-repeat;
  padding: 0px;
  }	    
div #content {
  background-image:url(../../images/content-window.jpg);
  background-repeat:no-repeat;
  float: left;
  width: 532px;
  height:427px;
  padding: 0px;
  }	 
div #content2 {
  float: left;
  width: 532px;
  height:427px;  
  background-image:url(../../images/content-window-2.jpg);
  background-repeat:no-repeat;
  padding: 0px;
  }     
div.title {
  position:relative;
  float: left;
  width: 519px;
  background-repeat:no-repeat;
  left: 13px;
  top: 4px;
  }	 
div.textcontent {
  position:relative;
  float: left;
  width: 510px;
  height:160px;
  background-repeat:no-repeat;
  left: 13px;
  top: 15px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#3D3D3D;
  font-weight:normal;
  font-size:11px;
  }   
div.textcontent2 {
  position:relative;
  float: left;
  width: 510px;
  height:330px;
  background-repeat:no-repeat;
  left: 13px;
  top: 15px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#3D3D3D;
  font-weight:normal;
  font-size:11px;
  }   
div.textcontent3 {
  position:relative;
  float: left;
  width: 510px;
  height:320px;
  background-repeat:no-repeat;
  left: 13px;
  top: 15px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#3D3D3D;
  font-weight:normal;
  font-size:11px;
  }   
div.textcontent4 {
  position:relative;
  float: left;
  width: 410px;
  height:320px;
  background-repeat:no-repeat;
  left: 13px;
  top: 15px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#3D3D3D;
  font-weight:normal;
  font-size:11px;
  }  
div.textcontent5 {
  position:relative;
  float: left;
  width: 100px;
  height:320px;
  background-repeat:no-repeat;
  left: 13px;
  top: 15px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#3D3D3D;
  font-weight:normal;
  font-size:11px;
  }         
div.linkscontent {
  position:relative;
  float: left;
  width: 480px;
  height:160px;
  background-repeat:no-repeat;
  left: 25px;
  top: 30px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#3D3D3D;
  font-weight:normal;
  font-size:11px;
  }     
div #lprojects{
  float: left;
  width: 225px;
  height:150px;
  padding-left: 20px;
  }	
  
div #partners{
  float: left;
  width: 205px;
  height:150px;
  padding-left: 20px;
  }	   
  
div.smalltitle{
  float: left; 
  width:200px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FF3600;
  font-weight:bold;
  font-size:11px;
}

div.news{
  float: left; 
  width:185px;
  height:55px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-weight:normal;
  font-size:11px;
  padding-left:15px;
}

div.newsletter{
  float: left;
  text-align:center; 
  width:185px;
  height:55px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-weight:normal;
  font-size:11px;
  padding-left:15px;
}

div #icon{
  float: left; 
  padding: 0px;
  }	 
div #stitle{
  float: left; 
  padding-left: 4px;
  padding-top: 8px;
  }	  
  
div.spacer
{
  float: left;
  width:200px;
  height:10px;
}
div.spacer2
{
  float: left;
  width:200px;   
  height:55px;
}
div.spacer3
{
  float: left;
  width:200px;
  height:60px;
}
div.spacer4
{
  float: left;
  width:10px;
  height:5px;
}
div #spacer5
{
  float: left;
  width:13px;
}
div.blinks
{
  background-image:url(../../images/bullet.gif);
  background-repeat:no-repeat;
  float: left;
  width:180px;   
  height:15px;
  padding-left:20px;
} 
div.plink
{
  background-image:url(../../images/arrow.jpg);
  background-repeat:no-repeat;
  float: left;   
  height:15px;
  padding-left:11px;
}  

div.flinks
{
  background-image:url(../../images/dot.jpg);
  background-repeat:no-repeat;
  float: left;   
  height:10px;
  padding-left:9px;
}  
          
div #newsbox {
  float: left;
  width: 273px;
  height:427px;  
  background-image:url(../../images/news-newsletter.jpg);
  background-repeat:no-repeat;
  padding-left: 0px;
  }	        
div.lang {
  position:relative;
  top:120px;
  padding-left:50px;
}

.newsletter_form{
  background-image:url(../../images/formbg.jpg);
  width:124px;
  height:13px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-weight:normal;
  font-size:10px;
  border-width:1px;
  border-color:#002E4D;
  border-style: solid;  
  padding-left:3px;
  padding-right:3px;
}

.tabel_spacer{
  height:5px;
}

div.menustyle1{
  float: left;
  width:63px;
  height:80px;
}
div.menustyle2{
  float: left;
  width:63px;
  height:86px;
}
div.menustyle3{
  float: left;
  width:63px;
  height:89px;
}

div #portf_menu1{
  position:relative;
  background-image:url(../../images/portfolio_menu_01.jpg);
  background-repeat:no-repeat;
  float: left;
  text-align:center;
  width:95px;
  height:20px;
  padding-top:3px;
  left:12px;
  top:4px;
}
div #portf_menu2{
  position:relative;
  background-image:url(../../images/portfolio_menu_02.jpg);
  background-repeat:no-repeat;
  float: left;
  text-align:center;
  width:95px;
  height:20px;
  padding-top:3px;
  left:12px;
  top:4px;
}
div #portf_menu3{
  position:relative;
  background-image:url(../../images/portfolio_menu_03.jpg);
  background-repeat:no-repeat;
  float: left;
  text-align:center;
  width:80px;
  height:20px;
  padding-top:3px;
  left:12px;
  top:4px;
}
div #portf_menu4{
  position:relative;
  background-image:url(../../images/portfolio_menu_04.jpg);
  background-repeat:no-repeat;
  float: left;
  text-align:center;
  width:65px;
  height:20px;
  padding-top:3px;
  left:12px;
  top:4px;
}
div #portf_menu5{
  position:relative;
  background-image:url(../../images/portfolio_menu_05.jpg);
  background-repeat:no-repeat;
  float: left;
  text-align:center;
  width:95px;
  height:20px;
  padding-top:3px;
  left:12px;
  top:4px;
}
div #portf_menu6{
  position:relative;
  background-image:url(../../images/portfolio_menu_06.jpg);
  background-repeat:no-repeat;
  float: left;
  text-align:center;
  width:80px;
  height:20px;
  padding-top:3px;
  left:12px;
  top:4px;
}

div.portfpic{
  width:104px;
  height:52px;
  border-color:#666666;
  border-style:solid;
  border-width:1px;
}
div.portfdiv{
  width:200px;
  height:170px;
  border-color:#666666;
  border-style:solid;
  border-width:1px;
  background-color:#FFFFFF;
  padding:3px;
}
.portftitle {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FF3600;
  font-weight:bold;
  font-size:11px;
  z-index:100; 
}
.portfclick {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size:10px;
}
.formcontact{
  width:150px; 
  height:13px; 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size:10px; 
  border:1px solid; 
  border-color:#C5C5C5;  
  padding-left:3px; 
  padding-top:2px
}
.formcontact2{
  width:150px; 
  height:90px; 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size:10px; 
  border:1px solid;
  border-color:#C5C5C5;
  padding-left:3px; 
  padding-top:2px
}
div.portfdiv2{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-weight:normal;
  font-size:11px;
  text-align:left;
  float:left;
  width:100%;
  border-color:#666666;
  border-style:solid;
  border-width:0px;
  background-color:#FFFFFF;  
}
div.portfdiv3{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-weight:normal;
  font-size:11px;
  text-align:left;
  float:left;
  width:90%;
  border-color:#666666;
  border-style:solid;
  border-width:0px;
  background-color:#FFFFFF;
  padding:5px;
}

.newsdate {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#00385C;
  font-weight:normal;
  font-size:9px;
  font-weight:normal;		
  text-decoration: none;
}
.error {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #FF0000;
  font-weight:bold;
  font-size:11px;
}
.careertabletop1 {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight:bold;
  font-size:11px;
  background-color:#FF3402;
  border-color: #9D1F00;
  border-style:solid;
  border-width:1px;  
}
.careertabletop2 {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight:bold;
  font-size:11px;
  background-color:#3BB300;
  border-color: #287A00;
  border-style:solid;
  border-width:1px;   
}
.careertabletop3 {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight:bold;
  font-size:11px;
  background-color:#01385E;
  border-color: #001C30;
  border-style:solid;
  border-width:1px;   
}
.careertablecontent {
  border-color: #CCCCCC;
  border-style:solid;
  border-width:1px;
  padding: 10px;
}
.servexplain {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #606060;
  font-weight:normal;
  font-size:9px;
}

.getflash {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-weight:normal;
  font-size:11px;
}


/* for the always beta lightbox script*/
#lightbox{
    background-color:#eee;
    padding: 0 10px;
    }
#lightboxCaption, #lightboxClose{
    padding-bottom: 10px;
    }
#lightboxClose {
    padding: 10px 0 0 0;
    text-align: right;
}
#lightboxPhoto {
    display: block;
    padding: 10px 0;
}
#lightboxClose a {
    color: #666666;
}
#lightboxClose a:hover {
    color: #333333;
}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#keyboardMsg{ float: right; }	
#lightbox img{ border: none; clear: both; }
#overlay img{ border: none; }
#overlay{ background-color: #333; background-image: url("images/overlay.png");  -moz-opacity: .85;
    filter: alpha(opacity=85);}

* html #overlay{
	background-color: #333;
	background-color: transparent;
	
	background-image: url('blank.gif');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png",sizingMethod="scale")
	}
/*end always beta*/

/*  -moz-opacity: .85;
  filter: alpha(opacity=85); */