/*--Global styles--*/

*
			{
			list-style: none;
			margin: 0;
			padding: 0;
			font-family: helvetica, tahoma, "century gothic", sans-serif;
			font-size: 11px;
			border: none;
			color: #868686;
			text-decoration: none;
			outline: none;
			line-height: 14px;
			}

body		
			{
			background: #000;
			}
p
			{
			margin: 5px 0 12px 0;
			}


.clear
			{
			clear: both;
			margin: 0;
			}

.hidden	
			{
			display: none;
			}
#floater
			{
			position: fixed;
			top: 50%;
			left: 50%;
			margin-top: -250px;
			margin-left: -367px;
			}
#wrapper
			{
			position: relative;
			width: 700px;
			}

#logo
			{
			position: absolute;
			top: 160px;
			left: 5px;
			height: 100px;
			width: 160px;
			}

#main
			{
			width: 697px;
			height: 435px;
			text-align: right;
			background: url(../img/main_bg.jpg) no-repeat;
			position: relative;
			}

.maintext
			{
			position: absolute;
			width: 333px;
			top: -10px;
			opacity: 1!important;
			left: 350px;
			height: 450px;
			background: #000;
			padding: 0 30px 0 15px;
			}



#quotes
			{
			cursor: help;
			font-style: italic;
			border-top: 1px dotted #666;
			padding-top: 3px;
			margin-top: 30px;
			width: 697px;
			text-align: center;
			}

#quotes span
			{
			color: #9D99AF;
			}


.closediv
			{
			cursor: pointer;
			background:  url(../img/close.jpg) no-repeat 0 1px;
			margin-top: 20px;
			width: 120px;
			border-top: 1px dotted;
			margin-left: 215px;
			border-bottom: 1px dotted;		

			}

/*Heading styles*/
h1
			{
			font-size: 12px;
			width: 709px;
			letter-spacing: 5px;
			margin: 0px 0 5px -4px;
			padding: 5px 0 5px 0;
			text-align: center;
			color: #9D99AF;
			}

h2, h3
			{
			font-size: 14px;
			border-bottom: 1px dotted #666;
			border-top: 1px dotted #666;
			letter-spacing: 2px;
			padding: 3px 0 3px 0;
			margin: 10px 0 0 0;
			color: #9D99AF;
			}



/*--link styles--*/

a:link, a:visited
			{
			color: #efefef;
			}

a:hover
			{
			text-decoration: underline;
			}


h2 a		
			{
			font-size: 14px;
			}

/*--nav bar styles--*/

ul#navbar 
			{
			margin: 8px 0 0 -10px;
			width: 800px;
			}

li#likebutton
			{
			position: relative;
			top: -4px;
			}
ul#navbar li
			{
			float: left;
			width: 90px;
			outline: 1px dotted reds;
			text-align: center;	
			margin-left: 5px;
			}

ul#navbar li#fb 
			{
			width: 15px;
			margin-left: 10px;
			margin-right: 20px;
			}

ul#navbar li#fb a
			{
			padding-left: 0;
			}

ul#navbar li.unavailable
			{
			text-decoration: line-through;
			margin-left: 10px;
			margin-right: 10px;
			cursor: help;
			}

ul#navbar li a
			{
			color: #6F6F6F;
			padding-left: 17px;
			}


ul#navbar a.here
			
			{
			text-decoration: underline;
			color: #fff;
			}

ul#navbar a#translate, ul#navbar a#untranslate
			{
			background: url(../img/flag_fr.jpg) no-repeat 0 2px;
			padding-left: 19px;
			}

ul#navbar a#untranslate
			{
			background: url(../img/flag_uk.jpg) no-repeat 0 2px;
			}

ul#navbar a#worldnav:hover
			{
			background: url(../img/earth.jpg) no-repeat 2px 2px;
			}

ul#navbar a#wordsnav:hover, ul#navbar a#wordsnav.here
			{
			background: url(../img/book.jpg) no-repeat 0 2px;
			}

ul#navbar a#likenav:hover, ul#navbar a#likenav.here
			{
			background: url(../img/smiley.jpg) no-repeat 3px 2px;
			}

ul#navbar a#homenav:hover, ul#navbar a#homenav.here
			{
			background: url(../img/home.jpg) no-repeat 2px 1px;
			}

ul#navbar a#portnav:hover, ul#navbar a#portnav.here
			{
			background: url(../img/briefcase.jpg) no-repeat 1px 1px;
			}

/*Portfolio page styles*/

body#ourwebsites .maintext
			{
			display: none;
			}

body#ourwebsites #weework
			{
			display: block;
			}

body#ourwebsites h2
			{
			background: url(../img/briefcase.jpg) no-repeat 5px 4px;
			}


ul#sites li
			{
			background: url(../img/arrow.jpg) no-repeat 185px 4px;
			margin-bottom: 5px;
			text-align: right;
			width: 180px;
			margin-left: 142px;
			padding-right: 10px;
			}

ul#sites li span
			{
			cursor: pointer;
			color: #fff;
			}



ul#sites li span:hover
			{
			text-decoration: underline;
			}

.maintext img
			{
			margin-top: 10px;
			border-radius: 3px;
			box-shadow: 3px 3px 3px #9D99AF;
			}


ul.websitelist li	

			{
			margin-bottom: 5px;
			padding-right: 12px;
			background: url(../img/arrow.jpg) no-repeat 325px 4px;
			}

#contact
			{
			width: 172px;
			height: 142px;
			position: absolute;
			top: 175px;
			left: 175px;
			z-index: 2;
			text-align: center;
			}
body#ourwebsites #contact h2
			{
			border: none;
			background: none;
			margin: 0;
			}