@import"reset.css";
@import"forms.css";
@import url(http://fonts.googleapis.com/css?family=Passion+One);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,400italic);
body
{
	background-color:#ECF6FF;
	min-height:100%;
	font-family: "Open Sans",Helvetica,Arial,sans-serif
	font-size:14px;
	color:#333;
	position:relative;
}

.ic 
{
	border:0;
	float:right;
	background:#fff;
	color:#f00;
	width:50%;
	line-height:10px;
	font-size:10px;
	margin:-220% 0 0 0;
	overflow:hidden;
	padding:0
}
/*------------------------------------*\
	TYPE
\*------------------------------------*/
/* @font-face kit by Fonts2u (http://www.fonts2u.com/oswald.schriftart) */
/* Font Oswald, SIL-licenced, author Vernon Adams */  
@font-face
{
	font-family:"Oswald";src:url("Oswald.eot?") format("eot"),url("Oswald.woff") format("woff"),url("Oswald.ttf") format("truetype"),url("Oswald.svg#Oswald") format("svg");
	font-weight:normal;
	font-style:normal;
}

html,body
{
	height:100%;
}
/* Global Structure---------------------------------------- */
.main
{
	margin:0 auto;
	position:relative;
/*	width:1000px;*/
}
.main-bg
{	
	/*background:url(../images/bg.png) repeat-x scroll 0 0 #ECF6FF;*/
	background:#27333A;
}
/*----- alignment & clearing -----*/
.fleft
{
	float:left
}
.fright
{
	float:right
}
.alignright
{
	text-align:right
}
.aligncenter
{
text-align:center
}
.alignmiddle *
{
	vertical-align:middle
}

.clear
{
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}
.wrapper
{
	overflow:hidden;
	position:relative;
}
.extra-wrap
{
	overflow:hidden;
	display:block;
}
/*  Header styles */
h1,h2,h3,h4,h5,h6
{
	color:#fff;
	padding:0 0 9px 0;
	font-weight:normal;
	font-family:'Oswald', Arial, sans-serif;
}
h1
{
	font-size:40px; 
	line-height:48px;
}
h2
{
	font-size:36px;
	line-height:44px;
}
h3
{
	font-size:32px; 
	line-height:40px;
} 
h4
{
	font-size:28px; 
	line-height:34px;
}  
h5
{
	font-size:24px; 
	line-height:30px;
}
h6
{
	font-size:20px; 
	line-height:28px;
}
.wrap-col h6
{
/*	padding-top:10px;*/
	padding-top:24px;
	color:#666666;
	float:left;
}
div.content-box 
{
	clear: both;
	width:280px;
}
div.content-box p
{
	line-height:22px;
}
.heading-1 
{
	color:#666;
}
/*----- text & typography -----*/
.def-list-1
{
	padding:0 0 10px 0;
}
.def-list-1 dt
{
	display:block;
	font-size:12px;
	line-height:25px;
	padding:0 0 6px 0;
	color:#b09609;
	font-weight:bold;
}
.def-list-1 dt a 
{
	color:#b09609;
	text-decoration:none;
}
.def-list-1 dt a:hover 
{
	text-decoration:underline;
}

.quote 
{
	font-size:14px;
	line-height:20px;
	font-style:italic;
	position:relative;
	padding:0 0 15px 0;
	color:#000;
	font-family: "Open Sans",Helvetica,Arial,sans-serif
}
.quote strong 
{
	font-weight:normal;
	color:#b09609;
	font-size:14px;
	font-family: "Open Sans",Helvetica,Arial,sans-serif
}
.quote:before 
{
	display:inline-block;
	background:url(../images/quote-before.png) no-repeat 0 0;
	content:"";
	width:14px;
	height:13px;
	margin:0 5px 0 0;
}
.quote:after 
{
	display:inline-block;
	background:url(../images/quote-after.png) no-repeat 0 0;
	content:"";
	width:14px;
	height:13px;
	margin:0 0 0 6px;
}
strong 
{
	color:#eee;
}
.str-1 
{
	font-weight:normal;
	text-transform:uppercase;
}
.str-2 
{
	color:#b09609;
	font-family:'Oswald', Arial, sans-serif;
}
.color-1
{
	color:#fff;
}
/*----- borders & lines -----*/
.hr-border-1
{
	border-bottom:1px solid #323232;
	margin:0 0 9px 0;
}
.hr-border-2
{
	background:#323232;
	height:3px;
	margin:0 0 20px 0;
}
/*----- boxes -----*/
.banner-box
{
	background:#666;
	padding:25px 15px 125px 20px;
	position:relative;
	border-radius:10px;
}
.banner-box h3
{
	font-size:34px;
	line-height:40px;
	padding:0;
}
.banner-box h4 
{
	font-family:'Oswald', Arial, sans-serif;
	text-transform:uppercase;
	font-size:21px;
	line-height:40px;
	margin:-5px 0 0 0;
	font-weight:300;
	letter-spacing:-1px;
	padding:0 0 18px 0;
}
.banner-box .inner 
{
	position:relative;
	z-index:2;
}
.banner-box-img
{
	position:absolute;
	right:0;
	bottom:0;
}
/*----- indents -----*/
.img-indent 
{
	float:left;
	margin:5px 10px 0 0;
	background: url("../images/bg_off.png") repeat scroll 0 0 transparent;
	border: 1px solid #DDDDDD;
	padding: 4px;
}
.img-indent-bot
{
	margin:5px 0 16px 0;
}
p
{
	padding-bottom:18px;
	line-height:25px;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size:14px;
	color:#333;
	text-align:justify;
}
.p
{
	padding-bottom:18px;
}
.p0
{
	padding-bottom:0 !important;
}
.p1 
{
	padding-bottom:6px !important;
}
.p2 
{
	padding-bottom:15px !important;
}

.a1 
{
	margin:0 5px;
}
.indent-bot 
{
	padding:0 0 32px 0;
}
.indent-bot-1
{
	padding:0 0 70px 0;
}
.indent-bot-2 
{
	padding:0 0 20px 0;
}
.indent-right
{
	margin-right:10px;
}
.pad-left 
{
	padding-left:35px;
	color:#333;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
}
.pad-top
{
	padding-top:8px;
}
/*----- lists -----*/
.list-1 
{
	padding:0 0 20px 0;
}
.list-1 li 
{
	display:block;
	padding:4px 0 4px 16px;
	border-top:1px solid #323232;
	background:url(../images/list-1-marker.gif) no-repeat 0 10px;
}
.list-1 li:first-child
{
	padding:0 0 6px 16px;
	border:none;
	background:url(../images/list-1-marker.gif) no-repeat 0 5px;
}	
.list-1 li a
{
	color:#717171;
	font-size:14px;
	line-height:20px;
	padding:5px 0 6px;
	text-decoration:none;
}
.list-1 li a:hover
{
	color:#fff;
}

/*----- buttons & links -----*/
a
{
	color:#B09609;
	text-decoration: none;
	cursor:pointer;
}
a:hover
{
	text-decoration: none;
	color:#fff;
	cursor:pointer;
}
dt a:hover, .price-list li .price-item:hover 
{
	color:#000;
	text-decoration: none;
	cursor:pointer;
}
.button 
{
	display:inline-block;
	font-size:12px;
	color:#fff;
	text-decoration: underline;
	background:url(../images/link-marker.gif) no-repeat right 7px;
	padding:0 11px 0 0;
}
.button:hover 
{
	text-decoration:none;
}
.link 
{
	text-decoration: underline;
	color:#ee623a;
	font-weight:bold;
}
.link:hover
{
	text-decoration: none;
}

/*********************************header*************************************/
header
{
	position:relative;
	z-index:2;
	width:1000px;
	margin:0 auto;
	padding:20px 0 0 0;
}
header .inner
{
	background:url(../images/header-bg_blue.png);
	padding:16px 20px 15px 20px;
	position:relative;
	z-index:2;
	/*box-shadow: 0 0 3px 0 #4793DA;*/
	
}

headerr
{
	position:relative;
	/*z-index:2;*/
	width:1000px;
	margin:0 auto;
	padding:20px 0 0 0;
}
headerr .innerr
{
	background:url(../images/header-bg_blue.png);
	padding:16px 20px 15px 20px;
	position:relative;
	/*z-index:2;*/
	/*box-shadow: 0 0 3px 0 #4793DA;*/
	
}
.logo 
{
	display:inline-block;
	padding:0 !important;
}
.logo a 
{
	position:relative;
	background: url(../images/logo.png) no-repeat 0 0;
	height:58px;
	width:187px;
	overflow:hidden;
	text-indent:-99em;
	display:block;
}
/********************** Slider ************************/
.mp-slider .items 
{
	display:none;
}
.mp-slider
{
	position:absolute;
	top:-109px;
	left:0;
	right:0;
	height:511px;
}
.slider-container
{
	position:relative;
	z-index:1;
	height:402px;
}
.mp-prev, .mp-next
{
	position:absolute;
	width:31px;
	height:402px;
	bottom:0;
	z-index:3;
}
.mp-prev
{
	left:0;
	background:url(../images/slider-prev.png) no-repeat 0 0;
}
.mp-prev:hover
{
	background:url(../images/slider-prev.png) no-repeat right 0;
}
.mp-next 
{
	right:0;
	background:url(../images/slider-next.png) no-repeat 0 0;
}

.mp-next:hover
{
	background:url(../images/slider-next.png) no-repeat right 0;
}

.mp-slider .banner
{
	position:absolute;
	left:35px;
	right:35px;
	font-family:'Oswald', Arial, sans-serif;
	color:#fff;
	z-index:99;
	top:120px;
	bottom:0;
	padding:0;
	text-align:center;
	font-size:84px;
	line-height:100px;
	text-transform:uppercase;
}
.mp-slider .banner span 
{
	display:block;
}
.mp-slider .mp-ban-1 .row-1
{
	padding:40px 0 0 0;
}
.mp-slider .mp-ban-1 .row-2
{
	font-size:110px;
	line-height:130px;
	margin:-45px 0 0 0;
}
.mp-slider .mp-ban-1 .row-3 
{
	margin:-40px 0 0 0;
}
.mp-slider .mp-ban-2 .row-1
{
	padding:35px 0 0 0;
	font-size:93px;
	line-height:110px;
}
.mp-slider .mp-ban-2 .row-2, .mp-slider .mp-ban-2 .row-3 
{
	color:#ad0000;
	margin:-40px 0 0 0;
}
.mp-slider .mp-ban-3 .row-1 
{
	padding:35px 0 0 0;
	font-size:92px;
	line-height:110px;
}
.mp-slider .mp-ban-3 .row-2, .mp-slider .mp-ban-3 .row-3 
{
	margin:-40px 0 0 0;
}
/********************** Navigation ************************/
nav
{
	float:right;
	padding:12px 0 0 0;
}

.sf-menu
{
	min-height:28px;
	padding:0;
	margin:0;
}
.sf-menu ul
{
	position:absolute;
	top:-999em;
	width:185px;
	left:0;
	display:none;
}
.sf-menu > li
{
	position:relative;
	float:left;
	margin:0 28px;
}

.sf-menu > li > a
{
	text-decoration:none;
	display:block;
	font-family:'Oswald', Arial, sans-serif;
	font-size:25px;
	line-height:18px;
	text-transform:uppercase;
	color:#fff;
	padding:10px 0 0 0;
	background:url(../images/nav-active.png) no-repeat center -30px;
}

.sf-menu > li.current > a, .sf-menu > li:hover > a, .sf-menu > li.sfHover > a
{
	color:#ccc;
	text-decoration:none;
}
.sf-menu li:hover ul,.sf-menu li.sfHover ul
{
	top:55px;
	left:0;
	z-index:999;
	border-top: 3px solid #0488CD !important;
}
.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul
{
	top:-999em
}
.sf-menu li.current,.sf-menu li:hover,.sf-menu li.sfHover
{
	text-decoration:none;
}
.sf-menu li li a
{
	display:block;
	-moz-transition: all 0.4s ease-in-out 0s;
	border: 0 none;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
	padding: 10px 16px !important;
	background-color:#323b44;
	text-decoration:none;
}
.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current > a
{
	color:#afaa9b;
}
.sf-menu li li li a 
{
	background:url(../images/header-bg.png);
}
.sf-menu li li
{
	float:none;
	position:relative;
	border-bottom:1px solid #666;
}
.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul
{
	left:186px;top:0;
}
/********************** Content ************************/
section#content
{
	position:relative; 
	z-index:1;
	background-color:#eeeeee;
}
.content-bg 
{
	background-color:#eeeeee;
	padding: 35px 15px 43px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
#wrapper
{
    background: url(../images/strip.png)repeat-x scroll 0 0 #FFFFFF;
    border:1px solid #C8D9E9;
    margin: 0 auto;
    width: 1000px;
}
.author 
{
	display:inline-block;
	font-family:'Oswald', Arial, sans-serif;
	color:#fff;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
}
.author i \
{
	font-weight:normal;
}
.dropcap
{
	float:left;
	font-family:'Oswald', Arial, sans-serif;
	font-size:24px;
	line-height:30px;
	color:#b30404;
	margin:0 5px 0 0;
}
.price-list li
{
	overflow:hidden;
	font-size:14px;
	line-height:18px;
	padding:0 0 12px 14px;
	background:url(../images/list-1-marker_black.gif) no-repeat 0 5px;
}
.price-list li .price-item
{
	float:left;
	color:#717171;
	text-decoration:none;
	max-width:70%;
	margin:0 6px 0 0;
}
.price-list li .filler
{
	display:block;
	background:url(../images/filler.gif) repeat-x 0 bottom;
	height:15px;
	overflow:hidden;
}
.price-list li .price
{
	float:right;
	margin:0 0 0 6px;
	width:60px;
	text-align:left;
	color:#b30404;
}

.adress
{
	padding:0 0 20px 0;
}
.adress dt
{
	display:block;
	font-weight:normal;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	color:#333;
	font-size:14px;
	line-height:25px;
	width:235px;
}
.adress dd
{
	font-size:12px;
	line-height:18px;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	color:#717171;
	overflow:hidden;
}
.adress dd span 
{
	float:left;
	width:59px;
	text-align:right;
	margin:0 6px 0 0;
}

/******************** Footer ******************/
footer 
{
	font-family: "Open Sans",Helvetica,Arial,sans-serif
	color:#ccc;
	font-size:12px;
	background: none repeat scroll 0 0 #323B44;
}
.footer-bg
{
	background: none repeat scroll 0 0 #323B44;
	padding-left:20px;
	min-height:100%;
}
footer a 
{
	color:#ccc;
}

.copyright 
{
	padding:5px 0 0 0;
}
.footer-logo 
{
	font-weight:normal;
	font-size:24px;
	line-height:30px;
	font-family: "Open Sans",Helvetica,Arial,sans-serif
	color:#717171;
	margin:-7px 0 0 0;
	display:inline-block;
}
.footer-list li 
{
	font-size:12px;
	line-height:18px;
	padding:0 0 10px 14px;
}
.footer-list li a
{
	color:#eee;
	text-decoration:none;
}

.footer-list li a:hover
{
	color:#fff;
}

.social-list li
{
	text-align:right;	
	padding:5px 0 0 0;
}

.social-list li a
{
	display:inline-block;
	width:27px;
	height:24px;
	background:#eee;
}
.social-list li a:hover
{
	background:#717171;
}

.contact-us
{
    background: url("../images/contact-map.png") no-repeat scroll center bottom transparent;
    width:120%;	
}
.footer-bottom 
{
    background: none repeat scroll 0 0 #25292C;
    color: #888888;
    line-height: 30px;
    padding: 15px;
}
.footer-bottom
{
    color: #ccc;
    line-height: 30px;
}
footer .social li:last-child, footer .social
{
    margin-right: 0 !important;
}
header .social, footer .social
{
    line-height: 30px;
    margin-right: 4px;
}
h3.title:after 
{
    background: url("../images/bg_off.png") repeat scroll 0 0 transparent;
    content: "";
    height: 5px;
    margin-left: 10px;
    position: absolute;
    top: 12px;
    width: 99%;
}
h3.title 
{
	line-height: 28px;
	overflow: hidden;
	margin: 0 0 25px;
	position:relative;
	color:#333;
}
/* Services page */
.progress-skills .progress-bar,.progress-bar1,.progress-bar2,.progress-bar3,.progress-bar4  
{
	font-size: 16px;
	line-height: 40px;
	padding-left: 20px;
	text-align: left;
	text-shadow: none;
	font-family: "Oswald",Helvetica,Arial,sans-serif;
	border-radius: 4px;
	margin-bottom: 20px;
	color:#fafafa;

}
.progress-bar
{
	float: left;
	width: 0;
	height: 100%;
	background-color: #0488CD;
}
.progress-bar1 
{
	float: left;
	width: 0;
	height: 100%;
	background-color: #ad1935;
}
.progress-bar2 
{
	float: left;
	width: 0;
	height: 100%;
	background-color: #4e346f;
}
.progress-bar3{
	float: left;
	width: 0;
	height: 100%;
	background-color: #019e5a;
}
.progress-bar4{
  float: left;
  width: 0;
  height: 100%;
  background-color: #007aff;
}
/* Scroll Button */
.back-to-top 
{
	bottom: 100px;
	color: #FAFAFA;
	display: none;
	font-size: 30px;
	height: 36px;
	opacity: 0.8;
	position: fixed;
	right: 15px;
	text-align: center;
	width: 47px;
	z-index: 9999;
	line-height:40px;
}
.icon-angle-up:before
{
	content: "^";
}
[class^="icon-"], [class*=" icon-"] 
{
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}
/*Services Page box Over */
.bottomtext a
{
	color: #FFFFFF;
	left: 0;
	padding: 20px 0 20px 20px;
	text-align: left;
	background:url("../images/hover_bg.png") repeat-x;
	font-family: "Oswald",Helvetica,Arial,sans-serif;
	margin:-65px 6px 0px 6px;
/*	width:259px;	*/
width:278px;
	float:left;
}
.bottomtext a:hover
{
	color: #B09609;
}

/* End of Hover Box */
/* COntact Us */
div.error
{
	margin:2px 2px 2px 80px;
	color:#B94A48;
	width:200px;
	clear:both;
}
.star
{
	color:#B94A48;
}
/*alert box*/
/*--------ERROR CLASSES-------*/
.alert {
  background-color:#FCF8E3;
  border-bottom-color:#FBEED5;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-image:initial;
  border-left-color:#FBEED5;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#FBEED5;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#FBEED5;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  border-top-style:solid;
  border-top-width:1px;
  margin-bottom:20px;
  padding-bottom:18px;
  padding-left:14px;
  padding-right:35px;
  padding-top:8px;
  text-shadow:rgba(255, 255, 255, 0.496094) 0 1px 0;
}

.alert-success {
  background-color:#DFF0D8;
  border-bottom-color:#D6E9C6;
  border-left-color:#D6E9C6;
  border-right-color:#D6E9C6;
  border-top-color:#D6E9C6;
  color:#468847;
  font-size:14px;
  padding:10px;
  border-radius:5px;
  text-align:center;
font-family: "Oswald",Helvetica,Arial,sans-serif;
}

.alert-warning {
  background-color:#D9EDF7;
  border-bottom-color:#BCE8F1;
  border-left-color:#BCE8F1;
  border-right-color:#BCE8F1;
  border-top-color:#BCE8F1;
  color:#3A87AD;
  font-size:14px;
  padding:10px;
  border-radius:5px;
  text-align:center;
font-family: "Oswald",Helvetica,Arial,sans-serif;
}

.alert-danger, .alert-error {
  background-color:#F2DEDE;
  border-bottom-color:#EED3D7;
  border-left-color:#EED3D7;
  border-right-color:#EED3D7;
  border-top-color:#EED3D7;
  color:#B94A48;
  font-size:14px;
  padding:10px;
  border-radius:5px;
  text-align:center;
font-family: "Oswald",Helvetica,Arial,sans-serif;
}

/*-----------------------------*/
button.close
{
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	cursor: pointer;
	padding: 0;
}
.close 
{
	color: #000000;
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	opacity: 0.2;
	text-shadow: 0 1px 0 #FFFFFF;
	margin-top: -35px;
	margin-right:15px;
	padding:2px;
}
.btn-primary
{
	background: #666;
	border: 1px solid #666;
	border-radius: 5px;
	color: #FFFFFF;
	font-family: 'Oswald', Arial, sans-serif;
	padding: 5px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
/* End of Contact Us */


/***********More Button**********/
.seemore {

    border-color: #BBBBBB #BBBBBB #A2A2A2;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #666666;
    /*cursor: pointer;
    display: inline-block;*/
font-family: 'Oswald', Arial, sans-serif;
    font-size: 14px;
    padding: 4px 14px;
    /*text-align: center;*/
    text-decoration: none;
}

a.seemore:hover
{
	  color: #000;
}


/*more button styles*/



/*content bullets*/

.bullets
{
    background:url(../images/list-1-marker_black.gif) no-repeat 0 5px;
    overflow:hidden;
    font-size:14px;
    line-height:18px;
    padding:0 0 12px 14px;
}

/*service page*/
.height
{
    width:280px;
    height:230px;
    float:left;
}


.mobile
{
    margin-left:0px;
}

.mob_middle
{
    margin-left: 350px;
    margin-top: -151px;
}
.mob_right_points
{
     float: right;
        margin-right: 66px;
        margin-top: -149px;
}

.iphone_middle
{
    margin-left: 350px;
    margin-top: -116px;
}

.iphone_right_points
{
     float: right;
        margin-right: 66px;
        margin-top: -119px;
}

/* Testimonial Sliders */

/************testinomial slider****************/


ul.ppt {
    position: relative;
}

.ppt li {
    list-style-type: none;
    /*position: absolute;*/
    top: 0;
    left: 0;
    height:0;
}

.ppt img {
    /*border: 1px solid #e7e7e7;
    padding: 5px;*/
    background-color: #ececec;
}
.arrow_icon
{
float:right;
margin-top:-48px;
} 


.cls_over
{
max-width:100%;
height: auto;
width: auto\9;
}


.cls_txt
{
font-family:'Oswald', Arial, sans-serif;font-size:16px;  font-family: 'Oswald',Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-left: auto; color:#433333;
	float:none;
	width:167px;
text-align:justify;
}

.cls_txt1
{
	font-family:'Oswald', Arial, sans-serif;font-size:16px;  font-family: 'Oswald',Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
	/*margin-left: 53px;*/
	color:#433333;
	padding:7px;
	clear:both;
	display:block;
	float:none;
	/*width:171px;*/
	text-align:justify;
}



/*.arrow_icon_android
{
float:right;
margin-right: 62px;
    margin-top: -31px;
}*/




  .content {
    margin: 4px;
/*    width: 100px;
    height: 100px;*/
/*    border: 1px solid black;*/
    float: left;
  /*  background-color: gray;*/
}

#pagin {
    clear: both;
    padding:0;
   /* width:250px;*/
  float: left;
    margin: -41px auto 0 821px;
}
#pagin li {
    float:left;
    margin-right:13px;
}
#pagin li a {
    display:block;
    color:#717171;
    font:bold 11px;
    text-shadow:0px 1px white;
    padding:5px 8px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.35);
    -moz-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.35);
    box-shadow:0px 1px 3px 0px rgba(0,0,0,0.35);
    background:#f9f9f9;
    background:-webkit-linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
    background:-moz-linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
    background:-o-linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
    background:-ms-linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
    background:linear-gradient(top,#f9f9f9 0%,#e8e8e8 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9',endColorstr='#e8e8e8',GradientType=0 );
}
#pagin li a.current {
    color:white;
    text-shadow:0px 1px #3f789f;
    -webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.8);
    -moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.8);
    box-shadow:0px 1px 2px 0px rgba(0,0,0,0.8);
    background:#7cb9e5;
    background:-webkit-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
    background:-moz-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
    background:-o-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
    background:-ms-linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
    background:linear-gradient(top,#7cb9e5 0%,#57a1d8 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb9e5',endColorstr='#57a1d8',GradientType=0 );
}
/*#pagin li a:hover {
    -webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.55);
    -moz-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.55);
    box-shadow:0px 1px 3px 0px rgba(0,0,0,0.55);
    background:#fff;
    background:-webkit-linear-gradient(top,#fff 0%,#e8e8e8 100%);
    background:-moz-linear-gradient(top,#fff 0%,#e8e8e8 100%);
    background:-o-linear-gradient(top,#fff 0%,#e8e8e8 100%);
    background:-ms-linear-gradient(top,#fff 0%,#e8e8e8 100%);
    background:linear-gradient(top,#fff 0%,#e8e8e8 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#e8e8e8',GradientType=0 );
}
#pagin li a:active,#pagin li a.current:active {
    -webkit-box-shadow:inset 0px 1px 3px 0px rgba(0,0,0,0.5),0px 1px 1px 0px rgba(255,255,255,1) !important;
    -moz-box-shadow:inset 0px 1px 3px 0px rgba(0,0,0,0.5),0px 1px 1px 0px rgba(255,255,255,1) !important;
    box-shadow:inset 0px 1px 3px 0px rgba(0,0,0,0.5),0px 1px 1px 0px rgba(255,255,255,1) !important;
}
#pagin li a.current:hover {
    -webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.9);
    -moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.9);
    box-shadow:0px 1px 2px 0px rgba(0,0,0,0.9);
    background:#99cefc;
    background:-webkit-linear-gradient(top,#99cefc 0%,#57a1d8 100%);
    background:-moz-linear-gradient(top,#99cefc 0%,#57a1d8 100%);
    background:-o-linear-gradient(top,#99cefc 0%,#57a1d8 100%);
    background:-ms-linear-gradient(top,#99cefc 0%,#57a1d8 100%);
    background:linear-gradient(top,#99cefc 0%,#57a1d8 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cefc',endColorstr='#57a1d8',GradientType=0 );
}*/

