/* CSS Document */
html {height:100%}

body {
	background-color:#333335;
	color:#666666;
	margin:0px;
	padding:1% 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
	
html body#homepage {
width:100%;
height:100%;
background-color:#191919;
padding:0px;
margin:0px;
}
	
sup {width:9px;}

body a, body a:link, body a:visited, body a:active { 
	color:#FFFFFF; 
	text-decoration:none;
	}

body a:hover { 
	color:#FFFFFF;
	text-decoration:underline;
	}
	
	h2 {font-size:12px; background-repeat:no-repeat;}
	
div#bigabout h2, div#bigclients h2, div#bigprojects h2, div#bigservices h2, div#bigteam h2, div#bigspecific h2, div#bigopening h2, div#bigcontact h2, div#bigbilling h2 {
	height:0px;
	width:564px;
	padding:46px 0px 0px 0px;
	margin:0px;
	overflow:hidden;
}

h3.billinghosting {
	margin-left: 25px;
	}
	
div#bigabout h2 {
	
	background-image:url(images/pageheader_about.png);

	}
	
div#bigclients h2 {
	background-image:url(images/pageheader_clients.png);
	}
	
div#bigprojects h2 {
	background-image:url(images/pageheader_projects.png);
	}
	
div#bigservices h2 {
	background-image:url(images/pageheader_services.png);
	}
	
div#bigteam h2 {
	background-image:url(images/pageheader_team.png);
	}
	
div#bigspecific h2 {
	background-image:url(images/pageheader_specific.png);
	}
	
div#bigopening h2 {
	background-image:url(images/pageheader_opening.png);
	}
	
		
div#bigcontact h2 {
	background-image:url(images/pageheader_contact.png);
	}
	
div#bigbilling h2 {
	background-image:url(images/pageheader_billing.png);
	}
	
div.urwrapper {
	background-color:#191919;
	color:#FFFFFF;
 	width:100%;
	height:610px;
	text-align:left;
	margin:auto;
	padding:0px 0px 0px 2%;
	position:relative;

}

html body#homepage div#homeurwapper {

background-color:#191919;
	color:#FFFFFF;
 	width:100%;
	height:100%;
	text-align:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	position:relative;

}

div.wrapper {
	color:#FFFFFF;
	background-color:#191919;
 	width:910px;
	height:610px;
	text-align:left;
	margin:0px;
	padding:0px;
	position:relative;
	float:left;

}

html body#homepage div#homeurwapper div#homewrapper {
	background-color:#191919;
	color:#FFFFFF;
 	width:910px;
	height:100%;
	text-align:left;
	margin:0px;
	padding:0px;
	position:relative;
	float:left;

}



div#kicker {
	position:relative;
	width:100%;
	height:24px;
	clear:both;
	background-color:#f0eae3;
	background-image:url(images/tinyshadow.gif);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}

body#homepage div#kicker {
	display:none;
}


	
div#leftside p {margin:0px 0px 12px 26px;
padding:0px}

 
div#leftside ul {
list-style:none;
margin:20px 0px 12px 26px;
padding:0px;
width:300px;
float:left;
font-size:11px;
}
div#leftside li {margin:0px 0px 10px 0px;
padding:0px;}


div#leftside ul.serviceslist {
list-style:none;
z-index:40;
position:relative;
width:400px;
top:-340px;
left:40px;
color:#ff0077;

}

div#leftside ul.aboutlist {
position:relative; 
top:-30px;
padding:0px;
z-index:40}

div#leftside ul.billinglist, div#leftside ul.billinglist2 {
width: 100%;
line-height: 130%;
margin-top: 0px;
}

div#leftside ul.billinglist li {
margin: 0;
line-height: 130%;
}

div#leftside hr {
margin-left: 26px;
}

/**/
div.leftcol{ float:left; width:200px; margin:0px; padding:0px;}
div.rightcol{ float:right; width:200px; margin:0px 45px 0px 0px; padding:0px;}

