@charset "utf-8";

html {
	width: 100%;
	height: 100%;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -10px;
	width: 100%;
	font-size: 13px;
	color: #b4b1a4;
	font-family: Tahoma, Georgia, Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	background-color: #231f20;
	background: #231f20 url(/images/layout/bgr_dark.png);
}
/*background: #1c191a url(/images/layout/bgr.png) top center repeat-x;*/
form {
	margin: 0px;
	padding: 0px;
}

/*
table td, th {

}*/
p {
	margin: 10px 0 5px 0;
	line-height: 22px;
	font-size:12px;
}

h1 {
	color: #e56b1f;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	margin: 0 0 15px 0;
}

h2 {
	font-size: 25px;
	color: #fff;
	margin: 0px;
	font-weight: bold;
}

h3 {
	font-size: 30px;
	color: #fff;
	margin: 0px;
	padding: 0 0 0 0px;
	font-weight: bold;
}

a:link,a:visited {
	color: #b4b1a4;
	text-decoration: none;
	font-weight: normal;
}

a:hover,a:active {
	color: #b4b1a4;
	text-decoration:underline;
}

a.more:link,a.more:visited {
	display: block;
	margin: 10px 0 0 0;
	font-size: 12px;
	text-align: left;
	color: #eceb2c;
	font-weight: normal;
}

a.more:hover,a.more:active {
	color: #eceb2c;
	font-weight: normal;
	text-decoration: underline;
}

a.more2:link,a.more2:visited {
	display: block;
	marin: 5px 10px 0 0;
	font-size: 12px;	
	text-align: left;
	color: #54d8e5;
	font-weight: noremal;
}

a.more2:hover,a.more2:active {
	color: #54d8e5;
	text-decoration: underline;
}

a.blue:link,a.blue:visited {
	color: #1cc3ec;
}

a.blue:hover,a.blue:active {
	text-decoration: underline;
}

a.green:link,a.green:visited {
	color: #99cc2f;
}

a.green:hover,a.green:active {
	text-decoration: underline;
}

a.dark:link,a.dark:visited {
	color: #231f20;
}

a.dark:hover,a.dark:active {
	text-decoration: underline;
}

a.white:link,a.white:visited {
	color: #fff;
}

a.white:hover,a.white:active {
	text-decoration: underline;
}

/*p img { margin-right:10px; }*/
.size20 {
	font-size: 20px;
}
.size13 {
	
	line-height:13px;	
	font-size:13px !important;
}
.size17 {
	font-size: 17px !important;
}

.size15 {
	font-size: 15px !important;
	font-weight: bold;
}

.size10 {
	line-height:10px;	
	font-size: 10px;
}
.size10 {
	font-size: 11px;
}

.size5 {
	line-height:5px;
	font-size: 5px;
}

.img {
	margin: 0 10px 10px 0;
}

.img_left {
	margin: 0 0 10px 8px;
}

.grey {
	color: #babcbe !important;
}

.black {
	color: black !important;
}

.orange {
	color: #e56b1f;
}

.red {
	color: #FF0000;
}

.blue {
	color: #1cc3ec;
}

.green {
	color: #739303;
}

.center {
	text-align: center;
}

.none { display:none; }

.short { height:0px; padding:0 !important; overflow:hidden; }

.underline {
	text-decoration: underline !important;
}

img a:link,img a:visited,img a:active { /*border:1px solid #fff;*/
	border: none;
}

img a:hover { /*border:1px solid #eaeaea;*/
	
}

a img {
	border: none;
}

.block {
	diplay: block;
}

.capital {
	text-transform: uppercase;
}

.white {
	color: white;
}

.border {
	border: 2px solid #d9ddde;
}

.button {
	background: url(/images/but_bg.gif) top left repeat-x;
	border: 1px solid #c5c5cd;
	font-weight: bold;
	color: #4f4f4f;
	font-size: 11px;
	padding: 2px 20px;
	cursor: hand;
	cursor: pointer;
}

.relative {
	position: relative;
}

.clear {
	clear: both;
}

.paddingLeft {
	padding-left: 10px;
}

.bold {
	font-weight: bold;
}

