body {
	margin: 0px;
	padding: 0px;
	background: #000 url(images/bg_01.png) top center no-repeat;
}
#wrap {
	width: 1000px;
	margin: auto;
}
#nav-bg
{
	width:1000px;
	margin:auto;
	padding:0px 10px 0px 13px;
	background:url(images/bg_body.png) repeat-x;	
}
#logo {	
	margin: 10px 0 0 95px;
	float: left;
}
#navigation
{
	padding-left:45px;	
}
#logo a
{
	width:305px;
	height:197px;
	display:block;
	background:url(images/logo.png) 0px 0px no-repeat;
	text-indent:-999999px;
	overflow:hidden;
}

#logo a:hover
{
	width:305px;
	height:197px;
	display:block;
	background:url(images/logo.png) 0px -200px no-repeat;
	text-indent:-999999px;
	overflow:hidden;
}
#slogan {
	float: right;
	margin: 98px 107px 0px 0px;
}
#contentarea_top #aboutus {
	width: 205px;
	float: left;
	height: 312px;
	padding: 32px 22px 0px 27px;
}
#contentarea_bottom {
	background: url(images/middle_base.png) no-repeat center top;
	height: 321px;
}

#aboutus span {
	position: absolute;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
}
#aboutus  h2 {
	margin-top: -9px;
	padding: 0px;
	background: url(images/abt_illumnz.png) no-repeat;
	height: 35px;
}
#aboutus p {
	font: 11px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-align:left;
	line-height: 16px;
	padding: 0px;
	margin: -7px 0 6px 0;
}
#aboutus a:link,  #aboutus a:visited {
color: #f2b579;
font-family:Georgia, "Times New Roman", Times, serif;
}
#aboutus a:hover {
	color: #fff;
}
#contentarea_bottom #left_panel {
	float: left;
	width: 267px;
	padding: 14px 27px 0px 35px;
}
#left_panel ul {
	margin-top: 6px;
	padding: 0px;
	list-style-type: none;
}
#left_panel li {
	background: url(images/buls.png) no-repeat left 10px;
	color: #fee8ab;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 15px;
}
#left_panel h2 span {
	display: none;
	overflow:hidden;
}
#left_panel h2 {
	background-image: url(images/what_get.png);
	margin: 0px;
	padding: 0px;
	height: 32px;
}

#showcase {
	padding: 10px 0 0 0;
	float: left;
}
#right_top_panel {
	float: left;
	padding-top: 14px;
	width: 229px;
}
#build_add a {
	background: url(images/buildurweb.png) no-repeat 0px -100px;
	height: 100px;
	width: 229px;
    margin-left: 5px;
	display: block;
}
#client_test {
	padding: 14px 0px 0px 18px;
}
#client_test  h2 span {
	display: none;
}
#client_test .name {
	color: #F9D472;
}

#client_test h2 {
	margin: 0px;
	padding: 0px;
	background: url(images/client_test.png) no-repeat;
	height: 31px;
}
#client_test p {
	background: url(images/sep.png) no-repeat 0px top;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	line-height: 16px;
	margin-top: 8px;
	padding-top: 5px;
}

#header {
	background: url(images/hdr_bg.png) no-repeat center top;
	height: 208px;
}
#contentarea_top {
	background: url(images/middle_top_bg.png) no-repeat center top;
	height: 344px;
	padding-bottom:16px;
}
#build_add a:hover {
	background: url(images/buildurweb.png) no-repeat 0px 0px;
	display: block;
}
#middle_panel {
	width: 331px;
	float: left;
	padding-top: 9px;
}
#middle_panel h2 {
	background: url(images/support_tl.png) no-repeat;
	height: 42px;
	padding: 0px;
	margin: 6px 26px 0px 37px;
}
#middle_panel p {
	margin: 0px 6px 6px 18px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #bcbbbb;
	padding: 0px 10px 10px 10px;
	background: url(images/middle_sep.png) no-repeat center bottom;
}
#middle_panel h2 span {
	display: none;
}
#right_panel h2 span {
	display: none;
}
#right_panel h2 {
	background: url(images/contactus_tl.png) no-repeat;
	height: 32px;
	margin-top: 6px;
	padding: 0px;
}
#right_panel {
	float: left;
	width: 270px;
	padding: 9px 26px 0px 38px;
}
#right_panel ul {
	margin-top: -14px;
	padding: 0px;
	list-style-type: none;
}
#right_panel li {
	background: url(images/buls.png) no-repeat left 10px;
	color: #fee8ab;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 15px;
}
#right_panel li a:link, #right_panel li a:visited {
	color:#fff;
	font: 13px Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom:#fee8ab 1px solid;
}
#right_panel li a:hover {
color: #fee8ab;
border-bottom:#fff 2px solid;
}
#wrap #footer {
	background: url(images/footer_bg.png) no-repeat center top;
	height: 84px;
	padding: 20px 35px 0px 35px;
}
#footer #footnav a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #a7a5a1;
	text-decoration: none;
	padding: 0px 15px 0px 15px;
}
#footer #footnav {
	font: 11px Arial, Helvetica, sans-serif;
	color: #a7a5a1;
	text-decoration: none;
	float: left;
}
#valid {
	float: right;
}
#valid ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#footer #footnav a:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color: #d1bb85;
	text-decoration: none;
	padding: 0px 15px 0px 15px;
}
#valid li.xhtml a:hover {
	background-position: 0px -25px;
	background-repeat: no-repeat;
}
#valid  li.xhtml a  {
	background-image: url(images/xhtml.png);
	height: 25px;
	display: block;
	width: 61px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}
