/* ========================================================== 
	(01) COLUMNS ( Grid System)Columns ( Grid System)
============================================================ */

.one-full, .one-half, .one-third , .one-fourth , .one-fifth, .one-sixth, .two-third, .three-fourth, .four-fifth, .five-sixth  { 	
	margin:0px 0px 10px 30px; 
	float:left; 
	position:relative;}
	
.last { margin-right:0;}	
.one-full { width:960px; margin-right:0;}
.one-half { width:465px;}
.one-third { width:300px;}
.one-fourth { width:217px;}
.one-fifth { width:168px;}
.one-sixth { width:135px;}
.two-third { width:630px;}
.three-fourth { width:713px;}
.four-fifth { width:762px;}
.five-sixth { width:795px;}


/* ========================================================== 
	(02) LIST STYLES
============================================================ */

#content ul{	
	padding:0 0 8px 0; }	
	
#content ul li{ 
	background:url(../images/backgrounds/bullet-grey.png) no-repeat 0 4px;
	line-height:19px;
	padding-bottom:5px;
	padding-left:18px; } 

#content ol {
	padding-left: 23px; }
	
#content ol li{
	padding-bottom:5px;
	line-height:19px;	
	list-style-type:decimal;
	list-style-position: outside; }	
	
/* ========================================================== 
	(03) PRICING TABLES
============================================================ */

.pricing-table1,.pricing-table2 { padding:0; margin:10px 0 0 0; clear:both; text-align:center;}
.pricing-table1 { background:url(../images/backgrounds/pricing-table1-bg.jpg) repeat-y 0 0; width:225px; }
.pricing-table2{ background:url(../images/backgrounds/pricing-table2-bg.jpg) repeat-y 0 0; width:306px; }

#content .pricing-table1 h3.pricing-table1-normal,#content .pricing-table1 h3.pricing-table1-popular { width:225px; color:#fff; margin:0; line-height:10px;}
#content .pricing-table1 h3.pricing-table1-normal{ background:url(../images/backgrounds/pricing-normal1-top.jpg) no-repeat 0 0; height:72px;  padding-top:53px; font-size:27px;}
#content .pricing-table1 h3.pricing-table1-popular { background:url(../images/backgrounds/pricing-popular1-top.jpg) no-repeat 0 0; height:92px; padding-top:33px; font-size:30px;}