.arial {
	font-family: Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.size13 {
	font-size: 13px;
}

.small {
	font-size: 11px;
}

.italic {
	font-style: italic;
	color:#f2efe5;
}

.rowClick {
	cursor: hand;
	cursor: pointer;
}

.float {
	float: left;
}

.floatRight {
	float: right;
}

.marginRight {
	margin-right: 10px;
}

.marginTop {
	margin-top: 10px;
}
:-moz-any-link:focus, a:active img, a:active img, a:visited img, a img { outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; }
a.noDecoration {
	text-decoration:none;
}
a#pageTop {
    background: url("/images/pageTop.png") no-repeat scroll 0 0 transparent;
    color: #bbb296;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 0 15px 18px;
    position: absolute;
	top:0;
	right:0;
}
a#pageTopBottom {
    background: url("/images/pageTop.png") no-repeat scroll 0 0 transparent;
    color: #bbb296;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 0 15px 18px;
    position: absolute;
	bottom:0;
	right:0;
}
#lastPostsLoader {
   /* background: url("/images/web-loader.gif") no-repeat scroll 0 0 transparent;
    padding: 8px 0 15px 18px;*/
    position: absolute;
	bottom:0;
	left:435px;
}

/* layout */
.mainHolder {
	padding: 0;
	margin: 0px auto 0px auto;
	width: 100%;
	height: 100%;
}
.headerContainer {
	background: #1c191a url(/images/layout/bgr_top.png) top center repeat-x;
	width: 100%;
	height: 535px;
	margin:0;
	padding:10px 0 0 0;
}

.headerHolder {
	padding: 0;
	margin: 0px auto 0px auto;
	width: 910px;
	height: 525px;
}

/* Header  */
.header {
	width: 940px;
	height: 540px;
	margin-left: -45px;
	background: url(/images/layout/header_bg.png) top left no-repeat;
}

.bubble {
	width: 104px;
	height: 117px;
	position: absolute;
	top: 105px;
	left: 120px;
	background: url("/images/layout/slogan.png") no-repeat 0 0;
}

.social_links {
	width: 310px;
	height: 60px;
	position: absolute;
	top: 4px;
	right: 0px;
}

.logo {
	width: 127px;
	height: 176px;
	position: absolute;
	top: 225px;
	left: 45px;
}
.contentContainer {
	background: #1c191a url(/images/layout/bgr_main.png) top center repeat-x;
	width: 100%;
	margin:0;
	padding-top:10px;
}
.innerContainer {
	background: url(/images/layout/bgr_inner.png) top center repeat-x;
	width: 100%;
	margin:0;
	padding-top:50px;
}
.innerContainer2 {
	background-image: url(/images/layout/bgr_inner2.png);
	width: 100%;
	margin-top:0;
}
.contentHolder {
	width: 900px;
	margin:0 auto;
	position:relative;
}

.inner {
	width: 900px;
	margin: 0px auto 0px auto;
}