div.leftcol ul li, div.rightcol ul li {margin:0px 0px 5px 0px; line-height:100%;}

h3.clientlist { clear: both; width:230px; border-bottom:#ffffff solid 1px; font-size:11px; font-weight:normal; margin: 10px 0px 0px 26px; padding:0px 0px 0px 0px;}

ul.clients {margin: 0px 0px 0px 0px; padding: 0px 0px 40px 0px;}

html body ul.clients li {color:#dddddd;}

div#leftside ul.serviceslist li {font-size:11px; margin:0px 0px 7px 0px;}

div#leftside ul.aboutlist li {color:#ff9933; margin-left:40px; width:400px;}

ul.teamlist li b a{color:#FFFFFF; text-decoration:none; font-size:11px;}
ul.teamlist li b a:hover{color:#fffb00; text-decoration:none;}
ul.teamlist li {color: #CCCCCC;}

div.projectsimg {float:left; width:236px; height:79px; background-image:url(images/shadow.png); background-repeat:no-repeat; margin:0px 25px 10px 14px; padding:0px 0px 12px 12px; background-position:12px 3px;}

div#leftside p.projects { clear:both; padding:0px 0px 0px 0px; width:200px; margin:7px 0px 20px 0px; }

div.projectsnav {width:564px; height:16px; clear:both; text-align:center; padding:0px; margin:0px;}


div.projectsnav div.centerprojects {margin:0px auto 0px auto; display:inline; padding:0px; text-align:center; float:left; width:458px;}
div.prev {float:left; display:inline; width:62px; margin:0px; padding:0px; text-align:right; height:14px;}

div.next {float:right; display:inline; width:40px; margin:0px; padding:0px; text-align:left; height:14px;}
/* body :first-child div#leftside p.projects {margin:15px 0px 25px 0px;} */

div#bigabout a {color:#FF9900; text-decoration:none;}
div#bigabout a:hover {color:#FF9900; text-decoration:underline;}

div#bigclients a {color:#FFFFFF; text-decoration:none;}
div#bigclients a:hover {color:#00ccff; text-decoration:none;}

div#bigservices a {color:#ff0066; text-decoration:none;}
div#bigservices a:hover {color:#ff0066; text-decoration:underline;}

body div#bigprojects div#leftside div {color:#cccccc;}

body div#bigprojects div#leftside div a {color:#00ff00; text-decoration:none;}
body div#bigprojects div#leftside div a:hover {color:#00ff00; text-decoration:underline;}
body div#bigprojects div#leftside div a.projectslinks  {color:#ffffff; text-decoration:none;}
body div#bigprojects div#leftside div a.projectslinks:hover {color:#00ff00; text-decoration:underline;}

div#biteam a {color:#FFFF00; text-decoration:none;}
div#bigteam a:hover {color:#ffff00; text-decoration:none;}

div#bigspecific a, div#bigopening a  {color:#ffffff; text-decoration:none;}
div#bigspecific a:hover, div#bigopening a:hover {color:#ffffff; text-decoration:underline;}

div#bigcontact a {color:#c826eb; text-decoration:none;}
div#bigcontact a:hover {color:#c826eb; text-decoration:underline;}
div.address {position: relative; float: left; padding: 0px; display: inline; clear:left;}

div#bigspecific div#leftside p, div#bigopening div#leftside p {width:375px; float:left;}
div#bigabout div#leftside p {width:255px; float:left;}

div#bigbilling a {color:#c826eb; text-decoration:none;}
div#bigbilling a:hover {color:#c826eb; text-decoration:underline;}
div.address {position: relative; float: left; padding: 0px; display: inline; clear:left;}

img.specificgraphic2 {float:right; z-index:20; margin-top:15px; margin-right:15px;}
img.specificgraphic {float:right; z-index:20; margin-right:15px;}
img.aboutgraphic, img.servicesgraphic {float:right; z-index:20;}
#bigspecific div#graphiccontainer, #bigopening div#graphiccontainer {margin:0px; padding:0px; float:right; width:135px;}
#bigservices div#graphicsscontainer {margin:0px; padding:0px; float:right; width:296px;}
#bigabout div#graphiccontainer {margin:0px; padding:0px; float:right; width:296px;}

div#leftside div.teambio {
padding: 13px;
width:210px;
height:285px;
background-color:#3a302e;
border: 1px solid #807875;
float:right;
margin:20px 10px 0px 0px;
}

span.education, span.education a {
font-style:italic;
color:#CCCCCC;
}

div#leftside div.teambio p { margin:12px 0px 12px 0px; padding:0px; font-size:10px; line-height:140%;}
div#bigteam div#leftside div.teambio h3 {font-size:11px; font-weight:bold; margin:0px; padding:0px;}
p.delicious div {margin:0px; padding:0px;}
div#delicious-tags-jay2earlyadopter .delicious-tags  ul.delicious-cloud {margin:0px 0px 0px -90px; padding:0px 100px 0px 0px; background-color:#00FFFF;}
div#delicious-tags-jay2earlyadopter {margin:0px; padding:0px;}

	
div#leftside {	
	display:none;
	position:relative;
	font-size:11px;
	line-height:150%;
	width:577px;
	height:444px;
	padding:86px 105px 80px 67px;
	margin:0px;
	float:left;
	background-image:url(images/litebrite-bg.jpg);
	background-repeat:no-repeat;
}

body#homepage div#leftside {
	position:relative;
	font-size:11px;
	width:749px;
	min-height:100%;
	padding:0px;
	margin:0px 0px 0px 0px;
	float:left;
	background-image:none;
	background-color:#000000;
}

div#rightside {
	background-color:#191919;
	float:right;
	margin:0px;
	padding:0px;
	width:160px;
	height:610px;



}

body#homepage div#rightside {
	background-color:#191919;
	float:right;
	margin:0px;
	padding:0px;
	width:160px;
	height:100%;



}
	
