/* Digital Essence Web site Design & Hosting - Design CSS */
/* START OF CSS 
00. Global Styles
01. Layout
02. Top Nav Bar
03. Product Blocks
04. Who And What we do Blocks
05. Footer
06. Footer Form
07. Footer Links
08. Thank you
09. £199 Web site Package
10. Twitter Feed
11. Page Flip
12. Slide Out Tab
*/

/* =============================================================
 * 00. Global Styles
 * ============================================================= */
p {
	padding-bottom: 5px;	
	color: #000;
}
.strong {
	font-weight: 700;	
}
#main_text {
	margin: 23px 20px 46px 20px;
	float: left;
	line-height: 1.15;	
}
#main_text h1 {
	float: left;
	width: 430px;
	width: 100%;
	padding: 0 0 10px 0px;
	text-transform: uppercase;
	font-size: 12px;
	color: #333333;
	font-weight: 600;
}
#main_text ul {
	list-style-type: disc;	
	padding: 0 0 20px 20px;
}
#main_text li {
	font-size: 11px;
	line-height: 16px;	
}
#main_text p {	
	font-size: 10px;
}
#main_text p strong{	
	font-weight: 700;
}


h2 {
	font-size: 24px;
	padding-bottom: 15px;
}
/* =============================================================
 * 01. Layout
 * ============================================================= */
#wrapper {
	width: 100%;
	width: 1004px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin: auto;
}
#top_section {
	height:241px;
	background-image:url(../images/bckg_top.png);
	background-repeat:no-repeat;
}
/* =============================================================
 * 02. Top Nav Bar
 * ============================================================= */
#navcontainer {
	padding-top: 90px;
	padding-left: 35px;	
}
#navcontainer ul {
padding: 0;
margin: 0;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a { 
text-decoration: none; 
padding: .2em 1em;
color: #CCCCCC;
}
#navcontainer ul li a:hover
{
color: #CCCCCC;
}
#navcontainer ul li a:visited
{
color: #CCCCCC;
}
#orange_blk_dmn_chck {
	margin-left: 360px;
	margin-top: 35px;
	width: 470px;
	font-size: 1.2em;
	color: #fff;
	}
form#dmn_chck select{
	background: #FFF;	
	color: #333;
	margin: 10px;
	padding: 0px;
	border: 1px solid #FF8433;
	font-size: 0.9em;
}
form#dmn_chck input {
	background: #FFF;	
	color: #333;
	margin: 0px;
	padding: 0px;
	border: 1px solid #666;
	font-size: 0.9em;
}
.full_details  {
	margin-top: 10px;
	font-size: 12px;
}
.full_details a{
	color: #fff;
}
.black {
	color: #643000;	
	font-weight: 700;
}
.clear_both {
	clear:both;
	}
#middle_section {
	margin: 0;
	padding: 0;
	background-image:url(../images/bckg_wht.png);
	background-repeat:repeat-y;
	overflow:hidden;
	}
#main_content {
	overflow:hidden;	
	background-image:url(../images/bckg_middle.png);
	background-repeat:no-repeat;
	padding: 0 32px 0 32px;
}
/* =============================================================
 * 03. Product Blocks
 * ============================================================= */
.prod_blck {
	float: left;
	width: 210px;
	height: 220px;
	margin-left: 20px;
	padding-top: 47px;
}
.prod_blck_icn {
	width: 54px;
	padding: 0 10px 5px 0;
	float: left;
}
.prod_blck_hdr {
	width: 140px;
	float: left;
	padding: 0 0 10px 0px;
	text-transform: uppercase;
	font-size: 12px;
	color: #333333;
	font-weight: 600;
}
.prod_blck_txt {
	font-size: 10px;
	line-height: 1.15;	
}
.prod_blck_rd_mre {
	position:relative;
	top: 20px;
	left:110px;
	width:74px;
	height: 13px;
}
/* =============================================================
 * 04. Who And What we do Blocks
 * ============================================================= */
#who_blck {
	margin: 23px 0 46px 20px;
	width: 435px;
	float: left;
	line-height: 1.15;
}
.who_what_hdr {
	float: left;
	width: 430px;
	padding: 0 0 10px 0px;
	text-transform: uppercase;
	font-size: 12px;
	color: #333333;
	font-weight: 600;
}
.who_what_blck_txt {
	margin: 10px 0 0 0;
	font-size: 10px;	
}
.who_what_blck_txt p {
padding-bottom: 5px;	
}
#what_blck {
	margin: 23px 0 0 25px;
	width: 435px;
	float: left;
	line-height: 1.15;
}

/* =============================================================
 * 05. Footer
 * ============================================================= */
#bottom_section {
	height: 450px;
	background-image:url(../images/bckg_bottom.png);
	color: #fff;
}
#footer {
	padding-left: 32px;	
}
.ftr_blck  {
	float: left;
	width: 210px;
	height: 390px;
	margin-left: 20px;
	margin-top: 25px;
}
.ftr_blck_hdr {
	width: 210px;
	float: left;
	padding: 0 0 10px 0px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}
.ftr_blck_txt {
	font-size: 10px;
	line-height: 1.25;
}
#ftr_line {
	clear:both;
	width: 876px;
	height: 20px;		
	margin: 0 0 0 32px;
	border-top: 1px solid #FFF;
	font-size: 10px;
}
#ftr_line_left {
	padding-top: 5px;
	float: left;
	width: 300px;

}
#ftr_line_right {
		padding-top: 5px;
	float: right;
		width: 200px;
}
#ftr_base {
	height: 25px;
	background-color: #0CC;	
}
#social {
	padding: 10px 0 0 32px;	
}
#twitter_icon {
	width: 43px;
	float: left;
}
#rss_icon {
	margin-left:10px;
	width: 30px;
		float: left;
}
#facebook {
	width: 150px;
	float: right;
	margin-right: 132px;
	background: #000;
}
/* =============================================================
 * 06. Footer Form
 * ============================================================= */
