/*
Theme Name: The-Pixel
Theme URI: http://www.the-pixel.com/
Description: Web Design and Development Agency
Version: 2.0
Author: Lindi Wheaton
Author URI: http://www.the-pixel.com/
*/

@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3a332d;
}

body {
	background-color: #f6f3ec;
	background-image: url(images/pageBg.png);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a {
	color: #3b9da8;
	font-weight: bold;
}

a:hover {
	color: #3b9da8;
	text-decoration:none;
	font-weight: bold;
	font-size: 11px;
}

a:active {
	color: #3b9da8;
	text-decoration:none;
	font-weight: bold;
	font-size: 11px;
}

#container {
	width: 925px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3a332d;
}


/*Icons*/
#locklist{
	margin: 2px;
	padding-left: auto;
	list-style: none;
	display: inline;
}

#locklist li{
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(images/lock.png);
	background-repeat: no-repeat;
	display: inline;
	float: right;
}


#knowledgebaselist{
	margin: 2px;
	padding-left: auto;
	list-style: none;
	display: inline;
}

#knowledgebaselist li{
	padding-left: 20px;
	background-image: url(images/knowledgebase.png);
	background-repeat: no-repeat;
	display: inline;
	float: right;
}

#cartlist{
	margin: 2px;
	padding-left: auto;
	list-style: none;
	display: inline;
}

#cartlist li{
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(images/cart.png);
	background-repeat: no-repeat;
	display: inline;
	float: right;
}


/*Misc */

#packages {
	margin: 2px;
	padding-left: auto;
	list-style: none;
	display: inline;
}

#packages li{
	width: 157px;
	height: 21px;
	margin: 2px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 50px;
	display: inline;
	float: left;
}

#purchase1 {
	margin: 2px;
	padding-left: auto;
	list-style: none;
	display: inline;
}

#purchase1 li{
	width: 97px;
	height: 21px;
	margin: 2px;
	padding-top: 5px;
	padding-left: 68px;
	padding-right: 20px;
	background-image: url(images/purchase.png);
	background-repeat: no-repeat;
	display: inline;
	float: right;
}

#purchase {
	margin: 2px;
	padding-left: auto;
	list-style: none;
	display: inline;
}

#purchase li{
	width: 197px;
	height: 21px;
	margin: 2px;
	padding-top: 5px;
	padding-left: 68px;
	padding-right: 20px;
	display: inline;
	float: right;
}

form {
	margin: 0px;
}

#arrowlist{
	margin: 0px;
	padding-left: 0px;
	list-style: none;
}

#arrowlist li{
	padding-left: 10px;
	background-image: url(images/arrowbullet.png);
	background-repeat: no-repeat;
	background-position: 0 .3em;
}

.greenhighlight {
	color: #708f03;
	font-weight: bold;
}


/*header */
#topInfo {
	margin-top: 5px;
	padding: 4px;
}

#topInfoL {
	float: left;
	text-align: left;
	width: 300px;
	margin-top: 10px;
}

#topInfoR {
	float: right;
	text-align:right;
	width: 550px;
	margin-top: 10px;
	line-height: normal;
}

#logo {
}


/* Navigation Containter */
#navContent {
	background: url(images/dottedlineBG.png);
	background-repeat: repeat-x;
	padding-left: 1px;
	padding-right: 1px;
}


/* Latest Articles */
#lrelease {
	padding-top: 10px;
	padding-bottom: 7px;
	background-image: url(images/botnavshadow.png);
	background-repeat:no-repeat;
	padding-left: 15px;
}

#lrelease a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	text-decoration:underline;
	text-align: left;
}

#lrelease a:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #000000;
	text-align: left;
}

#lrelease a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #000000;
	text-align: left;
}

#lrelease a:hover {
	font-family: Arial, Helvetica, sans-serif;;
	color: #708f03;
	text-decoration:none;
	text-align: left;
}

#lrelease a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #2d96eb;
	text-decoration:none;
	text-align: left;
}



