/*
Theme Name: Metabowize Theme
Theme URI: http://calpian.studio98test.com
Description: A theme specially design for Calpian by Studio 98, US. Copyright (c) 2012 STUDIO 98, United States.
Author: Abhishek Sinha
Author URI: https://www.odesk.com/users/~01ef575ca38bc01c25
Version: 1.0
*/

/*
    Do not remove any of the commented text above as it is used by the theme for proper function!

    All the themes' CSS files are located under the 'styles/' sub-folder...

    If you would like to use this file to add any custom CSS, you'll need to enable it first  
    from the theme's "General Options" section.
    Please note: After enabling the use of this file, you will not see any change here, 
    feel free to add your custom CSS below.
    On the other hand, if you need access to the theme's main style sheet, you will 
    need FTP client to access it, is it located in: "styles/style1/css/style.css"
*/

/* Include Required fonts */


@font-face {
    font-family: 'UniversLTStd-Cn';
    src: url('/x/fonts/UniversLTStd-Cn.eot');
    src: url('/x/fonts/UniversLTStd-Cn.eot?#iefix') format('embedded-opentype'),
         url('/x/fonts/UniversLTStd-Cn.woff') format('woff'),
         url('/x/fonts/UniversLTStd-Cn.ttf') format('truetype'),
         url('/x/fonts/UniversLTStd-Cn.svg#UniversLTStd-Cn') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'universltstd';
    src: url('/x/fonts/universltstd.eot');
    src: url('/x/fonts/universltstd.eot?#iefix') format('embedded-opentype'),
         url('/x/fonts/universltstd.ttf') format('truetype'),
         url('/x/fonts/universltstd.svg#universltstd') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Trade';
    src: url('/x/fonts/Trade.eot');
    src: url('/x/fonts/Trade.eot?#iefix') format('embedded-opentype'),
         url('/x/fonts/Trade.ttf') format('truetype'),
         url('/x/fonts/Trade.svg#Trade') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*        RESET CSS                  */
/* Reset default browser CSS.
------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	/* clear: both; */
}
ol  {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }
a, input, select, textarea { outline:none; }

/*        END OF RESET CSS              */

/* Home Page Constructor Declaration */

body { margin:0; padding:0; }
#wrapper { width:960px; margin:0 auto; position:relative; min-height:1166px; }
.navigation-fix { width:100%; height:35px; background-color:#2D3EAC; }
#main_navigation { width:960px; height:35px; background-image:url(/x/images/head-navigation.png); position:relative; margin:0 auto;  }
.order_now {
    background: url("/x/images/order-now.png")  no-repeat scroll 0 0 transparent;
    height: 48px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 135px;
	z-index:1001;
}

.order_now a p {
    color: #FFFFFF;
    font-family: 'UniversLTStd-Cn';
    font-size: 23px;
    font-style: italic;
    font-weight: bold;
    margin: 10px 0 0;
    text-align: center;
    text-decoration: none;
}

#nav {
width:80%; height:48px; position:absolute; top:9px; left:56px; z-index: 9999;
}

#nav ul ul {
	display: none;
}

	#nav ul li:hover > ul {
		display: block;
	}


#nav ul {
    color: white;
    display: inline-table;
    list-style: none outside none;
	position:relative;
	margin:0; padding:0;
}
	#nav ul:after {
		content: ""; clear: both; display: block;
	}

	
#nav ul li {
    float: left;
    margin-right: 44px;
}
		#nav ul li:hover {
/*			background: #4b545f;
			background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
*/		}
			#nav ul li:hover a {
				color: #fff;
			}
		

#nav ul li a {
    color: white;
    display: block;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
	padding-bottom:10px;
}
			
		
	#nav ul ul {
		background: #5f6975; border-radius: 0px; padding-bottom: 6px;
		position: absolute; top: 100%;
	}
		#nav ul ul li {
			float: none; 
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a; position: relative;
			width:100%;
		}
		#nav ul ul li:last-child { border-bottom:none; }
			#nav ul ul li a {
				padding: 10px 15px;
				color: #fff;
			}	
				nav ul ul li a:hover {
					background: #4b545f;
				}
		
	#nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}

.logo { width:355px; height:55px; float:left; margin-top:22px; margin-left:25px; z-index:1001; position:absolute; }

#mask { overflow:hidden; position:relative; }
#mask ul, #mask li {
margin:0;
padding:0;
list-style:none;
}
#mask li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:960px;
height:461px;
overflow:hidden; 
}	