h3.pricing-table1-normal sub,h3.pricing-table1-popular sub,h3.pricing-table2-normal sub,h3.pricing-table2-popular sub{color:#c4a14e; font-size:14px; font-style:italic;}
h3.pricing-table1-popular sub,h3.pricing-table2-popular sub{font-size:17px;}

p.table-price-normal{ font-size:45px; color:#181818; clear:both; padding:20px 0 0px 0;}
p.table-price-normal sub,p.table-price-popular sub{ font-size:17px; color:#181818; vertical-align:baseline; }
p.table-price-popular{ font-size:60px; color:#181818; clear:both; padding:20px 0 0px 0;}

#content .pricing-table1 ul,#content .pricing-table2 ul { margin:0; padding:0; color:#5b5a5a;}
#content .pricing-table1 ul li,#content .pricing-table2 ul li {margin:0; padding:0;  height:36px; line-height:34px; display:block;}
#content .pricing-table1 ul li a,#content .pricing-table2 ul li a{ height:36px; line-height:34px; width:225px; display:block; }
#content .pricing-table1 ul li a:hover,#content .pricing-table2 ul li a:hover{ color:#181818;}

#content .pricing-table1 ul li { background:url(../images/backgrounds/pricing-table1-list-bg.jpg) no-repeat 0 0; width:225px;}
#content .pricing-table2 ul li { background:url(../images/backgrounds/pricing-table2-list-bg.jpg) no-repeat 0 0; width:306px;}
#content .pricing-table2 ul li a{ width:306px; }

.pricing-table1-bottom { background:url(../images/backgrounds/pricing-normal1-bottom.jpg) no-repeat 0 bottom; width:225px;}
.pricing-table2-bottom { background:url(../images/backgrounds/pricing-normal2-bottom.jpg) no-repeat 0 bottom; width:306px;}

.pricing-table1-bottom ,.pricing-table2-bottom { height:79px; margin-top:10px;}
.pricing-table1-bottom  .skin-button2,.pricing-table2-bottom  .skin-button2{ margin-top:18px; }

#content .pricing-table2 h3.pricing-table2-normal,#content .pricing-table2 h3.pricing-table2-popular { width:306px; color:#fff; margin:0; line-height:10px;}
#content .pricing-table2 h3.pricing-table2-normal{ background:url(../images/backgrounds/pricing-normal2-top.jpg) no-repeat 0 0; height:72px;  padding-top:53px; font-size:27px;}
#content .pricing-table2 h3.pricing-table2-popular { background:url(../images/backgrounds/pricing-popular2-top.jpg) no-repeat 0 0; height:92px; padding-top:33px; font-size:30px;}

/* ========================================================== 
	(04) BUTTONS
============================================================ */

button { 	
	cursor: pointer;
	overflow: visible; 
	position: relative;}
	
button span { 	
	display: block;	
	white-space: nowrap; 
	height:32px;	
	position: relative;}
	
button::-moz-focus-inner { border: none; padding:0;} /* span’s offset in firefox */


/* ====== Skin Button 1 ====== */

a.skin-button1, button.skin-button1,a.skin-button2, button.skin-button2,a.button-white, button.button-white{ 	
	height:32px;
	display:inline-block;
	padding:0 0 0 15px;
	width:auto;
	text-decoration:none;
	cursor:pointer;
	border:none;
	outline:none;	
	font-family:arial, verdana, georgia;}

a.skin-button1 span, button.skin-button1 span,a.skin-button2 span, button.skin-button2 span,a.button-white span, button.button-white span{ 	
	height:32px;
	display:inline-block;
	padding:0 15px 0 0;
	margin:0;
	line-height:32px;
	position: relative; 
	font-size:13px;	
	text-shadow: 0 1px 0 #ceb16b}

a.skin-button1, button.skin-button1 { background:url(../images/backgrounds/skin-button1-on-left.png) no-repeat left 0;}
a.skin-button1 span, button.skin-button1 span{ background:url(../images/backgrounds/skin-button1-on-right.png) no-repeat right 0; color:#000;}
a:hover.skin-button1, button.skin-button1:hover{ background:url(../images/backgrounds/skin-button1-hover-left.png) no-repeat 0 0;}
a:hover.skin-button1 span, button.skin-button1:hover span{ background:url(../images/backgrounds/skin-button1-hover-right.png) no-repeat right 0; color:#f4e5c2; text-shadow: 0 1px 0 #000 } 
	
/* ====== Skin Button 2 ====== */

a.skin-button2, button.skin-button2 { background:url(../images/backgrounds/skin-button2-on-left.png) no-repeat left 0;}	
a.skin-button2 span, button.skin-button2 span{ background:url(../images/backgrounds/skin-button2-on-right.png) no-repeat right 0;color:#fff;line-height:31px; font-size:16px; letter-spacing:1px;	 }
a:hover.skin-button2, button.skin-button2:hover{ background:url(../images/backgrounds/skin-button2-hover-left.png) no-repeat 0 0; }
a:hover.skin-button2 span, button.skin-button2:hover span{ background:url(../images/backgrounds/skin-button2-hover-right.png) no-repeat right 0;}

/* ====== White Buttons ====== */

a.button-white,button.button-white { background:url(../images/backgrounds/button-white-on-left.jpg) no-repeat left 0;}
a.button-white span,button.button-white span{ background:url(../images/backgrounds/button-white-on-right.jpg) no-repeat right 0; color:#292929;text-shadow: 0 1px 0 #fff }
a:hover.button-white,button.button-white:hover{ background:url(../images/backgrounds/button-white-hover-left.jpg) no-repeat left 0;}
a:hover.button-white span,button.button-white:hover span{ background:url(../images/backgrounds/button-white-hover-right.jpg) no-repeat right 0; color:#000; text-shadow: 0 1px 0 #fff }	

/* ====== Black Buttons ====== */

a.button-size1, button.button-size1,a.button-size2, button.button-size2,a.button-size3, button.button-size3,a.button-size4, button.button-size4,a.button-size5, button.button-size5,a.button-size6, button.button-size6 {
	display:inline-block;
	float:left;
	text-decoration:none;
	cursor:pointer;
	border:none;
	outline:none;	
	font-family:arial, verdana, georgia;}

a.button-size1 span, button.button-size1 span,a.button-size2 span, button.button-size2 span,a.button-size3 span, button.button-size3 span,a.button-size4 span, button.button-size4 span,a.button-size5 span, button.button-size5 span,a.button-size6 span, button.button-size6 span {
	display:inline-block;
	color:#f5f5f5;
	margin:0;
	text-shadow: 1px 1px 0px #000;}

/* ====== Button Size 1 ====== */
	
a.button-size1 span, button.button-size1 span{ 
	background:url(../images/backgrounds/button-size1.png) no-repeat right -34px;
	height:32px;	
	padding:0 20px 0 0;	
	line-height:30px;	
	font-size:12px;}
	
a.button-size1, button.button-size1 { 
	background:url(../images/backgrounds/button-size1.png) no-repeat 0 0;
	height:32px;	
	padding:0 0px 0 17px;}
	
a:hover.button-size1, button.button-size1:hover{ background:url(../images/backgrounds/button-size1.png) no-repeat 0 -69px;}

a:hover.button-size1 span, button.button-size1:hover span{ background:url(../images/backgrounds/button-size1.png) no-repeat right -103px;}		
	
/* ====== Button Size 2 ====== */
	
a.button-size2 span, button.button-size2 span{ 
	background:url(../images/backgrounds/button-size2.png) no-repeat right -41px;
	height:38px;	
	padding:0 20px 0 0;	
	line-height:36px;	
	font-size:14px;}
	
a.button-size2, button.button-size2 { 
	background:url(../images/backgrounds/button-size2.png) no-repeat 0 0;
	height:38px;	
	padding:0 0px 0 17px;}
	
a:hover.button-size2, button.button-size2:hover{ background:url(../images/backgrounds/button-size2.png) no-repeat 0 -83px;}

a:hover.button-size2 span, button.button-size2:hover span{ background:url(../images/backgrounds/button-size2.png) no-repeat right -124px;}	
	
/* ====== Button Size 3 ====== */
	
a.button-size3 span, button.button-size3 span{ 
	background:url(../images/backgrounds/button-size3.png) no-repeat right -54px;
	height:50px;	
	padding:0 52px 0 0;	
	line-height:47px;	
	font-size:16px;}
	
a.button-size3, button.button-size3 { 
	background:url(../images/backgrounds/button-size3.png) no-repeat 0 0;
	height:50px;	
	padding:0 0px 0 17px;}
	
a:hover.button-size3, button.button-size3:hover{ background:url(../images/backgrounds/button-size3.png) no-repeat 0 -120px;}

a:hover.button-size3 span, button.button-size3:hover span{ background:url(../images/backgrounds/button-size3.png) no-repeat right -174px;}

/* ====== Button Size 4 ====== */
	
a.button-size4 span, button.button-size4 span{ 
	background:url(../images/backgrounds/button-size4.png) no-repeat right -65px;
	height:58px;	
	padding:0 58px 0 0;	
	line-height:57px;	
	font-size:22px;}
	
a.button-size4, button.button-size3 { 
	background:url(../images/backgrounds/button-size4.png) no-repeat 0 0;
	height:58px;	
	padding:0 0px 0 22px;}
	
a:hover.button-size4, button.button-size4:hover{ background:url(../images/backgrounds/button-size4.png) no-repeat 0 -130px;}

a:hover.button-size4 span, button.button-size4:hover span{ background:url(../images/backgrounds/button-size4.png) no-repeat right -195px;}

/* ========================================================== 
	(05) IMAGE LEFT, RIGHT AND CENTER
============================================================ */

.image-left, .image-right, .image-center { 
	background:#e3e3e3 url(../images/backgrounds/image-border.png) no-repeat 0 0; 
	padding:4px; 
	border:1px solid #d3d3d3; }

.image-left { float:left; margin: 0 20px 10px 0; position:relative;}
.image-right { float:right; margin: 0 0 10px 20px; position:relative;}
.image-center { text-align:center; margin: 0 0 10px 0;}

/* ========================================================== 
	(06) IMAGE HOVER ZOOM, PLAY, DOC & FLASH ICONS
============================================================ */

.zoom-icon, .play-icon, .doc-icon, .flash-icon, .preloader { background-position:50% 50%; background-repeat:no-repeat;}
.zoom-icon   { background-image:url(../images/icons/zoom.png)}
.play-icon   { background-image:url(../images/icons/play.png) }
.doc-icon     { background-image:url(../images/icons/doc.png) }
.flash-icon { background-image:url(../images/icons/flash.png) }
.preloader { background-image:url(../images/backgrounds/pre-loader4.html) }

/* ========================================================== 
	(07) GO TOP LINK
============================================================ */

.gotop a, .gotop a:active,.gotop2 a, .gotop2 a:active { 	
	text-decoration:none; 
	font-size:10px; 
	float:right;
	height:20px;
	margin-top:-20px;}
	
.gotop a, .gotop a:active {color:#888; }
.gotop2 a, .gotop2 a:active {color:#fff}	
	
.gotop a:hover { color:#363636; }
.gotop2 a:hover {color:#c1eeff; }

/* ========================================================== 
	(08) PAGINATION
============================================================ */

#content .pagination ul { padding:0; text-align:center; clear:both;}	
#content .pagination ul li { background:none; padding:0;}

#content .pagination ul li, .pagination li { 	
	background:none; 	
	margin:0; 	
	padding:0;}

#content .pagination li { float:left;}

#content .pagination li a,#content .pagination li.active ,#content .pagination li.page-first a,#content .pagination li.page-previous a,#content .pagination li.page-next a,#content .pagination li.page-last a {
	width:29px;
	height:29px;
	margin:0 6px 0 0;
	text-shadow: 1px 1px 0 #fff;
	text-decoration:none;
	display:block;}

#content .pagination li a {		
	background:url(../images/backgrounds/pagination.jpg) no-repeat 0 0;	
	line-height:29px;	
	color:#292929;}
	
#content .pagination li a:hover {
	background:url(../images/backgrounds/pagination.jpg) no-repeat 0 -30px;	
	font-weight:bold;	
	color:#000;}
	
#content .pagination li.active {		
	background:url(../images/backgrounds/pagination.jpg) no-repeat 0 bottom;	
	line-height:29px;
	font-weight:bold;	
	color:#000;}

#content .pagination li.page-first a,#content .pagination li.page-previous a,#content .pagination li.page-next a,#content .pagination li.page-last a{ text-indent:-9999px;}
	
#content .pagination li.page-first a	{ background:url(../images/backgrounds/page-first.jpg) no-repeat 0 0;}
#content .pagination li.page-previous a{ 	background:url(../images/backgrounds/page-previous.jpg) no-repeat 0 0;}
#content .pagination li.page-next a	{ background:url(../images/backgrounds/page-next.jpg) no-repeat 0 0;}
#content .pagination li.page-last a	{ background:url(../images/backgrounds/page-last.jpg) no-repeat 0 0;}

#content .pagination li.page-first a:hover	{ background:url(../images/backgrounds/page-first.jpg) no-repeat 0 bottom;}
#content .pagination li.page-previous a:hover{ background:url(../images/backgrounds/page-previous.jpg) no-repeat 0 bottom;}
#content .pagination li.page-next a:hover	{ background:url(../images/backgrounds/page-next.jpg) no-repeat 0 bottom;}
#content .pagination li.page-last a:hover	{ background:url(../images/backgrounds/page-last.jpg) no-repeat 0 bottom;}

/* ========================================================== 
	(09) PULL QUOTES
============================================================ */

.pullquote-left, .pullquote-right { 
	background:url(../images/backgrounds/pullquote1.jpg) repeat-y; 	
	width:30%; 
	line-height:22px; 
	padding-left:20px; 
	color:#181818; 
	font-style:italic; 
	font-size:15px; 
	font-weight:bold;}
	
.pullquote-left { 	
	float:left; 	
	margin:20px 15px 20px 0;}
	
.pullquote-right {	
	float:right; 	
	margin:20px 0 20px 15px;}

/* ========================================================== 
	(10) BLOCK QUOTES
============================================================ */
	
blockquote.style1 {
	clear:both;
	font-size:18px;
	font-style:italic;
	color:#5b5a5a;
	line-height:24px;	
	padding:0; 
	margin:20px 0 20px 0;	
	background:url(../images/backgrounds/quote-top.png) no-repeat 0 0;  }
blockquote.style1 p {
	background:url(../images/backgrounds/quote-bottom.png) no-repeat right bottom;  
	display: block;
	padding:15px 59px 18px 59px;
	margin:0; line-height:24px;} 
	
/* ========================================================== 
	(11) TAB STYLES
============================================================ */

#content ul.tabs { 
	margin:10px 0 0 0;
	padding: 0; 
	float: left; 
	list-style: none; 
	height: 32px; 
	border-bottom: 1px solid #d6d6d6; 
	width: 100%; }
	
#content ul.tabs li { 
	float: left; 
	margin: 0; 
	padding: 0; 
	height: 31px; 
	line-height: 31px; 
	border: 1px solid #d6d6d6; 
	margin-bottom: -1px; 
	background: url(../images/backgrounds/tab_bg.jpg) repeat-x; 
	overflow: hidden; 
	position: relative; 
	margin-right:2px; 
	-moz-border-radius-topright: 3px;  
	-khtml-border-radius-topright: 3px; 
	-webkit-border-top-right-radius: 3px; 
	-moz-border-radius-topleft: 3px; 
	-khtml-border-radius-topleft: 3px; 
	-webkit-border-top-left-radius: 3px; }

#content ul.tabs li a { 
	text-decoration: none; 
	color:#363636; 
	display: block; 
	font-size: 13px; 
	padding: 0 20px; 
	outline: none; }	

#content ul.tabs li a:hover { background: url(../images/backgrounds/tab_bg2.jpg) repeat-x; color:#181818}	

html ul.tabs li.active, html ul.tabs li.active a:hover  { 
	background: #fefefe; 
	border-bottom: 1px solid #fff; 
	font-weight:bold;  }

.tab_container { 
	border: 1px solid #d6d6d6; padding:0; margin:0;
	border-top: none; 
	clear: both; 	
	float: left;  
	width: 100%; 
	background: #f6f6f5; 
	-moz-border-radius-bottomright: 3px; 
	-khtml-border-radius-bottomright: 3px; 
	-webkit-border-bottom-right-radius: 3px; 
	-moz-border-radius-bottomleft: 3px; 
	-khtml-border-radius-bottomleft: 3px; 
	-webkit-border-bottom-left-radius: 3px;}

.tab_content { padding: 20px; color:#505050}
	
/* ========================================================== 
	(12) TOGGLES
============================================================ */

.trigger, .acc_trigger, .trigger, .acc_trigger { margin-bottom:2px;}

p.trigger, p.acc_trigger{ clear:both;
	padding:0;  
	margin:0 0 2px 0;  
	background: url(../images/backgrounds/toggle_bg.jpg) no-repeat;  
	height: 34px;  
	line-height: 34px; 
	width: 100%; 
	float: left; 
	border: 1px solid #d6d6d6; }
	
p.trigger a, p.acc_trigger a { clear:both;
	color: #484848; 
	font-size: 14px; 	
	text-indent:35px; 
	text-decoration: none; 
	display: block; 
	font-size:16px;
	height: 34px;  
	line-height: 34px;  }
	
p.trigger a:hover, p.acc_trigger a:hover { color: #181818; }

p.active a{background: url(../images/backgrounds/toggle_bg.jpg) no-repeat left bottom;color:#181818;}

.toggle_container, .acc_container { 
	margin: 0 0 5px 0; 
	padding: 0; 
	overflow: hidden; 
	width: auto; 
	clear: both; 
	border: 1px solid #d6d6d6;
	background-color:#f8f8f8; }
	
.toggle_container .block , .acc_container .block { 
	padding: 15px 15px 5px 15px; 
	margin:0; }

p.trigger2, p.acc_trigger2{ 
	padding: 0;  
	margin:0 0 2px 0; 
	background: url(../images/backgrounds/plus.png) no-repeat 10px 9px;  
	height: 34px;  
	line-height: 34px; 
	width: 100%; 
	float: left; }
	
p.trigger2 a, p.acc_trigger2 a { 
	color: #484848; 
	font-size: 17px; 	
	text-indent:35px; 
	text-decoration: none; 
	display: block; 
	margin-bottom:0; }
	
p.active2 a { background: url(../images/backgrounds/minus.png) no-repeat 10px 9px; color:#181818;}

p.trigger2 a:hover, p.acc_trigger2 a:hover { color: #181818; }

.toggle_container2, .acc_container2 { 
	margin: 0 0 5px 38px;
	padding: 0; 
	overflow: hidden; 
	width: auto; 
	clear: both; }
	
.toggle_container2 .block2, .acc_container2 .block2{ 
	padding: 15px 15px 5px 15px; 
	margin:0; }
	
/* ========================================================== 
	(13) DROP CAPS
============================================================ */

.dropcap1, .dropcap2, .dropcap3, .dropcap4, .dropcap5, .dropcap6, .dropcap7, .dropcap8 { 
	float:left; 
	text-align:center; }
	
.dropcap1,.dropcap2,.dropcap3,.dropcap4 { 	 
	margin:0 7px 0 0; 
	font-size:28px; 		 
	width:44px; 
	height:43px;
	line-height:42px;}
	
.dropcap1 { background:url(../images/backgrounds/dropcap1.png) no-repeat left top; color:#616161; }		
.dropcap2 { background:url(../images/backgrounds/dropcap2.png) no-repeat left top; color:#fff; }
.dropcap3 { background:url(../images/backgrounds/dropcap3.png) no-repeat left top; color:#616161; }		
.dropcap4 { background:url(../images/backgrounds/dropcap4.png) no-repeat left top; color:#fff; }		
	
.dropcap5,.dropcap6, .dropcap7{ 
	padding:0 10px 0 10px; 
	margin:0 7px 0 0; 
	font-size:26px; 	
	width:auto; 
	height:41px;
	line-height:41px;
	letter-spacing:1px;}
	
.dropcap5 { background:url(../images/backgrounds/dropcap-bg1.png) repeat-x left bottom; 	color:#616161; border:1px solid #dedede; }
.dropcap6 { background:url(../images/backgrounds/dropcap-bg2.png) repeat-x left bottom; 	color:#fff; border:1px solid #555; }
.dropcap7 { 
	background-color:#f1f1f1; 
	color:#616161;  
	border:3px solid #dadada;
	height:37px;
	line-height:37px;}	
	
.dropcap8 { 
	padding:10px 10px 0 10px; 
	font-size:36px;
	line-height:30px;
	color:#616161; }

/* ========================================================== 
	(14) INFO BOXES
============================================================ */

p.info-box,p.warning-box,p.success-box,p.error-box,p.download-box,p.note-box { 
	clear:both;
	padding:18px 15px 18px 55px ; 
	margin-bottom:20px;
	border:1px solid; }
	
p.info-box{ 
	background:url(../images/icons/icon-info.png) no-repeat 15px 15px; 
	border-color:#9dbfea; 
	background-color:#c6ddfb; 
	color:#00357b;}
	
p.warning-box{ 
	background:url(../images/icons/icon-warning.png) no-repeat 15px 15px; 
	border-color:#e4c968; 
	background-color:#f9e497; 
	color:#6c5500;}
	
p.success-box{ 
	background:url(../images/icons/icon-success.png) no-repeat 15px 15px; 
	border-color:#bcd98c; 
	background-color:#dff1c1; 
	color:#00632e}
	
p.download-box{ 
	background:url(../images/icons/icon-download.png) no-repeat 15px 15px; 
	border-color:#bbd378; 
	background-color:#e8f5c5; color:#2f6903}
	
p.note-box{ 
	background:url(../images/icons/icon-note.png) no-repeat 15px 15px; 
	border-color:#cecece;  
	background-color:#efefef}
	
p.error-box{ 
	background:url(../images/icons/icon-error.png) no-repeat 15px 15px; 
	border-color:#f88787; 
	background-color:#fdafaf; 
	color:#820101;}

.hide-boxes{
	float:right;
	margin-top:0;
	margin-right:0;
	top:0;
	right:0;	
	cursor:pointer; 
	font-weight:bold;}