/* Content Block */
#contentArea {
	background: url(images/dottedlineBG.png);
	background-repeat: repeat-y;
	padding-left: 1px;
	padding-right: 1px;
	background-color: #ede9e0;
}	



/* Content */
#content-container {
	width: 923px;
	height: auto;
	min-height: 193px;
	background: url('images/content-bg.png') no-repeat top center;
	margin: 0 auto;
}

#content {
	width: 640px;
	height: auto;
	float: left;
}

#content h4 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 11px;
	border-bottom: 1px dotted #3b9da8;
	display: block;
}

#content a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	text-decoration:underline;
	text-align: left;
}

#content a:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #3b9da8;
	text-align: left;
}

#content a:visited {
	color: #3b9da8;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}

#content a:hover {
	font-family: Arial, Helvetica, sans-serif;;
	color: #708f03;
	text-decoration:none;
	text-align: left;
}

#content a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #2d96eb;
	text-decoration:none;
	text-align: left;
}

#content .portfolio {
	width: 640px;
	height: 170px;
	margin-top: 15px;
	margin-left: 18px;
	float: left;
	color: #3a332d;
}

#content .portfolio a:hover {
	font-family: Arial, Helvetica, sans-serif;;
	color: #708f03;
	text-decoration:none;
	text-align: left;
}

#content .portfolio p {
	margin: 5px 0px 0px 0px;
	line-height: 14px;
}

#portfoliopics {
	margin-top: 10px;
	margin-bottom: 10px;
}

#portfoliopics img {
	margin: 5px;
}

#content .portfolio a {
	color: #3b9da8;
}

#main-content {
	width: 640px;
	height: auto;
	min-height: 219px;
	margin: 25px 0px 0px 15px;

}

	#main-content p {
		line-height: 17px;
		color: #3c352f;
		margin-top: 0px;
		margin-bottom: 20px;
	}

	#main-content a {
		color: #3b9da8;
		font-weight: bold;
	}

.inner p {
	padding-bottom:18px;
}

.inner ul { 
	padding:0 0 18px 15px;
}

.inner li { 
	padding-left:15px; background:url(images/bg-content-li.gif) no-repeat 0 6px;
}

#testimonial {
	width: 275px;
	height: auto;
	margin: 20px 0px 0px 0px;
	background: url('images/testimonial-bg.jpg') no-repeat top left;
	float: right;
	color: #3b9da8;
	line-height: 17px;
}

#social img{
	width: 125px;
	height: 16px;
	margin: 20px 5px 5px 0px;
	float: right;
}

#sidebar {
	width: 252px;
	height: auto;
	float: right;
	background: url('images/sidebar-bg.png') repeat-y top left;
	margin-right:  2px;
}

#sidebar h2{
	width: 135px;
	margin: 10px;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	border-bottom: 1px dotted #9dba2e;
	font-weight: normal;
	}

#sidebar-aboutus {
	width: 236px;
	height: auto;
	min-height: 21px;
	background: url('images/sidebar-top.png') no-repeat top right;
	float: right;
	color: #fff;
}

	#sidebar-aboutus h2{
		width: 172px;
		margin: 5px 5px 10px 10px;
		color: #fff;
		font-size: 12px;
		line-height: 20px;
		border-bottom: 1px dotted #9dba2e;
		font-weight: bold;
		
	}

	#sidebar-aboutus-buttns{
		width: 235px;
		margin: 0px 0px 0px 0px;
		background: url('images/aboutus-stripes.png') no-repeat bottom right;
		line-height: 15px;
	}

	#sidebar-aboutus p.blue {
		width: 215px;
		margin: 5px 5px 10px 10px;
		background: none;
		color: #3b9da8;
		font-weight: bold;
	}

	#sidebar-aboutus p.white {
		width: 215px;
		margin: 5px 5px 10px 10px;
		background: none;
		color: #ffffff;
	}

#sidebar-aboutus a:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #ff8e00;
	text-align: left;
}

