.site4usocialmedia
{
text-align: center;
color: white;
font-family: sans-serif;
font-size: 14;
background: transparent url('site-images/socialbg.png');
}

.site4usocialmedia img
{
margin: 10px 20px 0px 22px;
}



.left{
display: inline-block;
width: 165px;
height: 188px;
margin: 15px;
padding: 0px;
vertical-align: top;
background-color: black;
border: 0px blue solid; 
float: left; 
color: white;
text-align: left;
}

.Middle{
display: inline-block;
width: 20px;
margin: 0px;
padding: 10px;
vertical-align: top;
background-color: red;
border: 1px green solid; 
float: left; 
text-align: left;
}

.right{
display: inline-block;
width: 585px;
margin-left: 10px;
padding: 0px;
vertical-align: top; 
background-color: black;
border: 1px black solid; 
float: left;
text-align: left;
}

.textbox{
display: inline-block;
width: 650px;
height: 210px;
margin: 11px;
padding: 10px;
vertical-align: top;
background-image: url('http://i1.peperonity.info/c/85B996/450486/ssc3/home/072/stan5000/matrix.gif_320_320_256_9223372036854775000_0_1_0.gif')
float: left;
text-align: left;
}

.textbox1{
display: inline-block;
width: 650px;
height: auto;
margin: 0px;
vertical-align: top;
background-image: url('http://i1.peperonity.info/c/85B996/450486/ssc3/home/072/stan5000/matrix.gif_320_320_256_9223372036854775000_0_1_0.gif')
float: left;
text-align: left;
}

.textbox_websites{
display: inline-block;
width: 650px;
height: 560px;
margin: 11px;
padding: 10px;
vertical-align: top;
background-image: url('http://i1.peperonity.info/c/85B996/450486/ssc3/home/072/stan5000/matrix.gif_320_320_256_9223372036854775000_0_1_0.gif')
float: left;
text-align: left;
}

.pod_logo{
display: inline-block;
position: relative;
width: 230px;
height: 170px;
margin: 0;
padding: 0;
vertical-align: top;
background-color: white;
float: left;
text-align: left;
}

.contact_us{
display: inline-block;
position: relative;
width: 142px;
height: 118px;
margin: 0;
padding: 0;
vertical-align: top;
background: transparent url('site-images/contactus.png')
no-repeat;
float: right;
text-align: center;
}

.home{
display: inline-block;
position: relative;
width: 142px;
height: 60px;
margin: 0;
padding: 0;
vertical-align: top;
background: transparent url('site-images/order.png')
no-repeat;
float: left;
text-align: center;
}

.order{
display: inline-block;
position: relative;
width: 142px;
height: 60px;
margin: 0;
padding: 0;
vertical-align: top;
float: right;
text-align: center;
}

.pod_title{
display: inline-block;
position: relative;
width: 380px;
height: 170px;
margin: 0;
padding: 0;
vertical-align: top;
background-color: transparent;
float: left;
text-align: left;
}

.pod{
display: inline-block;
position: relative;
width: 189px;
*width: 187px;
height: 147px;
margin: 0;
padding: 0;
background-color: transparent;
float: left;
text-align: center;
}

.pod_text
{
text-align: center;
color: white;
font-family: sans-serif;
font-size: 20px;
margin: 0, 0, 0, 0px;
}


a#button1 {
    display: block;
    width: 188px;
    height: 147px;
    margin: 0px auto;

}
a#button1:hover {
    background-color:  	#BEBBF0;
	width: 104%;
}
a .alt { display: none; }



.blue{
background: transparent url('site-images/pod_blue.png')
no-repeat;
border: 0;
text-decoration: none;
}

.green{
background: transparent url('site-images/pod_green.png')
no-repeat;
border: 0;
text-decoration: none;
}

.orange{
background: transparent url('site-images/pod_orange.png')
no-repeat;
border: 0;
text-decoration: none;
}

.red{
background: transparent url('site-images/pod_red.png')
no-repeat;
border: 0;
text-decoration: none;
}

.aqua{
background: transparent url('site-images/pod_aqua.png')
no-repeat;
border: 0;
text-decoration: none;
}

.purple{
background: transparent url('site-images/pod_purple.png')
no-repeat;
border: 0;
text-decoration: none;
}


.pod-right{
display: inline-block;
position: relative;
width: 208px;
height: 105px;
margin: 13;
padding: 10;
vertical-align: top;
background-color: transparent;
float: right;
text-align: left;
z-index: 2;
}




.gallery{
float: left;
display: inline-block;
vertical-align: top;
width: 146px;
height: 245px;
margin-top: 25px;
z-index: 10;
background: url("site-images/gallery.png") no-repeat;
text-align: center;
}

.height{
height: 500px;
}

.orangefont
{
color: orange;

width: 383px;
height: auto;
line-height: 30px;
}


ul li:hover {background: #555;
		background-color: #DDE6F2;
		border-radius: 25px;}

nav > ul > li > div {
	background-color: white;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
	display: none;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 170px;
	visibility: hidden;
	z-index: 100;
	border-color: blue;
	border-style: double;	
	
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s;
}

	nav > ul > li > div ul > li {
		display: block;
		border-color: white;
		border-style: double;			
	}
	
		nav > ul > li > div ul > li > a {
			color: #fff;
			display: block;
			padding: 12px 24px;
			text-decoration: none;
		}
	
	nav > ul > li > div ul > li:hover > a {
		background-color: #DDE6F2;
		color: white;
		border-radius: 25px;
		
	}
	
	nav > ul > li:hover > div {
	display: block;
	opacity: 1;
	visibility: visible;
	color: white;
}