.form_wrap{
	width:156px;
	padding:0;
	margin:6px 0 0 0;
}
input:focus,select:focus,textarea:focus{
	background:#4B2E13;
	background: #ccc;
}
input,select,textarea{
	font-size:12px;
	color:#000;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 4px 2px 4px;
	border:#b27f50 1px solid;
	margin:0;
	background: #fff;
	margin: 10px;
}
#get_in_touch input,select, textarea {
background:#411f00;
color: #fff;
}
#get_in_touch input:focus,select:focus,textarea:focus{
	background:#4B2E13;
	color: #fff;
}

#get_in_touch input, #get_in_touch textarea{
	width: 155px;
}

#get_in_touch input.contact_button{
	display:block;
	width:94px;
	font-size:20px;
	background: url('../images/submit_tick.gif') no-repeat right -20px;
	border:none;
	font-style:normal;
	text-align:left;
	font-weight:bold;
	padding:0;
	margin:0px 0 0 0;
	cursor:pointer;
}
#get_in_touch input.contact_button:hover{
	background-position:center right;
	color:#fff;
}
/* =============================================================
 * 07. Footer Links
 * ============================================================= */
#footer a:link {color:#FFFFFF; text-decoration:none;}
#footer a:visited {color:#FFFFFF; text-decoration:none;}
#footer a:hover {color:#FFFFFF; text-decoration:underline;}
#footer a:active {color:#FFFFFF; text-decoration:none;} 
/* =============================================================
 * 08. Thank you
 * ============================================================= */
.middle_txt {
	font-size: 12px;
	padding: 140px 0 160px 280px;
	width: 500px;
}
.middle_txt h1{
font-size: 18px;
}
.middle_txt li{
padding-top: 10px;
font-size: 1em;
list-style-type:circle;
}
.middle_txt textarea{
background: #fff;
color: #000;
}
/* =============================================================
 * 09. £199 Web site Package
 * ============================================================= */
#package {
	padding: 47px 20px 0 20px;
}
#package h1 {
	padding: 0 0 10px 400px;
	text-transform: uppercase;
	font-size: 12px;
	color: #333333;
	color: #000;
	font-weight: 600;	
}
#package h2 {
	padding: 0 0 10px 10px;
	text-transform: uppercase;
	font-size: 12px;
	color: #333333;
	color: #000;
	font-weight: 600;	
}

.package_p_right {
	padding-left: 400px;
	font-size: 10px;
	line-height: 1.15;
}
.package_p_left {
	padding: 0 0 25px 40px;
	font-size: 10px;
	line-height: 1.15;
}
#package_items {
	width: 450px;
	float: left;
	padding-bottom: 20px;	
}
/* =============================================================
 * 10. Twitter Feed
 * ============================================================= */
.twitted {
	width: 16em;
	margin-bottom: 1.5em;
}

.twitted h2 {
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 1em;
	color: #fff;
	background-color: #888;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	/*border-bottom: 1px solid #ccc;*/
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #fff;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #fff;
	text-decoration:underline;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #ddd;
}
/* =============================================================
 * 11. Page Flip
 * ============================================================= */
#twitter_pf {
	position: relative;
}
#twitter_pf img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#twitter_pf .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(../images/page_flip_subscribe.png) no-repeat right top;
	text-indent: -9999px;
}
/** =============================================================
 * 11. Slide Out Tab
 * ============================================================= */

.slide-out-div {
          padding-left: 10px;
		  padding-right: 0px;
		  padding-top: 10px;
          width: 269px;
		  height: 368px;
          /*background: #643000;*/
		  background-image:url(../images/newsletter/slide_out_bckgrnd.png);
		  background-repeat:no-repeat;
          /*border: 1px solid #29216d;*/
		  font-size: 11px;
      }  
.slide-out-div #news_icon {
	height: 40px;
	width: 46px;
	float: left;
	background-image:url(../images/newsletter/newsletter_icon.png);
	background-repeat:no-repeat;	
}
.slide-out-div #title {
	float: left;
	width: 160px;
	padding: 15px 0 0px 20px;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	font-weight: 600;
	
}
.slide-out-div .text {
	float: left;
	width: 240px;
	margin: 10px 0 0px 0;	
	color: #fff;
}
.slide-out-div a {	
	color: #fff;
	text-decoration:underline;
}

form#subscFrm select{
	background: #FFF;	
	color: #333;
	margin: 10px;
	padding: 0px;
	border: 1px solid #FF8433;
	font-size: 0.9em;
}
form#subscFrm input {
	background: #FFF;	
	color: #333;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	border: 1px solid #666;
	font-size: 0.9em;
	width: 150px;
	height: 17px;
}
form#subscFrm #buttonsubmit {
margin-top: 10px;
padding-right:0.5em; 
margin-bottom: 8px;
cursor:pointer; 
width:70px; 
height: 24px;
margin-left: 0px; 
background: #643000;
border: none;
background-image:url(../images/newsletter/newsletter_submit_icon.png);
background-repeat:no-repeat;
}
form#subscFrm label {
clear:left; 
display:block; 
float:left; 
width:155px; 
text-align:left; 
padding: 10px 10px 0 0; 
color:#fff; 
margin-bottom:0.5em;
font-size: 1em;
font-weight: 700;
}