#sidebar-aboutus a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #ff8e00;
	text-align: left;
}

#sidebar-aboutus a:hover {
	font-family: Arial, Helvetica, sans-serif;;
	color: #ffffff;
	text-decoration:none;
	text-align: left;
}

#sidebar-aboutus a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:none;
	text-align: left;
}

#sidebar-links-container {
	width: 252px;
	height: auto;
	background: url('images/sidebar-links-bg.jpg') repeat top left;
	float: right;
}

#sidebar-links {
	width: 252px;
	height: auto;
	background: url('images/servicesBG.png') no-repeat top;
}

	#sidebar-links h2 {
		color: #3a332d;
		font-size: 12px;
		width: 125px;
		margin: 0px 5px 10px 19px;
		padding: 0px;
		line-height: 20px;
		border-bottom: 1px dotted #3b9da8;
		font-weight: bold;
	}

	#sidebar-links ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

	#sidebar-links li {
		width: 231px;
		margin: 1px auto 0px auto;
		padding: 5px 0px 5px 0px;
		background: #c1bbaf url('images/li-arrow.png') no-repeat top left;
		text-indent: 20px;
	}

	#sidebar-links .second {
		background: #cfc9bb url('images/li-arrow.png') no-repeat top left;
	}

	#sidebar-links .orange {
		background: #cfc9bb url('images/li-arrow.png') no-repeat top left;
		padding-left: 15px;
		color: #c46e02
	}

	#sidebar-links .orange:hover {
		background: #cfc9bb url('images/arrowOrng.png') no-repeat top left;
		padding-left: 15px;
		color: #c46e02
	}

	#sidebar-links .sub1 {
		background: #c1bbaf url('images/li-arrow-sub.png') no-repeat top left;
		text-indent: 40px;
	}

	#sidebar-links .sub2 {
		background: #cfc9bb url('images/li-arrow-sub.png') no-repeat top left;
		text-indent: 40px;
	}

	#sidebar-links .sub1:hover {
		background: #c1bbaf url('images/li-arrow-sub.png') no-repeat top left;
	}

	#sidebar-links .sub2:hover {
		background: #cfc9bb url('images/li-arrow-sub.png') no-repeat top left;
	}

	#sidebar-links .second:hover {
		background: #cfc9bb url('images/li-arrow-hover.png') no-repeat top left;
	}

	#sidebar-links li:hover {
		background: #c1bbaf url('images/li-arrow-hover.png') no-repeat top left;
	}

	#sidebar-links a {
		color: #000000;
		display: block;
	}

	#sidebar-links a {
		color: #000000;
		display: block;
	}

	#sidebar-links a.sub {
		color: #000000;
		display: block;
	}

	#sidebar-links a.sub:hover {
		color: #3b9da8;
		display: block;
	}

	#sidebar-links a:link {
		color: #000000;
	}

	#sidebar-links a:active {
		color: #FFFFFF;
	}

	#sidebar-links a:hover {
		color: #3b9da8;
}

#sidebar-review {
	width: 236px;
	height: auto;
	min-height: 21px;
	float: right;
	color: #fff;
	background-image: url(images/testimonialsBG.png);
	background-repeat: repeat-y;
}

	#sidebar-review h2	{
		font-size: 12px;
		width: 97px;
		margin: 5px 5px 10px 10px;
		color: #fff;
		line-height: 20px;
		border-bottom: 1px dotted #9dba2e;
		font-weight: bold;
	}

	#sidebar-review p {
		width: 215px;
		margin: 10px 0px 0px 10px;
	}

#sidebar-twitter a:link {
	text-indent: 60px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #ff8e00;
	text-align: left;
}

#sidebar-twitter a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #ff8e00;
	text-align: left;
}

#sidebar-twitter a:hover {
	font-family: Arial, Helvetica, sans-serif;;
	color: #ffffff;
	text-decoration:none;
	text-align: left;
}

#sidebar-twitter a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:none;
	text-align: left;
}