div#header {
	margin:29px 6px 0px 5px; 
	padding:0px;
	}
	
div#mainnav {
	margin:15px 6px 0px 5px; 
	padding:0px;
	}	
	
	
div#header h1 {

	width:149px;
	height:170px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	overflow:hidden;
	display:block;
	
	}
	
html body div#header h1 a {
	display:block;
	width:149px;
	height:0px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	background-image:url(images/logo.gif);
	margin:0px 0px 0px 0px;
	
	}
		
div#mainnav ul li, div#mainnav ul{ 
	list-style:none;
	margin:0px;
	padding:0px;
	}
	
/*	a.bloglink {display:none;}
*/ 
a.bloglink {
	height:0px;
	width:153px; 
	display:block; 
	margin:110px 0px 0px 0px; 
	padding:30px 0px 0px 0px; 
	overflow:hidden;   
	background-repeat:no-repeat;
	background-image:url(images/comments-blog.gif);
	background-position:11px 0px;
	}	
	
a.bloglink:hover {
	background-position:-142px 0px;
	}
	
	
a.navitem {
	height:0px;
	width:120px; 
	display:block; 
	margin:0px 0px 0px 0px; 
	padding:30px 0px 0px 0px; 
	overflow:hidden;  
	background-image:url(images/mainnav.gif); 
	background-repeat:no-repeat;
	}

a#aboutlink { 
	background-position:11px 0px;
	}
	
a#aboutlink:hover 
	{background-position:-240px 0px; 
	}
	
div#bigabout div#mainnav a#aboutlink {
	background-position:-120px 0px; 
	}

a#serviceslink { 
	background-position:11px -30px;
	}
	
a#serviceslink:hover { 
	background-position:-240px -30px;
	}
	
div#bigservices div#mainnav a#services { 
	background-position:-120px -30px;
	}

a#projectslink { 
	background-position:11px -60px;
	}
	
a#projectslink:hover { 
	background-position:-240px -60px;
	}

div#bigprojects div#mainnav a#projectslink { 
	background-position:-120px -60px;
	}

a#clientslink { 
	background-position:11px -90px;
	}
	