#valid li {
	float: left;
}

#valid li.css a:hover {
	background-position: 0px -24px;
	background-repeat: no-repeat;
}
#valid  li.css a  {
	background-image: url(images/css.png);
	height: 24px;
	display: block;
	width: 41px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}
#valid li.wcag a:hover {
	background-position: 0px -26px;
	background-repeat: no-repeat;
}
#valid  li.wcag a  {
	background-image: url(images/wcag.png);
	height: 26px;
	display: block;
	width: 58px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}
#wrap #footer #copyrights a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #767574;
}
#wrap #footer #copyrights {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #767574;
}


#valid {
	width:159px;
	height: 28px;
	position:relative;
	margin:0px;
	background: url("images/valid.png") no-repeat 0px 0px;
	z-index:500;
	padding:0;
}

#valid li {
  float: left;
  list-style-type:none;
}

#valid li a {
  position: absolute;
  top: 0;
  margin:0;
  padding: 0;
  display: block;
  height: 28px;
  background: url("images/valid.png") no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}

li#xhtml a {
  left: 0px;
  width: 63px;
  background-position: 0px -28px;
}
li#xhtml a:hover,
li#xhtml a.selected
 {
  background-position: 0px 0px;
}

li#css a {
  left: 63px;
  width: 40px;
  background-position: -63px -28px;
}
li#css a:hover,
li#css a.selected
 {
  background-position: -63px 0px;
}


li#wcag a {
  left: 102px;
  width: 58px;
  background-position: -102px -28px;
}
li#wcag a:hover,
li#wcag a.selected
 {
  background-position: -102px 0px;
}
#contentarea
{
	background:url(images/port_base.png) center bottom no-repeat;
	padding-bottom:45px;
}
#contentarea .project
{
	position:relative;
	background:url(images/port_box.png) center no-repeat;
	height:308px;
	padding:26px 88px 13px 86px; 
}
.snapshot
{
	float:left;
	padding:9px 6px 0px 6px;	
}
.snapshot img
{
	opacity:1;
	width:466px;
	height:291px;
}
.snapshot img:hover
{
	opacity:0.6;
}
.snapshot a img{
	border:none;
}
.projectname
{
	padding:20px 20px 0px 20px;
	margin-left:465px;
}
.definition
{
	padding:5px;
	margin-left:465px;
}
.definition p{
padding:0 0 0 15px;
color: #bbb6aa;
font: 12px Verdana, Arial, Geneva, sans-serif;
}
.definition strong {
color: #fae4b2;	
}
.definition a:link, .definition a:visited{
color: #ffde6b;	
}
.definition a:hover{
color: #ffe485;
text-decoration:none;
border-bottom: thin dotted;	
}
.project .link
{
	position:absolute;
	bottom:25px;
	right:98px;
	width:147px;
	height:33px;
	font:10px/33px Georgia, "Times New Roman", Times, serif;
	color:#f8e6b6;
	padding-left:10px;
	background:url(images/more.png) right center no-repeat;
}
.project .link a
{
	font:10px/33px Georgia, "Times New Roman", Times, serif;
	color:#f8e6b6;
	text-decoration:none;
}


.project .customquote a:hover,
.project .launchproject a:hover
{
	background-position:0px -34px;	
}
.project .customquote a
{
	position:absolute;
	bottom:28px;
	right:98px;
	width:109px;
	color:#f8e6b6;
	overflow:hidden;
	height:34px;
	text-indent:-999999px;
	background:url(images/quote.png) 0px 0px no-repeat;
	text-decoration:none;
}

.project .launchproject a
{
	position:absolute;
	bottom:28px;
	right:212px;
	width:84px;
	color:#f8e6b6;
	overflow:hidden;
	height:34px;
	text-indent:-999999px;
	background:url(images/launch.png) 0px 0px no-repeat;
	text-decoration:none;
}

#text-phase
{
	background:#000 url(images/bg-innerpages.png) top center no-repeat;
	padding-bottom:40px;
	font: 12px Verdana, Geneva, sans-serif;
	color: #bbb6aa;
	text-align:justify;
	line-height: 18px;
	padding:35px 70px 40px 50px;
	min-height:258px;
}