#sidebar-twitter {
	width: 236px;
	height: auto;
	min-height: 21px;
	float: right;
	color: #fff;
}

	#sidebar-twitter h2	{
		width: 100px;
		margin: 10px;
		color: #fff;
		font-size: 13px;
		line-height: 20px;
		border-bottom: 1px dotted #9dba2e;
		font-weight: normal;
	}

	#sidebar-twitter p {
		width: 915px;
		margin: 10px 0px 0px 10px;
		background: url('images/sidebar-p.jpg') no-repeat bottom right;
	}

#sidebar-review a:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #ff8e00;
	text-align: left;
}

#sidebar-review a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #ff8e00;
	text-align: left;
}

#sidebar-review a:hover {
	font-family: Arial, Helvetica, sans-serif;;
	color: #ffffff;
	text-decoration:none;
	text-align: left;
}

#sidebar-review a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:none;
	text-align: left;
}


/* Additives Code */
a:active {
	font-family:Tahoma; 
	color: #2d96eb;
	text-decoration:none;
	text-align: left;
}

p.alert {
	background: #B9DAFF url(images/warning.png) 15px 50%
	no-repeat;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border: 1px dashed #5C98FF;
}

p.alert a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	text-decoration:underline;
	text-align: left;
}

p.alert a:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #000000;
	text-align: left;
}

p.alert a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #000000;
	text-align: left;
}

p.alert a:hover {
	font-family: Arial, Helvetica, sans-serif;;
	color: #2d96eb;
	text-decoration:none;
	text-align: left;
}

p.alert a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #2d96eb;
	text-decoration:none;
	text-align: left;
}


/* -- Titles -- */
.cat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
	color: #FFFFFF;
}

.testimonials {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	color: #000000;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
	letter-spacing: 0.09em;
	color: #155897;
	border-bottom: 1px dotted #155897;
}

.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	color: #155897;
}

.review {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	color: #3b9da8;
}

.timestamp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	color: #676767;
}

.p-code {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	color: #BB0000;
}

.hosting {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	color: #009900;
}

.code-green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration:none;
	color: #009900;
}

.price-g {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	color: #009900;
}

.price-r {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	color: #BB0000;
}


/* -- The-Pixel -- */
.pixel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none; border-bottom:1px dotted;
	color: #e07500;
}

.pixel1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none; border-bottom:1px dotted;
	color: #155897;
}


/* -- About -- */
.skills {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fc9b00;
}

.skills1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4c4c4c;
}


/* -- Headers -- */
h1 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.09em;
	color: #155897;
}

h3 {
	text-indent: 2%;
	margin: 0;
	padding: 0;
	font-size: 15px;
	padding-top: 9pt;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.20em;
	color: #3b9da8;
}

.title {
	width:auto;
	background:#FFFFFF url(images/package_tb.png) repeat-x center left;
	border-bottom:0; border-right:0;
	overflow:hidden;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: 0.09em;
}

.title_blue {
	width:auto;
	background:#FFFFFF url(images/package_tb1.png) repeat-x center left;
	border-bottom:0; border-right:0;
	overflow:hidden;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: 0.09em;
}

.title td {
	border:0;
}

.alt { 
	background:#EDEDED;
}

.alt a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	text-decoration:underline;
	text-align: left;
}

.alt a:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #000000;
	text-align: left;
}

.alt a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #000000;
	text-align: left;
}

.alt a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #2d96eb;
	text-decoration:none;
	text-align: left;
}

.alt a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #2d96eb;
	text-decoration:none;
	text-align: left;
}

.blank-bottom {
	border-bottom:0;
}

.blank-bottom a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	text-decoration:underline;
	text-align: left;
}

.blank-bottom a:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #000000;
	text-align: left;
}

.blank-bottom a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #000000;
	text-align: left;
}

.blank-bottom a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #2d96eb;
	text-decoration:none;
	text-align: left;
}

.blank-bottom a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #2d96eb;
	text-decoration:none;
	text-align: left;
}