/*------------------------------------*\
	$TABLES
\*------------------------------------*/
/*
Unfortunately, and somewhat obviously, tables don’t fit the baseline all too well. Perhaps in a later version...
*/
table{
	width:100%;
	max-width:100%;
    border-collapse: collapse;
    border-spacing: 0;

}
thead tr:last-of-type th{
	/* Thicker border on the table-headers of the last row in the table head. */
	border-bottom-width:2px;
}
tbody th{
	/* Thicker right border on table-headers in the table body. */
	border-right-width:2px;
}
th:empty{
	/* Hide the borders on any empty table-headers. */
	border:none;
}
th,td{
	vertical-align:top;
	padding:0.75em !important;
	border:1px solid #ccc !important;
       font-family: "Oswald",Helvetica,Arial,sans-serif !important;
  font-size:15px; 
}

td.title
{
      font-family: "Oswald",Helvetica,Arial,sans-serif !important;

}

th{
	font-weight:bold;
	text-align:center
}
table [colspan]{
	text-align:center;
}
table [rowspan]{
	vertical-align:middle;
}
/*
Assuming IE has an 'implied' colspan of one on cells without an explicit colspan attribute, fix/undo it.
See jsfiddle.net/csswizardry/UJJay/
*/
[colspan="1"]{
    text-align:left;
}
[rowspan="1"]{
    vertical-align:top;
}
tbody tr:nth-of-type(odd){
	background:rgba(0,0,0,0.05);
}
tfoot{
	text-align:center;
}
tfoot td{
	border-top-width:2px;
}