#text-phase p{
	letter-spacing: .04em;
	margin-bottom:3px;
}
#text-phase strong {
	font-size:13px;
	font-weight:normal;
	border-bottom:1px dotted;
}
#text-phase strong.quo {
	border:none;
	font:20px Georgia, "Times New Roman", Times, serif;
}
#text-phase h2{
	color:#bcbbbb;
	font-size: 16px;
	font-weight: bold;
	margin-bottom:-6px;
}
#text-phase ul{
	margin-bottom:-20px;
}
#text-phase em{
	font:14px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #8d8d8d;
	letter-spacing: 0.05em;
	margin-left: 5px;
}
#text-phase a:link, #text-phase a:visited{
	color:#ffde6b;
}
#text-phase a:hover{
	color: #ffe485;
	text-decoration:none;
	border-bottom: thin dotted;
}
#nav-works
{
	margin:auto;
	position:relative;
	background:url(images/works-nav.png) 0px 0px no-repeat;
	width:435px;
	height:43px;
}

#nav-works ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}
#nav-works li
{
	padding:0px;
	margin:0px;
	float:left;
}
#nav-works li a
{
	width:137px;
	text-indent:-999999px;
	overflow:hidden;
	display:block;
	background:url(images/works-nav.png) no-repeat;
	height:43px;
	padding:0px 3px 0px 4px;
}
#nav-works li.websites a
{
	background-position:0px 0px;
}
#nav-works li.branding a
{
	background-position:145px 0px;
}
#nav-works li.animations a
{
	background-position:288px 0px;
}
.line {
	border-bottom: 1px solid;
}
.ourwork span {
	position: absolute;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
}
.ourwork  h2 {
	margin-top: 25px;
	padding: 0px;
	background: url(images/ourwork.png) no-repeat;
	height: 41px;
}
.services span {
	position: absolute;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
}
.services  h2 {
	margin-top: 25px;
	padding: 0px;
	background: url(images/ourservices.png) no-repeat;
	height: 38px;
}
.illuminz span {
	position: absolute;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
}
.illuminz  h2 {
	margin-top: 25px;
	padding: 0px;
	background: url(images/illuminz-about.png) no-repeat;
	height: 40px;
}
.contact span {
	position: absolute;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
}
.contact h2 {
	margin-top: 25px;
	padding: 0px;
	background: url(images/communicate.png) no-repeat;
	height: 42px;
}
.faq span {
	position: absolute;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
}
.faq  h2 {
	margin-top: 25px;
	padding: 0px;
	background: url(images/faqs.png) no-repeat;
	height: 40px;
}
.studio span {
	position: absolute;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
}
.studio  h2 {
	margin-top: 25px;
	padding: 0px;
	background: url(images/client-studio.png) no-repeat;
	height: 45px;
}
.faqs dl {
	list-style-type:none;
}
.faqs dt {
	font: bold 16px Verdana, Geneva, sans-serif;
	color: #bcbbbb;
}
.faqs dd {
	font: 15px Verdana, Geneva, sans-serif;
	color: #bbb6aa;
	margin: 4px 0 20px 0;
}
.ques {
	font: 16px Georgia, "Times New Roman", Times, serif; 
	margin-right: 6px;
}
.ans {
    font: 16px Georgia, "Times New Roman", Times, serif;
	margin-right: 6px;
}
.tag {
	color:#fff;
	font: 16px Tahoma, Geneva, sans-serif;
	letter-spacing: 2px;
}
#contactcard {
	background-image: url(images/contact_card.png);
	background-repeat:no-repeat;
	width:432px;
	height:240px;
	margin: 10px 0 20px 200px;
}
#contactcard h3{
	float:right;
	margin: 40px 60px 10px 0;
	font: 14px Verdana, Geneva, sans-serif;
}

#contactcard p{
	float:left;
	margin: 100px 0 10px 100px;
	font: 14px Verdana, Geneva, sans-serif;
}
.white{
	color:#fff;	
}




/* --------- changes dated 24-03-09 ----------- */


.clear
{
	clear:both;	
}
#for-proposal input,
#for-contact-form input
{
	border:none;
	width:191px;
	height:16px;
	font:11px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:2px 5px;
	margin-top:2px;
	background:url(images/form_fill.png) no-repeat;	
}
#for-proposal select,
#for-contact-form select
{
	border:none;
	width:201px;
	height:20px;
	font:11px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:2px 5px;
	background:url(images/form_fill.png) no-repeat;	
}
#for-proposal textarea,
#for-contact-form textarea
{
	border:none;
	width:191px;
	height:50px;
	font:11px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:2px 5px;
	background:url(images/textarea.png) no-repeat;	
}
#for-proposal ul,
#for-contact-form ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}
#for-proposal ul li{
	margin-top: 5px;
}
#for-proposal #saveForm2,
#for-contact-form #saveForm1
{
	background:url(images/submit.png) no-repeat;
	height:22px;
	width:63px;
	overflow:hidden;
	text-indent:-999999px;
}
#for-proposal .desc,
#for-contact-form .desc
{
	font:11px/16px Georgia, "Times New Roman", Times, serif;
	color:#fff;
}
#for-contact-form ul li{
	margin-top:5px;
}
#for-contact-form #Field5
{
	width:auto;
}
.anime {
	border: 2px solid #E5E5E5;
	width:640px;
	height:480px;
	margin: 0 0 20px 200px;
}
.margin {
    margin: -10px 0 10px 300px;	
}