/*
Theme Name: Exstatic Theme
Theme URI: http://www.astereostudio.com
Description: Exstatic Multimedia
Version: 1
Author: Astereostudio
*/

body {
	background-color: #333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 165%;
}
#wrap {
	width: 800px;
	margin: 0 auto;
	padding: 3px;
}
a {
	text-decoration: none;
}
#top {
	background-color: #222;
	color: #fff;
	font-size: 11px;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}
#top p {
	margin: 0px;
	padding: 0px;
	line-height: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#banner {
	width: 800px;
	height: 160px;
	background-image: url(imgs/emmedia.gif);
	background-repeat: no-repeat;
	border: 3px solid #fff;
}
#logo {
	width: 100%;
	margin: 0 auto;
}

#logo a img {
border: 0px;
}

#nav {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
}
#nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#nav ul li {
	float: left;
	margin-right: 10px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding-right: 10px;
	border-right: 1px solid #e2e2e2;
	padding-left: 10px;
}
#nav h2 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}
#nav p {
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	color: #555;
}
#nav a {
	color: #555;
}
#nav a:hover {
	color: #222;
}
#cont {
	background-color: #fff;
	width: 806px;
	margin: 0 auto;
	padding-bottom: 15px;
}
#cont .main {
	width: 480px;
	float: left;
	padding-left: 20px;
	margin-right: 50px;
}

#cont .sb .ml a {
display: block;
color: #222;
font-size: 11px;
margin-bottom: 2px;
border-bottom: 1px dotted #ccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-right: 2px;
padding-left: 2px;
}

#cont .sb .ml a:hover {
background-color: #462032;
color: #fff;
}

#cont .sb {
	padding-right: 20px;
	width: 236px;
	float: right;
}

#cont .main .entry h3 {
font-size: 16px;
margin: 0px;
padding: 0px;
margin-bottom: 7px;
color: #491049;
}

#cont .sb .cl {
border: 1px solid #ccc;
background-color: #f9f9f9;
padding: 5px;
margin-bottom: 10px;
}

#cont .sb .cl p {
font-size: 12px;
line-height: 180%;
color: #333;
margin: 0px;
padding: 0px;
}

#cont .sb .cl p img {
vertical-align: text-bottom;
}

#cont .sb .cl p a {
color: #333;
border-bottom: 1px dotted #444;
}

#cont .sb .cl p a:hover {
color: #111;
border-bottom: 1px dotted #222;
}

#cont .sb .work {
padding-right: 5px;
padding-left: 5px;
}

#cont .sb .work .top {
width: 100%;
height: 25px;
background-image: url(imgs/rwt.gif);
background-repeat: no-repeat;
border-bottom: 1px solid #e2e2e2;
margin-bottom: 5px;
}

#cont .sb .work img {
margin-bottom: 5px;
}

#cont .sb .work a img {
border: 1px solid #e2e2e2;
padding: 2px;
}

#cont .sb .work a:hover img {
border: 1px solid #444;
}

/* portfolio page work custom */

#cont .sb .work2 {
padding-left: 10px;
}

#cont .sb .work2 img {
background-color: #fff;
}

#cont .sb .work2 a img {
border: 1px solid #e2e2e2;
padding: 2px;
}

#cont .sb .work2 a:hover img {
border: 1px solid #444;
}

#cont .ow {
padding-bottom: 5px;
margin-bottom: 5px;
padding-top: 5px;
}

/* back to the style */

#cont .sb #lg {
margin-bottom: 15px;
display: none;
}

#cont .sb #lg .top {
width: 100%;
height: 25px;
background-image: url(imgs/cl.gif);
background-repeat: no-repeat;
border-bottom: 1px solid #e2e2e2;
margin-bottom: 5px;
}

#cont .main p {
	font-size: 12px;
	line-height: 165%;
	color: #222;
	margin: 0px;
	margin-bottom: 10px;
	padding: 2px;
}

#cont .main p a {
color: #462032;
border-bottom: 1px solid #462032;
}

#cont .main p a:hover {
color: #222;
border-bottom: 1px solid #111;
}

#cont .main h2 {
	font-size: 16px;
	font-weight: normal;
	color: #462032;
	border-bottom: 1px solid #e2e2e2;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
#hosting {
	width: 756px;
	paddin-right: 5px;
	padding-left: 5px;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-image: url(imgs/hb.gif);
	padding-top: 5px;
	padding-bottom: 5px;
}

#hosting h2 {
text-align: center;
font-size: 14px;
color: #442243;
margin: 0px;
padding: 0px;
letter-spacing: 3px;
text-transform: uppercase;
}

#hosting p {
font-size: 12px;
margin: 0px;
padding: 0px;
}

#hosting .ht {
	font-size: 11px;
	line-height: 200%;
	padding: 5px;
	background-color: #fff;
	color: #444;
	border: 1px solid #e2e2e2;
}

#hosting .ht p {
margin: 0px;
padding: 0px;
line-height: 200%;
margin-bottom: 5px;
}

#hosting .ht ul {
margin: 0px;
padding: 0px;
margin-left: 25px;
}

#hosting .ht ul li {
margin: 0px;
padding: 0px;
margin-bottom: 2px;
}

#hosting .small {
	font-size: 11px;
	line-height: 200%;
	padding: 5px;
	background-color: #fff;
	color: #444;
	border: 1px solid #e2e2e2;
}

#hosting .price {
background-color: #472E43;
color: #fff;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 3px;
text-align: center;
padding: 2px;
padding: 0px;
margin: 0px;
}

#hosting .plan1 {
	width: 222px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 10px;
}
#hosting .plan2 {
	width: 222px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 10px;
}
#hosting .plan3 {
	width: 222px;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
}

#footer {
background-color: #fff;
width: 806px;
margin: 0 auto;
padding-bottom: 15px;
}

#footer p {
font-size: 12px;
line-height: normal;
margin: 0px;
padding: 0px;
color: #444;
padding-left: 30px;
padding-right: 30px;
}

#footer p a {
color: #555;
}

#footer p a:hover {
color: #3C2046;
}

#hosting a.bn {
display: block;
width: 168px;
height: 80px;
background-image: url(imgs/pp1.gif);
background-repeat: no-repeat;
margin: 0 auto;
}
	 
#hosting a.bn:hover {
background-image: url(imgs/pp2.gif);
}

#cont .main #pft h2 {
font-size: 12px;
color: #462032;
font-weight: bold;
margin: 0px;
padding: 0px;
border: 0px;
}

#cont .main #pft h2 a {
color: #462032;
}

#cont .main #pft h2 a:hover {
background-color: #462032;
color: #fff;
}

#cont .main #pft h2 img {
vertical-align: text-bottom;
}

#cont .main #pft p {
font-size: 11px;
color: #323232;
margin: 0px;
padding: 0px;
border: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#cont .main #pft .entry {
background-color: #fff;
}

#cont .main #pft .entry4 {
background-color: #fff;
}

.sl2 {
float: right;
width: 56px;
}

.sl2 img {
padding: 2px;
border: 1px solid #e2e2e2;
}

.fm {
float: left;
width: 400px;
}

#mw {
margin-bottom: 15px;
}

.already {
border: 1px solid #07406D;
background-color: #F2FAFF;
padding: 5px;
margin-bottom: 10px;
}

.already p {
font-size: 12px;
color: #333;
line-height: 165%;
margin: 0px;
padding: 0px;
}

.already p a {
font-weight: bold;
color: #07406D;
}