/* CS Document */
*{
margin:0; 	/*  it's good to have these  */
padding:0; 	/*  it's good to have these  */
}
a img{
border:none;
}
html, body {
height:100%;
background-attachment: fixed;
font-family:"Trebuchet MS",arial, serif;
font-size:100%;
font-size:.97em;
color:#ccc}
body {
min-width:800px; 	/*  this is for Firefox  */
background:#000;
}
#wrap {
position:relative;
min-height: 100%;	/*  this is for Firefox  */
margin: auto;
/*width:95%;*/
width:950px;
/*max-width:1100px;*/
background:#222 repeat-x;	
}
* html #wrap {
height:100%;	/*  this is for IE  */
}
p {margin:5px; padding:0; }
h1 {
position:relative;
line-height:80px;
margin:0; padding-left:20px;
}
div#time{
position:absolute;right:5px;top:0;color:#ccc;
font-size:80%;
}
#cloud-1{
position:absolute;

top:-10px;
/*left:-70px;*/
left:0;
}
#cloud-2{
background:url(/images/cloud2.png) no-repeat  !important;
background:none;
position:absolute;
width:212px;
height:150px;
bottom:0px;
/*right:-5.5%;*/
right:0;

}
#header {
position:relative;
height:130px;
z-index:10;
text-align:center;
/*border:1px solid red;*/

}
#header #main_img{
/*vertical-align:bottom;*/
margin-top:60px;
}
#header em{
position:absolute;
text-indent:-9999px;
}
img#logo{
position:absolute;
left:45%;
}

hr{
background:#DDDDDD none repeat scroll 0%;
border:1px none;
color:#DDDDDD;
height:1px;
margin:0pt 0pt 0.4em;
}

#inner-wrap {
padding-bottom:80px;

}
#inner-wrap:after {
content:" ";
display:block;
clear:both;
}
* html #inner-wrap {
height:1px;
}

#content {
position:relative;
width: 80%;
float: left;
z-index:4;
padding-left:5px;
text-align:justify;
}
#services #content{
z-index:0;
}
#right {
position:relative;
margin-left: 81%;
z-index:5;
border-left:1px solid #ddd;
}
ul#nav {
width:125px;
margin-top:5px;
list-style:square outside;
}
ul#nav li{
margin-left:20px;
}
ul#nav a:link, ul#nav a:visited {
text-decoration:none;
color:#ccc;
}
ul#nav a:hover {
text-decoration:none;
border-bottom:1px dashed #ccc;
/*color:#444;*/
}
#home #link1,
#about #link2,
#services #link3,
#products #link4,
#contact #link5,
#blog #link6{
color:red;
}

#footer {	
position:absolute;
bottom:0;
left:0;
z-index:6;
height:40px;
width:100%;
/*color:#777;*/
text-align:center;
font-size:.8em;
}


#content dt{
margin-left:10px;
font-weight:bold;
}
#content dd{
padding-left:40px;
}

#contact_div{
position:relative;
min-height:350px;
height:1px;
}
ul#address{
list-style:none;
position:absolute;
width:49%;
line-height:1.5;
padding-left:10px;
}
div#div_mail{
border-left:1px solid #ddd;
position:absolute;
width:50%;
left:50%;
}
div#send_result{
/*margin-top:300px;*/
text-align:center;
}
fieldset{
border:none;
}
label{
float:left;
width:90px;
text-align:right;
padding-right:10px;
}
input.text{
width:200px;
border:1px solid #bbb;
font-family:Papyrus,"Trebuchet MS",Verdana;
}
textarea{
overflow-y:auto;
width:200px;
border:1px solid #eee;
font-family:Papyrus,"Trebuchet MS",Verdana;
}
button, input.button{
background:#fff;
border-width:1px;
line-height:17px;
padding:1px ;
font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
font-size:100%;
font-weight:bold;
cursor:pointer;
margin-right:10px;
}
button:hover{
background-color:#DFF4FF;
border:1px solid #C2E1EF;
color:#336699;
}

div.error{
color:#ccc;
padding-left:100px;
}
h1,h2,h3{
font-size:1em;
}

/* */
ol#svc{
margin-left:1.5em;
list-style:none;
}

ol#svc li ul{
margin-left:2em;
}
ol#svc li ul li{    	    
    	    display:block;

}

ol#svc li ul li ul li{
	border:3px solid white;
	box-shadow: 0 0 10px #000000;
	-moz-box-shadow: 0 0 10px #000000;
	-webkit-box-shadow: 0 0 10px #000000;
	float:left;
	width:200px; 
	height:100px;
	list-style:none;
	margin:5px 12px 25px 0;
	padding:0;
}

ol#svc li ul li ul li a{    	   
   display:block;
}
	
ol#svc li ul li.tpic{    	  
   clear:both;
}

ol#svc li.mntpic{
   clear:both;
}
ol#svc a.websnapr:link, ol#svc a.websnapr:visited{
color:#ccc;
text-decoration:none;
}
ol#svc a.websnapr:hover{
font-weight:bold;
}
blockquote{
font-size:0.95em;
font-style:italic;
line-height:1.5;
margin-bottom:10px;
}
blockquote p{
text-align:center;
}
/* copied from http://camendesign.com/design/design.css :)*/
blockquote			{position: relative; 
				color: #444; 
				 width:80%; margin:10px auto;}
blockquote:before,		/* large quotes, top and bottom */
blockquote:after		{display: block; height: 38px; overflow: hidden;
				 font: 72px/76px "Baskerville Old Face", Georgia, serif;}
blockquote:before		{content: "\201C"; margin-left: -40px; margin-bottom: -40px; line-height: 64px;}
blockquote:after		{content: "\201D"; float: right; margin-top: -45px; margin-right: -40px;
				 /* compatibility with Firefox 3.0 / Camino 2: */
				 padding-left: 10px; margin-left: 100%;}

blockquote>p+p			{text-indent: 0;}
blockquote>cite			{display: block; margin-bottom: 19px; font-size: 13px;}
blockquote>cite:last-child	{text-align: right;}