/* header colors */
ul.lavaLamp li a { 
	color: '#434242';
	font-family: Theorem;
	font-size:20px;
}
/*
Cufon.replace('ul.lavaLamp>li',{color: '#434242', fontSize: '20px'}); // Works without a selector engine
					Cufon.replace('h1',{color: '#4e4a44', fontSize: '25px'}); // Requires a selector engine for IE 6-7, see above
					Cufon.replace('.theo',{color: '#FFFFFF', fontSize: '25px', textShadow: '#206b73 1px 1px'}); // Requires a selector engine for IE 6-7, see above
					Cufon.replace('.theo2',{color: '#FFFFFF', fontSize: '25px', textShadow: '#2a2825 1px 1px'}); // Requires a selector engine for IE 6-7, see above
					Cufon.replace('.theo3',{color: '#54d8e5', fontSize: '25px', textShadow: '#2a2825 1px 1px'}); // Requires a selector engine for IE 6-7, see above
					Cufon.replace('.theo4',{color: '#eceb2c', fontSize: '23px', textShadow: '#2a2825 1px 1px'}); // Requires a selector engine for IE 6-7, see above
					Cufon.replace('.theo5',{color: '#eceb2c', fontSize: '19px', textShadow: '#2a2825 1px 1px'}); // Requires a selector engine for IE 6-7, see above
					Cufon.replace('.theo_android',{color: '#e6e028', fontSize: '19px', textShadow: '#2a2825 1px 1px'}); // Requires a selector engine for IE 6-7, see above
					Cufon.replace('.theo_iphone',{color: '#e6e028', fontSize: '19px', textShadow: '#2a2825 1px 1px'}); // Requires a selector engine for IE 6-7, see above
					Cufon.replace('.theo_yellow',{color: '#e6e028', fontSize: '25px', textShadow: '#2a2825 1px 1px'}); // Requires a selector engine for IE 6-7, see above
					Cufon.replace('.theo_blue',{color: '#54d6db', fontSize: '25px', textShadow: '#2a2825 1px 1px'}); // Requires a selector engine for IE 6-7, see above
				
*/
h1 { color: '#4e4a44'; font-family: Theorem; font-size:25px; }
.theo { color: "#fff"; font-size:25px; font-family: Theorem; text-shadow: 1px 1px 1px #206b73}
.theo2 { color: "#ff0000"; font-family: Theorem; font-size:25px; text-shadow: 1px 1px 1px #2a2825}
.theo3 { color: '#54d8e5'; font-family: Theorem; font-size:25px; text-shadow: 1px 1px 1px #2a2825}
.theo4 { color: '#eceb2c'; font-family: Theorem; font-size:23px; text-shadow: 1px 1px 1px #2a2825}
.theo5 { color: '#eceb2c'; font-family: Theorem; font-size:19px; text-shadow: 1px 1px 1px #2a2825}
.theo_android {color: '#e6e028'; font-family: Theorem; font-size:19px; text-shadow: 1px 1px 1px #2a2825}
.theo_iphone {color: '#e6e028'; font-family: Theorem; font-size:19px; text-shadow: 1px 1px 1px #2a2825}
.theo_yellow {color: '#e6e028'; font-family: Theorem; font-size:25px; text-shadow: 1px 1px 1px #2a2825}
.theo_blue {color: '#54d6db'; font-family: Theorem; font-size:25px; text-shadow: 1px 1px 1px #2a2825}
			
/* Menu */
ul.menu {
	position: absolute;
	left: 73px;
	top: 183px;
	margin: 0;
	padding: 0;
	width: 690px;
	list-style: none;
	height: 27px;
	padding: 0px;
}

ul.menu span {
	display: none;
}

ul.menu li {
	margin: 0;
	float: left;
	height: 27px;
}

/* Footer */
.footerContainer {
	width: 100%;
	margin:0;
	padding-top:10px;
}
.footerBgr1{
	background: #1c191a url(/images/layout/bgr_footer.png) top center repeat-x;
}
.footerBgr2{
	background: #1c191a url(/images/layout/bgr_footer2.png) top center repeat-x;
}
.footerHolder {
	height: 220px;
	width: 900px;
	margin: 0 auto;
}
.footer {
	height: 220px;
	width: 900px;
	margin: 50px 0 0 25px;
}

.footer_left {
	width: 660px;
	height: 220px;
	float:left;
}
.footer_right {
	width: 201px;
	height: 220px;
	float:left;
}

.footer_block {
	width: 130px;
	float:left;
	margin:20px 20px 20px 0;
}
.footer_block span {
	color:#d2cec2;
	font-weight:bold;
}
.mail_us {
	width:201px;
	height:84px;
	display:block;
	text-indent:300px;
	overflow:hidden;
	background: url(/images/layout/mail_us.png) top left no-repeat;	
}
.home_but {
	float:left;
	width:39px;
	height:44px;
	display:block;
	text-indent:300px;
	overflow:hidden;
	background: url(/images/layout/home.png) top left no-repeat;	
}
.sitemap_but {
	float:left;
	width:45px;
	height:44px;
	display:block;
	text-indent:300px;
	overflow:hidden;
	background: url(/images/layout/sitemap.png) top left no-repeat;	
}
#addBookmarkContainer {
	margin:0;
}
#addBookmarkContainer a, .bookmark_but {
	float:left;
	width:41px;
	height:44px;
	display:block;
	text-indent:300px;
	overflow:hidden;
	background: url(/images/layout/bookmark.png) top left no-repeat;	
}

.footer a {
	color: #b4b1a4 !important;
}
a.rss {
	background: url(/images/icon_rss.gif) 0 0 no-repeat ;
	padding-left:20px;
	display:block;
	margin-top:4px;
}
/* Homepage */
#slideshow {
	height: 370px !important;
}

.top_extra {
	float: left;
	height: 42px;
	width: 337px;
	margin: 20px 0 0 0;
	padding: 12px 0 0 50px;
}
.top_extra_long {
	float: left;
	height: 42px;
	width: 417px;
	margin: 20px 0 0 0;
	padding: 12px 0 0 50px;
}

.theo { 
	margin-left:10px;
	margin-bottom:15px
}
.phone_ico {
	background: url(/images/contact/phone.png) no-repeat top left
}
.mail_ico {
	background: url(/images/mail.png) no-repeat top left
}
.planet_ico {
	background: url(/images/planet.png) no-repeat top left
}
.home_block {
	width:245px;
	height:160px;
	margin-top:60px;
	margin-right:20px;
	background: url(/images/tick.png) 0 5px no-repeat ;
	float:left;
	padding-left:27px;
	color:#b4b1a4;
}

.home_review { margin:20px auto 0 auto; color:#fff;  }
.quote_text {
	float:left;
	text-align:right;
	margin:10px 6px 0 6px;
}
.left_quote {
	width:17px;
	height:13px;
	background: url(/images/layout/left_quote.png) 0 0 no-repeat ;
	float:left;
}
.right_quote {
	width:17px;
	height:53px;
	background: url(/images/layout/right_quote.png) 0 30px no-repeat ;
	float:left;
}
.quote_name { font-size:12px; }
/* Works */
a.works_section_title {
	text-decoration:none;
	margin-right:30px;
	padding-bottom:5px;
}
.android_ico{
	background: url(/images/android_small.png) 0 -2px no-repeat ;
		padding-left:25px;
	
}
.apple_ico {
	background: url(/images/apple_small.png) 0 -2px no-repeat ;
		padding-left:25px;
	
}
a.theo_android, a.theo_iphone {
	text-decoration:none;
	margin-right:30px;
	padding-bottom:3px;
}

.over_all {
	border-bottom:2px solid #fff; 
}
.over_mobile {
	border-bottom:2px solid #e6e028; 
}
.over_web {
	border-bottom:2px solid #54d6db; 
}
.over_android {
	border-bottom:2px solid #e6e028; 
}
.over_ios {
	border-bottom:2px solid #e6e028; 
}
.available_platforms {
	margin:10px 0 -5px 0;
}
.available_platforms img {
	margin:0 0 9px 0 !important;
}
.project_details {
	height:50px;
}
.works_block {
	height: 373px;
	float: left;
	width: 416px;
	margin-right: 60px;
	margin-top: 15px;
	padding-bottom: 20px;
}
.works_block img {
	margin-bottom:23px;
}
.works_block a.more {
	margin-top:0px;
}
.noRightMargin {
	margin-right:0;
}
.works_description {
	float: left;
	width: 207px;
	margin: 0;
}

.works_main_tit {
	font-weight: bold;
	font-size: 20px;
	font-family: Helvetica;
}

/* Work detail page  */
.work_main_pic {
	margin-top:20px;
	margin-bottom:60px;
}
.work_descr {
	width:410px;
	float:left;
	margin-left:15px;
}
.work_descr p {
	margin-top:30px;
}
.work_gallery_thumbs {
	float:right;
	margin:60px 10px 0 50px;
}

/*
 * mobile detail */
.shine {
	background: url(/images/works/shine.png) 0 0 no-repeat ;
	width:91px;
	height:274px;
	z-index:100;
	position:absolute;
	top:86px;
	left:264px;
}
.shine_landscape {
	background: url(/images/works/shine_landscape.png) 0 0 no-repeat ;
	height:91px;
	width:274px;
	z-index:100;
	position:absolute;
	left:86px;
	top:17px;
}
.web_horizontal {
	width:500px;
	height:560px;
	padding:0;
}
.android_vertical {
	background: url(/images/works/android_vertical.png) 115px 0 no-repeat ;
	width:500px;
	height:800px;
	padding:0;
}

.android_horizontal {
	background: url(/images/works/android_horizontal.png) 0 0 no-repeat ;
	width:500px;
	height:800px;
	padding:0;
}
.ipad_vertical {
	background: url(/images/works/ipad_vertical.png) 55px 0 no-repeat ;
	width:500px;
	height:800px;
	padding:0;
}
.ipad_horizontal {
	background: url(/images/works/ipad_horizontal.png) 0 0 no-repeat ;
	width:500px;
	height:800px;
	padding:0;
}

.iphone_vertical {
	background: url(/images/works/iphone_vertical.png) 117px 0 no-repeat ;
	width:500px;
	height:800px;
	padding:0;
}
.iphone_horizontal {
	background: url(/images/works/iphone_horizontal.png) 0 0 no-repeat ;
	height:255px;
	width:500px;
	padding:23px 0 0 90px;
}
.mobile_device {
	float:left;
	width:500px;
	margin-right:0px;
	position:relative;
}

.galleria-image-nav-right {
    bottom:13px;
    right: 10px;
    background: url("/images/works/right_bracket_small.png") 0 0 no-repeat ;
    z-index: 2;
}
.galleria-image-nav-left {
   bottom:13px;
    left: 10px;
    background: url("/images/works/left_bracket_small.png") 0 0 no-repeat ;
    z-index: 2;
}

.galleria-image-nav-left:hover,
.galleria-image-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}


.app_descr {
	float:right;
	width:380px;
	margin:0px;
}

.app_gallery_thumbs {
	   -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
	clear:both;
	width:500px;
	height:595px;
	position:absolute;
	top:67px;
	left:0px;
}

.two_download_buttons {
	width:330px;
	margin:0 auto;
}
.two_download_buttons img  {
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	padding-right:16px;
}
.one_download_button {
	width:170px;
	margin:0 auto;
}
.choose_device {
	height:10px;
}
.hidden {
	overflow:hidden;
}
.auto_height {
	height:auto;
}
#customer_reviews {
}
/* News  */
.news_pic {
	margin:0 10px 0 0;
}
.news_list{
	clear:both;
	margin-top:30px;	
}
.news_list_item {
	margin-top:20px;
}
.news_list_item a.theo3:hover, .news_list_item a.theo4:hover {
	text-decoration:none;
}
.news_list_item p.date {
	margin-top:-2px;
	color:#8e8a87;
}
.gallery_descr p {
	margin:0;
	padding:0;
}
.news_gallery_container p.date {
	margin-top:-7px;
	color:#8e8a87;
}
.news_list_item img {
	float:left;
	margin: 0 15px 15px 0;
}
.news_gallery {
	float:left;
	margin: 0 15px 15px 0;
}
.news_gallery img  {
		/*border:1px solid #3c3731;*/

}
.news_detail {
	width:550px;
	float:left;
}

div.hr {
	clear: both;
	height: 5px;
	background: url(/images/layout/sep_line.png) bottom left repeat-x;
}
/* Services */
.innerTop {
    float: right;
    height: 400px;
    margin-top: 30px;
    width: 700px;
}
.innerTop ul {
	float:left;
	margin-left:0;
	padding-left:0px;
	list-style: none;
	padding-left:10px;
	color:#4f4b46;
    margin-top:92px;
}
.innerTop ul li {
	padding-left:20px;
	margin-top:10px;
	background: url(/images/tick_li.png) 0 5px  no-repeat;
}
.innerTop ul li a {
	color:#4f4b46;
}
#serviceInfo {
	float:left;
	width:360px;
	margin:55px 0 0 55px;
	color:#4f4b46;
}
.leftBracket {
    background-image: url("/images/left_bracket.png");
    border: 0 none;
    width:41px;
    height:237px;
    float:left;
    margin-top:92px;
}
.leftBracketSmall {
    background: url("/images/left_bracket_small.png") 0 0 no-repeat;
    border: 0 none;
    width:41px;
    height:237px;
    float:left;
    margin-top:92px;
}
.rightBracket {
    background-image: url("/images/right_bracket.png");
    border: 0 none;
    width:41px;
    height:237px;
    float:left;
    margin-top:92px;
}
/* About */
#aboutInfo {
	float:left;
	width:430px;
	margin:45px 0 0 30px;
	color:#4f4b46;
}
#jobsInfo {
	float:left;
	width:430px;
	margin:45px 0 0 30px;
	color:#4f4b46;
}
#jobsInfo ul {
	margin-top:0;
}


/* Contacts */
.size1 {
	font-size:1px;
	line-height:1px;
}

label.error {
	color:#c64e4e;
	display:block;
	font-size:11px;
	margin:-10px 0 2px 0;
	padding-bottom:5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
label.error {
	clear:both;
	margin:-10px 0 -25px 0;
}
}
#contactForm {
	float:left;
	width:660px;
	margin:5px 0 0 10px;
	position:relative;
}
#contact {
	margin-top:10px;
}
#contactForm h1 { margin-top:30px; }
#contactForm address {
	color:#4e4a44;
	text-decoration:none;
	font-style:normal;
	margin-bottom:20px;
}
#contactForm .rightBracket { 
 position:absolute;
    top:20px;
    right:0px;
}
.sender_details { float: left; width: 161px; margin-right:20px; line-height:20px; }