.below_slider { position:absolute; top:461px; left:0px; width:960px; min-height:200px; }
.middle { width:960px; height:294px; background:url(/x/images/middle.png); }
.middle p { font-family: 'UniversLTStd-Cn'; font-size:27px; color:#000000; z-index:100; margin:0; padding:0; padding-top:42px; padding-left:266px; }
.middle p span { font-family: 'UniversLTStd-Cn'; font-size:27px; color:#3146B2; z-index:100; font-weight:bold; font-style:italic; }
.horizontal { background:url(/x/images/horizontal.png); background-position:center; background-repeat:no-repeat; width:960px; height:1px; clear:both; float:left; margin-bottom:20px; margin-top:6px; }
.vertical { background-image:url(/x/images/vertical.png); background-position:top; background-repeat:no-repeat; width:1px; height:346px; float:left; }

.box1 { width:320px; height:346px; float:left; clear:both; }
.box1 h1 { font-family: 'UniversLTStd-Cn'; font-size:25px; color:#3F95E9; margin:0; padding-left:38px; padding-top:25px; font-weight:bolder; }
.box1 p { font-family: 'universltstd'; font-size:14px; color:#000; margin:0; padding-left:38px; padding-top:20px; }
.box1 p span { font-weight:bold; }
.box1 ul {    padding-left: 70px; padding-top: 15px;  width: 200px; }
.box1 ul li { font-family: 'universltstd'; font-size:15px; font-weight:bold; color:#000; list-style-image:url(/x/images/tick.png);}
.box1 ul li:last-child { list-style:none; line-height:30px;}

.box2 { width:333px; height:346px; float:left; }
.box2 img { margin:0px; padding:0px; padding-left:35px; padding-top:15px;}
.box2 h1 { font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold; color:#3F95E9; margin:0px; padding:0px; padding-left:35px; line-height:17px; }
.box2 p { font-family: 'UniversLTStd-Cn'; font-size:15px; font-weight:bold; padding-left:38px; padding-top:38px; margin:0px; width:275px; clear:both; float:left; text-align:center; }

.box3 { width:305px; height:346px; float:left; }
.box3 img.header { margin:0px; padding:0px; padding-left:55px; padding-top:17px; clear:both; }
.box3 img.result { margin:0px; padding:0px; padding-left:16px; padding-top:15px;  float:left; }
.box3 img.people { margin:0px; padding:0px; padding-left:0px; padding-top:33px; float:right; }
.box3 img.click { margin:0px; padding:0px; padding-left:108px; padding-top:10px; clear:both; }

.footer { width:100%; height:128px; background:#2D3EAC; clear:both; }
.footer-fix { background:url(/x/images/footer.png); width:960px; height:128px; background-position:center; background-repeat:no-repeat; }
#footer_menu a { text-decoration:none; }
#footer_menu a p { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFF; margin:0px; padding:0px; padding-top:15px; padding-right:25px; float:left;}

img.fb { margin:0; padding:0; padding-top:15px; float:right; } 
.copyright { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#BAD4FF; float:left; padding-top:15px; clear:both; }

/*   Inner Page CSS Start Here */
#wrapper_inner { width:960px; margin:0 auto; position:relative; border:solid; border-width:1px; border-color:#F2F0E6; border-radius:10px;  }
.logo_inner { left:0px; top:-1px; position:absolute; }
.container { width:645px; min-height:870px; float:left; padding-left:30px; padding-right:25px; margin-top:135px; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.container h1 { font-family:'Trade'; font-size:24px; font-style:italic; font-weight: bold; color:#FFA415; margin:0px; margin-bottom:5px; }
.container h2 { font-family:'Trade'; font-size:19px; font-style:italic; color:#000; margin:0 0 25px; }
.container img { margin:0px; padding:0px; width:auto; height:auto; float:left; }
.container p { color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
    padding-left: 24px;
    padding-top: 20px;
    text-align: left;
    width: 371px;
}
.container p span { font-size:19px; font-weight:bold; }
.container ul { clear:both; margin-left:40px; }
p.contents { margin:25px 0 0; padding:0; clear:both; width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px;
font-weight:normal; color:#000; text-align:left; }
p.contents span { font-size:16px; color:#3F95E9; font-weight:bold; }
p.contents a { text-decoration:none; }
p.contents a em { font-style:italic; font-weight:bold; color:#000; }


.sidebar_shade {   
	background-image: url("/x/images/sidebar-bg.png");
    background-position: center top;
    background-repeat: no-repeat;
    float: left;
    margin-top: -46px;
    height: 86px;
    margin-left: -20px;
	margin-bottom:-50px;
    width: 260px;

}
.sidebar {
	background-image:url("/x/images/sidebar-bg-repeat.png");
	background-repeat:repeat-y;
    float: left;
    margin-top: 71px;
    padding-left: 20px;
    padding-top: 46px;
    width: 240px;
	border-bottom-right-radius: 10px;
}

.sidebar img { margin:0; padding:0; }
.sidebar_h_line { background:url(/x/images/sidebar-h-line.png); margin-bottom:15px; width:260px; height:2px; margin-left:-20px; padding:0; }
.sidebar p { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#fff; text-align:left; width:224px; }
.sidebar p span { font-weight:bold; float:right; }

.highlight {
	background: none repeat scroll 0 0 #99FF99!important;
    border-radius: 10px 10px 10px 10px!important;
    padding: 10px!important;
    width: 85%!important;
}
#main_gallery { width:645px; height:650px; clear:both; }