/* CSS Document */

*{	margin: 0;
	padding: 0;
	border: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;}	

/*#header {
	background-color:#666666;
	height: 50px;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;}*/

#graybackground {
	background-color:#666666;
	padding: 0 0 20px 0;}
	
#white {
	background-color:#fff;
	height: 800px;
	position: relative;
	left: 0px;
	top: 50px;
	right: 0px
	width: 100%;}
	
	h1, h2 {
		position: absolute;
		margin-left: -3000px;}
	


#maincontainer {
	width: 700px;
	height: 800px;
	margin: 60px 0 0 -367px;
	position: relative;
	background: #fff;
	left: 50%;}
	

/*#navcontainer{
	margin: 40px auto 10px auto;
	height: 600px;
	width: 90%;}

#nav {
	margin: 0;
	list-style: none;
	background: #b7b7a1;}
	
#nav li {
	float: left;
	width: 20%;}

#nav a {
	text-align: center;
	display: block;
	margin: 0 1px 0 0;
	padding: 3px 0;
	color: #F7F7F7;
	font: .5em Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid 363636;
	border-bottom: none;
	background: #7c7c6c;
	letter-spacing: 1px;}
	
#nav a.last{
	margin: 0;}
	
#nav a:hover {
	color: #CCCCCC;
	padding-bottom: 3 px;
	border-color: #000000;
	background-color: #666666;}

#nav li.active a{
	background-color: #fff;
	color:#000000;}*/

	
#tabs {
	width: 317px;
	height: 29px;
	position: relative;
	left: 570px;
	top: -29px;
	background: url(images/tab.gif) no-repeat;}
	
#tab1 {
	width: 317px;
	height: 29px;
	position: relative;
	left: 570px;
	top:-29px;
	background: url(images/tab1.gif) no-repeat;}

#nav li a{
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
	font-size: 12px;
	background:#CCCCCC;
	text-decoration: none;}

#nav li#services a {	
	left: 759px;
	top: -19px;
	position: absolute;}
	
#nav li#home a  {
	left: 631px;
	top: -19px;
	position: absolute;}
	
#nav li.active a{
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: .2em;
	font-size: 12px;
	background: #ffffff;
	text-decoration: none;}	
	
#nav li a:hover{
	color: #3399CC;}

/*index*/

#toptitle {
	width: 280px;
	height: 112px;
	background: url(images/lgtitle.gif) no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	margin-bottom: 39px;}
	
/*#contact {
	width: 300px;
	height: 90px;
	background: url(images/contact.gif) no-repeat;
	position: absolute;
	left: 425px;
	top: 7px;}*/

#contact a {
	display: block;
	width: 300px;
	height: 90px;
	background: url(images/contact.gif) no-repeat;
	position: absolute;
	left: 425px;
	top: 7px;}

#copy p {
	text-indent: 25px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .85em;
	line-height: 1.8em;
	margin: 10px 307px 0 0;
	text-align: justify;
	position: relative;
	display:block;
	color: #333333;}
	
#indimg {
	width: 235px;
	height: 380px;
	background: url(images/girlwlaptop.jpg) no-repeat;
	position: absolute;
	left: 462px;
	top: 155px;}
	
#logo {
	width: 61px;
	height: 61px;
	background: url(images/logo.gif) no-repeat;
	position: absolute;
	left: 639px;
	top: 588px;}
	
#closebracket {
	width: 22px;
	height: 66px;
	background: url(images/closebracket.gif) no-repeat;
	position: absolute;
	left: 580px;
	top: 584px;}
	
#xhtmlv {
	width: 153px;
	height: 17px;
	background: url(images/w3cxhtml.gif) no-repeat;
	position: absolute;
	left: 460px;
	top: 598px;}
	
#cssv {
	width: 133px;
	height: 17px;
	background: url(images/w3ccss.gif) no-repeat;
	position: absolute;
	left: 460px;
	top: 620px;}
	
#logotop {
	width: 38px;
	height: 38px;
	background: url(images/logobutton.gif) no-repeat;
	position: relative;
	left: 50px;
	top: 6px;}
	
#gradi1 {
	width: 407px;
	height: 10px;
	background: url(images/gradiwide.jpg) repeat;
	position: absolute;
	left: 0px;
	top: 101px;}	

/*index--lines*/
	
#hline {
	width: 700px;
	height: 2px;
	background: url(images/hline.gif) no-repeat;
	position: absolute;
	left: 0px;
	top: 118px;}

#hline2 {
	width: 270px;
	height: 2px;
	background: url(images/hline2.gif) no-repeat;
	position: absolute;
	left: 428px;
	top: 570px;}
	
#hline3 {
	width: 270px;
	height: 2px;
	background: url(images/hline3.gif) no-repeat;
	position: absolute;
	left: 428px;
	top: 659px;}

#vline {
	width: 2px;
	height: 540px;
	background: url(images/vline.gif) no-repeat;
	position: absolute;
	left: 425px;
	top: 120px;}
	
#vline1 {
	width: 2px;
	height: 90px;
	background: url(images/vline1.gif) no-repeat;
	position: absolute;
	left: 620px;
	top: 570px;}
	
/*services*/

#vlineprice {
	width: 2px;
	height: 620px;
	background: url(images/vlineprice.gif) no-repeat;
	position: absolute;
	left:81px;
	top: 0px;}
	
#hline4 {
	width: 84px;
	height: 2px;
	background: url(images/hline4.gif) no-repeat;
	position: absolute;
	left: 0px;
	top: 80px;}
	
#gradi {
	width: 58px;
	height: 489px;
	background: url(images/gradi.jpg) no-repeat;
	position: absolute;
	left: 4px;
	top: 100px;}
	
#wrapper {
	margin: -70px 0 0 0;
	display: block;}
	
.service p {
	background-color: #fff;
	padding: 5px 10px 5px 10px;
	display: block;
	margin: 0px 0px 15px 100px;
	font-size: .83em;
	color: #333333;
	line-height: 1.7em;}
	
.servicebold {
	font-weight: bold;
	color: #333;}
	
.pricegrey {
	color:#666666;
	font-size:.82em;
	letter-spacing: .1em;}

/*bottom*/

#bottomstreak {
	width: 100%;
	height: 120px;
	position: relative;
	left: 0px;
	bottom: 0px;
	background-color: #666666;}

#bottominfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: center;
	color: #CCCCCC;
	letter-spacing: 0.2em;
	bottom: 100px;}