a#clientslink:hover { 
	background-position:-240px -90px;
	}
	
div#bigclients div#mainnav a#clientslink { 
	background-position:-120px -90px;
	}


a#teamlink { 
	background-position:11px  -120px;
	}
	
a#teamlink:hover { 
	background-position:-240px -120px;
	}
	
div#bigteam div#mainnav a#teamlink { 
	background-position:-120px -120px;
	}

a#specificlink { 
	background-position:11px -150px;
	}
	
a#specificlink:hover { 
	background-position:-240px -150px;
	}

div#bigspecific div#mainnav a#specificlink {
	background-position:-120px -150px;
	}
	
a#openinglink { 
	background-position:11px -210px;
	}
	
a#openinglink:hover { 
	background-position:-240px -210px;
	}

div#bigopening div#mainnav a#openinglink {
	background-position:-120px -210px;
	}
	

a#contactlink {
	background-position:11px -180px;
	}
	
a#contactlink:hover {  
	background-position:-240px -180px;
	}
	
div#bigcontact div#mainnav a#contactlink {
	background-position:-120px -180px;
	}
	
 
div#bigteam div#leftside div.teambio ul.deliciouscloud  {
margin:0px;
padding:0px;
list-style:none;
width:200px;
text-align:justify;
font-size:10px;
}


body div#bigteam a.delable, body div#bigteam ul.deliciouscloud {
color:#FFCF02;
text-decoration:none;
font-size:10px;
}

body div#bigteam a.dellink:hover {
font-size:10px;
text-decoration:underline;
color:#FFcc00;
}

body div#bigteam a.dellink {
font-size:10px;
color:#FFF100;
}

li.delicoustags  {
display:inline;
margin:5px 0px 5px 0px;
padding:0px;
}

/* for fade in   */
li#navli1, li#navli2, li#navli3, li#navli4, li#navli5, li#navli6, li#navli7, li#navli8 {
display:none;

}
/* for fade in */
 
 /*

 FORMs
 
  */
  
  div#contactform {
  margin-left:24px;
  
  }
  
  .fieldlabel { float: right; text-align: right; width: 200px; margin-right: 330px; clear: both; }
  .field {  float: left; text-align: left; width: 275px; margin-left: 240px; clear: both;}
  
  div.paypalbutton {
	margin-left: 25px;
  
  }
  
  
 /* 
 div.editFormCol {
 width:200px;
 padding:0px 15px 0px 0px;
 clear:both;
 float:left;
 }
 
# tppFormsubject {

margin:0px 0px 0px -15px;
}
  
 div#tppFieldWrapemail, div#tppFieldWrapname {
 width:250px;
 position:relative;
 float:left;
 }
  
 input.editFormTextBox, select.editFormTextBox, textarea.editFormTextBox  {
 font-size: 10px; 
 background-color: #CCCCCC; 
 border: 1px solid #666666;
 margin: 3px 0px 12px 0px;
 
 }

 select#tppFormcontacttype {
 margin:0px 0px 50px 0px;
 width:170px;
 background-color:#eeeeee;
 clear:left;
 position:relative;
 float:left;
 
 }
 
 #tppFormmailinglistadd {
 
 clear:left;
 float:left
 }
 
div.editFormClear {
display:none;
display:block;
width:500px;
height:5px;
background-color:#0099FF;
position:relative;
clear:both;
}

div.formfloatleft div.editFormClear, div#tppFieldWrapother_subject div.editFormClear{
display:none;
}

.maillistwrapper {
width:400px;
height:40px;
background-color:#66FF66;
float:left;
clear:both;
}


div.formfloatleft{
width:500px;
height:80px;
background-color:#CC6633; 
clear:both;
}
 
div#tppFieldWrapother_subject { 
width:100px;
height:20px;
background-color:#00FFFF;
z-index:40;
clear:left;
float:left

}

div#tppFieldWrapother_subject div.editFormCol {
clear:none;
background-color:#990000;
float:none;
}


\
	
	*/