.order {
	width:96px; height:24px;
	background:url(images/Order.png) no-repeat;
	display:block; text-indent:-9999px;
}
	
.order:hover {
	background:url(images/Order_Over.png) no-repeat;
}	background:url(images/Order_Over.png) no-repeat;
	

/* ----------| =Sub Page (Agency) |---------- */ 
.sub #content div h1.emphasis { 
	color: #555555;
	font-size: 1.8em;
	padding-top: 15px;
	padding-bottom: 5px;
}

.sub #content #agency-right,
.sub #content #agency-left { 
	border: 0;
	margin: 0;
	background: transparent;
	clear: both;
	float: left;
	width: 230px;
	padding: 10px 0 0 200px;
}

.sub #content #agency-left img { 
	margin-left: -200px;
	padding-top: 10px;
}

.sub #content #agency-right img { 
	margin-left: -145px;
	padding-top: 10px;
}


.sub #content #agency-right {
	clear: none;
	float: right;
	padding: 10px 0 0 145px;
}


/* Footer */
#footer {
	background-image: url(images/footerBG.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3a332d;
}

#footer p {
	margin-top: 0px;
}

#footer p.twitter {
	margin-top: 0px;
	margin-left: 35px;
	margin-bottom: 10px;
}

img.followme {
	padding: 10px 0 0 0px;
}


#contFinish {
	width: 925px;
	background-image: url(images/footerFinishBG.png);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0 auto;
}

#footcopyright {
	width: 500px;
	background-image:url(images/copyrightBG.png);
	background-repeat: no-repeat;
	height: 60px;
	padding-left: 25px;
	margin-top: 5px;
	float:left;
}

#footHosted {
	float:right;
	width: 270px;
	margin-top: 5px;
}



fieldset {
	border:0;
	padding:25px 10px 10px 10px;
}
	
option,select  {		
		font-size:11px;
}

textarea, input {
	background-color:#FFFFFF;
	border:1px solid #bdbdbd;

}
		
legend {		
	font-weight:bold;
	font-size:12px;
	margin:5px 0 5px -10px;
	color:#86990B;
}
.support_table{
	width:650px;
	margin:0 auto 12px;
	border-collapse:collapse;
}

.support_table caption{
	text-align:left;
	font:bold 12px Verdana;
	background:transparent;
	color:#000;
	border-bottom:3px solid #446983;
	padding:5px;
	margin:auto;
}

.support_table th,.support_table td{
	line-height:2;
	border-bottom:1px dashed #CCC;
}

.support_table tbody th{
	text-align:left;
	font-weight:normal;
	text-indent:40px;
}

.support_table tbody td{
	width:200px;
}


/* PAGER */

#pager {
	text-align:center;
	padding:10px;
	
}

#pager a {
	padding:5px;
	color:black;
	text-decoration:none;

}

#pager a:hover {
	text-decoration:none;
	color:#ff6f00;

}

#pager a.current {
	background:#ff6f00;	
	color:white;	
}


/* CODE SNIP */
h1 {
	font: 5em normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;

}

h1 span { color: #8fc1c7;
}

h1 small{
	font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #ccc;
}

.container {
	margin: 0 auto;
	width: 600px;
}

pre.ylw {
	background: url(images/pre_code_bg_ylw.gif) repeat-y left top;
	border: none;
}

pre.blk {
	background: url(images/pre_code_bg_blk.gif) repeat-y left top;
	border: none;
	color: #fff;
}

pre {
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: #f0f0f0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 20px;
	background: url(images/pre_code_bg.gif) repeat-y left top;
	width: 600px;
	overflow: auto;
	overflow-Y:hidden;
}

pre code {
	margin: 0 0 0 40px;
	padding: 18px 0;
	display: block;
}

.code {
	margin: 20px 0;
}

.code h2 {
	margin: 0;
	font-size: 1.5em;
	padding: 5px 10px 5px 25px;
	background: url(images/icon_code.gif) no-repeat 5px 6px;
}