.request_details { float: left; width: 208px; text-align:right; }
.sender_details input {   height:20px; width: 161px; padding:4px;  margin:0 0 13px 0; color:#847365 !important; border:0; background-color:#ebe7d9; }
.request_details textarea { color:#847365 !important; padding:4px; width: 200px; margin-bottom: 12px;  border:0;  background-color:#ebe7d9; }
.request_details textarea { height: 135px; font-size: 11px; font-family: Tahoma, Geneva, sans-serif; }

@media screen and (-webkit-min-device-pixel-ratio:0){
.sender_details input { /*margin:0 0 -18px 0;*/ }
.request_details textarea  { margin:0 0 -18px 0; }
}
.call_us {
    background-image: url("/images/contact/call.png");
    width:107px;
    height:119px;
    position:absolute;
    top:50px;
    right:40px;
}
.phone {
    width:160px;
    height:281px;
     position:absolute;
    top:75px;
    right:80px;
}
.iphone {
    background-image: url("/images/contact/iphone4.png");
}
.android {
    background-image: url("/images/contact/desire.png");
}
.contactInfo .top_extra { width: 257px; color:#fff; padding-top:4px; }

.contactInfo .theo { margin-left:0; }
.contactInfo .top_extra_short { float:left; margin-top: 23px; padding-top:0px;color:#fff; width: 207px; padding-left:0px; }

/* pages */
div.pages {
	float: right;
	margin-bottom: 20px;
}

div.pages span {
	color: #737373;
}

div.pages span a {
	color: #737373;
	text-decoration: none;
}

div.pages div.num,div.pages span.num-selected {
	width: 15px;
}

div.pages div.num-selected {
	font-size: 12px;
	font-weight: bold;
	color: #444;
}

/* table style */
table.main {
	width: 100%;
	font-size: 12px;
	line-height: 15px;
	margin-top: -4px;
	color: #464646;
}

table.main th {
	text-align: left;
	padding: 10px 5px 5px 10px;
	background-color: #f6f3ea;
	border-bottom: 1px solid #edeae0;
}

table.main th.first {
	background-image: url(/images/table_first_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

table.main th.last {
	background-image: url(/images/table_last_bg.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 10px;
}

.total {
	border-top: 2px solid #fff !important;
	text-align: right !important;
	padding: 15px !important;
}

table.main th a {
	color: #464646;
}

table.main th a:hover {
	color: #464646;
}

table.main th.active {
	background-color: #daef85;
}

table.main th.active a {
	text-decoration: underline;
}

table.main th.active a:hover {
	text-decoration: none;
}

table.main td {
	padding: 6px 10px 4px 10px;
	background-color: #F5F5F5;
	vertical-align: top; /*middle*/
	text-align: left;
}
#simplemodal-overlay {
    background-color: #000000;
}
#simplemodal-container {
   	background-color: #fdf7ee;
    border: 8px solid #35302b;
    padding: 12px;
    color:#4F4B46;
}
code {
    color: green;
    font-family: "Monaco","Courier New",Courier;
    font-size: 0.9em;
    line-height: 1.3em;
}
.code {
    background: none repeat scroll 0 0 #e9e2ce;
    border: 1px solid #7a6e63;
    font-family: "Monaco","Courier New",Courier;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 25px;
    padding: 0 5px;
}
#simplemodal-container a.modalCloseImg {
	background:url(/images/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}