@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

.grey {color: #666;}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
}

.contact-mobiles {
	width: 100%;
	margin-left: 0%;
}


.social-icons { width: 33px; height: 33px; }

.inliner {display: inline; float: left;}
.contact-mobiles {width: 100%; margin: 0 auto; display: block; clear: both; float: left; text-align: center; margin-top: 15px;}

header {width: 96%; margin: 0 auto; padding-top: 20px; max-width: 1000px;}

.logo {width: 37.5%; float: left; display: block; clear: none; text-align: center; margin-left: 0.5%;}

.contact-box {width: 62%; float: left; display: block; clear: none; text-align: right; line-height: 11px; margin-top: -25px;}

.phone-number { color: #1F2C65; font-family: 'Lora', serif; font-size: 15px; text-align: right; display: block; }

.phone-number1 { color: #1F2C65; font-family: 'Lora', serif; font-size: 19px; text-align: right; display: block; }

.phone-number2 { color: #1F2C65; font-family: 'Lora', serif; font-size: 11px; text-align: right; padding-left: 3px; display: block; line-height: 3px; }

.phone-number1mob { color: #1F2C65; font-family: 'Lora', serif; font-size: 23px; text-align: center; display: block; }

.phone-number2mob { color: #1F2C65; font-family: 'Lora', serif; font-size: 12px; text-align: center; padding-left: 3px; display: block;}

.leftnudge {margin-left: 7px; display: none;}
.topnudge {margin-top: 10px;}
.mobile-none {display: none;}
.bigleftnudge {margin-left: 0px; display: none;}
.twitter-mobile-heading {display: block; text-align: center; color: #1F2C65; font-family: 'Lora', serif; font-size: 23px;}

.menu-bar {float: left; clear: both; width: 100%; display: block; margin: 40px auto 0 auto; height: 60px;
background: #1F2C65; background-repeat: repeat-x; text-align: center;}


ul {
    list-style-type: none;
    margin: 26px 0 0 0;
    padding: 0;
	font-size: 13px;
	font-weight: 300;
	color: #9797a6;
	font-family: 'Lora', serif;
	
}

li {
    display: none;
	margin: 0 2.5% 0 2.5%;
	
}

.slides-wrapper {
	width: 100%;
	display: block;
	clear: both; 
	float: left;
	margin-top: 0px;

	height: 200px;

	
	
}

.slides-bottom-border {
	width: 100%;
	display: block;
	clear: both; 
	float: left;
	margin-top: 50px;
	background-image: url(../images/slider-slice.png);
		background-repeat: repeat-x;
	height: 25px;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.65);
box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.65);
	
}

.text-box { width: 90%; margin-left: auto; margin-right: auto; padding-top: 40px; max-width: 400px; display: block; clear: both;}
.twitterbox {width: 80%; margin-left: 10%; float: left; padding-top: 50px; margin-bottom: 50px; display: none;}
p.p22px {
	color: #1F2C65;
	font-size: 17px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

}


footer {
	display: block;
	clear: both;
	margin-top: 44px;
	width: 100%;
	background-color: #1F2C65;
	paddding-top: 0px;
	padding-bottom: 0px;
}

.footer-1000px {
	width: 100%;
	max-width: 280px;
	float: none;
	margin: 0px auto 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
	line-height: 20px;
	display: block;
	clear: both;
	color: #fff;
	font-size: 14px;
	text-align: left!important;
	font-weight: 200;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	
}








/*  here are the slider specific styles  */
h1.no1 {
	color: #4A4E77;
 font-family: 'Lora', serif;

	font-size: 20px;
	font-weight: 700;
	text-align: left;
	
}

h2.no2 {
		color: #4A4E77;
 font-family: 'Lora', serif;
line-height: 33px;
	font-size: 20px;
	font-weight: 700;
	text-align: right;
	
}

p.slidetext {
	
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	
	
}

.blackbox-100 {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 140px;
	margin-top: 125px;
	height: 130px;
	margin-left: 0px;
	background-image:url(../images/whitetile.png);
	background-repeat: repeat;
	-webkit-box-shadow: 0px -4px 3px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px -4px 3px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px -4px 3px 0px rgba(50, 50, 50, 0.35);
	
}

.blackbox {
	width: 100%;
	padding-top: 1px;
	padding-bottom: 15px;
	padding-left: 4%;
	padding-right: 0px;
	
	height: 120px;
	margin: 0 auto 0 auto;
	
	
}

.blackbox1 {
	width: 290px;
	height: 200px;
	padding-top: 100px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 30px;
	
	
	margin: 0 0 0 10px;
	background-image:url(../images/whitetile.png);
	background-repeat: repeat;
	
}




/* slider styles */	
#slider{
	width: 100%;

	height: 250px;
	
	margin-left: 0px;
	margin-top: 0px;
	
	overflow: hidden;
	position:relative;
	
}
#items{
	width: 3000em;
	position: absolute;
	-moz-transform:rotateX(0deg);
	-webkit-transform:rotateX(0deg);
}
#items > div{
	float: left;
}
#items > div > div{
	width: 1010px;
	height: 300px;
	margin: 0 auto;
	overflow: hidden;
	
}

/* slides styles */
#first-slide{
	background-image:url(../images/slide1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
}

#third-slide{
	background-image:url(../images/slide0.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
}

#welcome{
	background-image:url(../images/slide2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
}
#welcome ul{
	margin-top:20px;
	width: 100%;
	text-align: center;
}
#welcome li{
	float: left;
	height: 200px;
	width:33%;
	list-style: none;
	font-size: 22px;
	margin: 0 0 20px 0;
	color: #333;
}
#welcome li p{
	font-size: 0.8em;
}
/*  end of those styles  */
























.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
	margin-left: auto;
}
.contact-mobiles {width: 100%; margin: 0 auto; display: none; clear: both; float: left; text-align: center; margin-top: 15px;}

.social-icons { width: 33px; height: 33px;}


header {width: 100%; margin: 0 auto; padding-top: 20px; max-width: 1000px;}

.logo {width: 40%; float: left; display: block; clear: none; text-align: center; margin-left: 1.5%;}

.contact-box {width: 57.5%; float: left; display: block; clear: none; text-align: right; line-height: 29px; margin-top: 0;}

.phone-number { color: #1F2C65; font-family: 'Lora', serif; font-size: 23px; text-align: right; display: inline-block;}

.phone-number1 { color: #1F2C65; font-family: 'Lora', serif; font-size: 28px; text-align: right; display: inline-block;}

.phone-number2 { color: #1F2C65; font-family: 'Lora', serif; font-size: 14px; text-align: right; padding-left: 3px; display: inline-block; 
line-height: normal;}

.leftnudge {margin-left: 7px; display: inline-block;}
.topnudge {margin-top: 10px;}
.mobile-none {display: inline-block;}
.mobilemenu {display: none;}
twitter-mobile-heading {display: none;}
.menu-bar {float: left; clear: both; width: 100%; display: block; margin: 40px auto 0 auto; height: 80px;
background-image: url(../images/menu-slice.png); background-repeat: repeat-x; text-align: center;}


ul {
    list-style-type: none;
    margin: 30px 0 0 0;
    padding: 0;
	font-size: 11px;
	font-weight: 300;
	color: #9797a6;
	font-family: 'Lora', serif;
	
}

li {
    display: inline;
	margin: 0 8px 0 8px;
}


.slides-wrapper {
	width: 100%;
	display: block;
	clear: both; 
	float: left;
	margin-top: 0px;

	height: 400px;

	
	
}

.slides-bottom-border {
	width: 100%;
	display: block;
	clear: both; 
	float: left;
	margin-top: 50px;
	background-image: url(../images/slider-slice.png);
		background-repeat: repeat-x;
	height: 25px;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.65);
box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.65);
	
}
.bigleftnudge {margin-left: 25px;}
.text-box { width: 100%; margin-left: auto; margin-right: auto; padding-top: 40px; max-width: 440px; display: block; clear: both;}
.twitterbox {width: 80%; margin-left: 10%; float: left; padding-top: 50px; margin-bottom: 50px; display: block;}
p.p22px {
	color: #1F2C65;
	font-size: 17px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	
}


footer {
	display: block;
	clear: both;
	margin-top: 44px;
	width: 100%;
	background-color: #1F2C65;
	paddding-top: 0px;
	padding-bottom: 0px;
}

.footer-1000px {
	width: 100%;
	max-width: 440px;
	float: none;
	margin: 0px auto 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
	line-height: 20px;
	display: block;
	clear: both;
	color: #fff;
	font-size: 14px;
	
	font-weight: 200;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	
}








/*  here are the slider specific styles  */
h1.no1 {
	color: #4A4E77;
 font-family: 'Lora', serif;

	font-size: 27px;
	font-weight: 700;
	text-align: left;
	
}

h2.no2 {
		color: #4A4E77;
 font-family: 'Lora', serif;
line-height: 39px;
	font-size: 27px;
	font-weight: 700;
	text-align: right;
	
}

p.slidetext {
	
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 22px;

	
}

.blackbox-100 {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 140px;
	margin-top: 305px;
	height: 130px;
	margin-left: 0px;
	background-image:url(../images/whitetile.png);
	background-repeat: repeat;
	-webkit-box-shadow: 0px -4px 3px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px -4px 3px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px -4px 3px 0px rgba(50, 50, 50, 0.35);
	
}

.blackbox {
	width: 100%;
	padding-top: 1px;
	padding-bottom: 15px;
	padding-left: 5%;
	padding-right: 0px;
	
	height: 170px;
	margin: 0 auto 0 auto;
	
	
}

.blackbox1 {
	width: 300px;
	height: 400px;
	padding-top: 300px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 30px;
	
	
	margin: 0 0 0 190px;
	background-image:url(../images/whitetile.png);
	background-repeat: repeat;
	
}




/* slider styles */	
#slider{
	width: 100%;

	height: 450px;
	
	margin-left: 0px;
	margin-top: 0px;
	
	overflow: hidden;
	position:relative;
	
}
#items{
	width: 3000em;
	position: absolute;
	-moz-transform:rotateX(0deg);
	-webkit-transform:rotateX(0deg);
}
#items > div{
	float: left;
}
#items > div > div{
	width: 1010px;
	height: 500px;
	margin: 0 auto;
	overflow: hidden;
	
}

/* slides styles */
#first-slide{
	background-image:url(../images/slide1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#third-slide{
	background-image:url(../images/slide0.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#welcome{
	background-image:url(../images/slide2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#welcome ul{
	margin-top:20px;
	width: 100%;
	text-align: center;
}
#welcome li{
	float: left;
	height: 200px;
	width:33%;
	list-style: none;
	font-size: 22px;
	margin: 0 0 20px 0;
	color: #333;
}
#welcome li p{
	font-size: 0.8em;
}
/*  end of those styles  */










.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 100%;
	max-width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

.social-icons { width: 43px; height: 43px;}


header {width: 100%; margin: 0 auto; padding-top: 40px; max-width: 1000px;}

.logo {width: 45%; float: left; display: block; clear: none; text-align: center; margin-left: 2.5%;}

.contact-box {width: 50%; float: left; display: block; clear: none; text-align: right;}

.phone-number { color: #1F2C65; font-family: 'Lora', serif; font-size: 25px; text-align: right;}

.phone-number1 { color: #1F2C65; font-family: 'Lora', serif; font-size: 32px; text-align: right;}

.phone-number2 { color: #1F2C65; font-family: 'Lora', serif; font-size: 18px; text-align: right; padding-left: 5px;}

.leftnudge {margin-left: 7px;}
.topnudge {margin-top: 10px;}


.menu-bar {float: left; clear: both; width: 100%; display: block; margin: 40px auto 0 auto; height: 80px;
background-image: url(../images/menu-slice.png); background-repeat: repeat-x; text-align: center;}


ul {
    list-style-type: none;
    margin: 26px 0 0 0;
    padding: 0;
	font-size: 12px;
	font-weight: 300;
	color: #9797a6;
	font-family: 'Lora', serif;
	
}

li {
    display: inline;
	margin: 0 28px 0 28px;
}


.slides-wrapper {
	width: 100%;
	display: block;
	clear: both; 
	float: left;
	margin-top: 0px;

	height: 450px;

	
	
}

.slides-bottom-border {
	width: 100%;
	display: block;
	clear: both; 
	float: left;
	margin-top: 50px;
	background-image: url(../images/slider-slice.png);
		background-repeat: repeat-x;
	height: 25px;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.65);
box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.65);
	
}

.text-box { width: 57%; margin-left: 3%; margin-bottom: 70px; padding-top: 50px; max-width: 1000px; display: block; clear: left; float: left;}
.twitterbox {width: 32%; margin-left: 5%; float: left; padding-top: 70px;}


p.p22px {
	color: #1F2C65;
	font-size: 19px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

}


footer {
	margin-top: 44px;
	width: 100%;
	background-color: #1F2C65;
	paddding-top: 0px;
	padding-bottom: 0px;
	display: block;
	clear: both;
}

.footer-1000px {
	width: 100%;
	max-width: 700px;
	float: none;
	margin: 0px auto 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
	line-height: 20px;
	display: block;
	clear: both;
	color: #fff;
	font-size: 15px;
	
	font-weight: 200;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	
}








/*  here are the slider specific styles  */
h1.no1 {
	color: #4A4E77;
 font-family: 'Lora', serif;

	font-size: 47px;
	font-weight: 700;
	text-align: left;
	
}

h2.no2 {
		color: #4A4E77;
 font-family: 'Lora', serif;
line-height: 65px;
	font-size: 47px;
	font-weight: 700;
	text-align: right;
	
}

p.slidetext {
	
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	
	
}

.blackbox-100 {
	width: 1000px;
	padding-top: 1px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 40px;
	margin-top: 315px;
	height: 170px;
	margin-left: 0px;
	background-image:url(../images/whitetile.png);
	background-repeat: repeat;
	-webkit-box-shadow: 0px -4px 3px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px -4px 3px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px -4px 3px 0px rgba(50, 50, 50, 0.35);
	
}

.blackbox {
	width: 900px;
	padding-top: 1px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	
	height: 170px;
	margin: 0 auto 0 auto;
	
	
}

.blackbox1 {
	width: 560px;
	height: 450px;
	padding-top: 130px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 100px;
	
	
	margin: 0 0 0 180px;
	background-image:url(../images/whitetile.png);
	background-repeat: repeat;
	
}




/* slider styles */	
#slider{
	width: 100%;

	height: 500px;
	
	margin-left: 0px;
	margin-top: 0px;
	
	overflow: hidden;
	position:relative;
	
}
#items{
	width: 3000em;
	position: absolute;
	-moz-transform:rotateX(0deg);
	-webkit-transform:rotateX(0deg);
}
#items > div{
	float: left;
}
#items > div > div{
	width: 1024px;
	height: 500px;
	margin: 0 auto;
	overflow: hidden;
	
}

#third-slide{
	background-image:url(../images/slide0.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}


/* slides styles */
#first-slide{
	background-image:url(../images/slide1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}



#welcome{
	background-image:url(../images/slide2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#welcome ul{
	margin-top:20px;
	width: 100%;
	text-align: center;
}
#welcome li{
	float: left;
	height: 200px;
	width:33%;
	list-style: none;
	font-size: 22px;
	margin: 0 0 20px 0;
	color: #333;
}
#welcome li p{
	font-size: 0.8em;
}
/*  end of those styles  */


.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
}


@media only screen and (min-width: 1025px) {

.gridContainer {
	width: 100%;
	max-width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

.view-wrapper { max-width: 1100px; margin: 0 auto;}

.social-icons { width: 43px; height: 43px;}


header {width: 100%; margin: 0 auto; padding-top: 40px; max-width: 1000px;}

.logo {width: 50%; float: left; display: block; clear: none; text-align: center; margin-left: 0%;}

.contact-box {width: 50%; float: left; display: block; clear: none; text-align: right;}

.phone-number { color: #1F2C65; font-family: 'Lora', serif; font-size: 25px; text-align: right;}

.phone-number1 { color: #1F2C65; font-family: 'Lora', serif; font-size: 32px; text-align: right;}

.phone-number2 { color: #1F2C65; font-family: 'Lora', serif; font-size: 18px; text-align: right; padding-left: 5px;}

.leftnudge {margin-left: 7px;}
.bigleftnudge {margin-left: 25px;}
.topnudge {margin-top: 10px;}


.menu-bar {float: left; clear: both; width: 100%; display: block; margin: 40px auto 0 auto; height: 80px;
background-image: url(../images/menu-slice.png); background-repeat: repeat-x; text-align: center;}




ul {
    list-style-type: none;
    margin: 26px 0 0 0;
    padding: 0;
	font-size: 15px;
	font-weight: 300;
	color: #9797a6;
	font-family: 'Lora', serif;
	
	
}

li {
	max-width: 1000px;
    display: inline;
	margin: 0 44px 0 44px;
}


.slides-wrapper {
	width: 100%;
	display: block;
	clear: both; 
	float: left;
	margin-top: 0px;

	height: 450px;

	
	
}

.slides-bottom-border {
	width: 100%;
	display: block;
	clear: both; 
	float: left;
	margin-top: 50px;
	background-image: url(../images/slider-slice.png);
		background-repeat: repeat-x;
	height: 25px;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.65);
box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.65);
	
}

.text-box { width: 55%; margin-left: 5%; margin-bottom: 70px; padding-top: 50px; max-width: 1000px; display: block; clear: left; float: left; }
.twitterbox {width: 30%; margin-left: 5%; float: left; padding-top: 70px;}


p.p22px {
	color: #1F2C65;
	font-size: 20px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

}


footer {
	margin-top: 44px;
	width: 100%;
	background-color: #1F2C65;
	paddding-top: 0px;
	padding-bottom: 0px;
	display: block;
	clear: both;
	
}

.footer-1000px {
	width: 100%;
	max-width: 1000px;
	float: none;
	margin: 0px auto 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
	line-height: 20px;
	display: block;
	clear: both;
	color: #fff;
	font-size: 15px;
	
	font-weight: 200;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	
}


/*  here are the slider specific styles  */
h1.no1 {
	color: #4A4E77;
 font-family: 'Lora', serif;

	font-size: 53px;
	font-weight: 700;
	text-align: left;
	
}

h2.no2 {
		color: #4A4E77;
 font-family: 'Lora', serif;
line-height: 65px;
	font-size: 53px;
	font-weight: 700;
	text-align: right;
	
}

p.slidetext {
	
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 22px;

	
}

.blackbox-100 {
	width: 100%;
	padding-top: 1px;
	padding-bottom: 105px;
	padding-left: 0px;
	padding-right: 40px;
	margin-top: 290px;
	height: 170px;
	margin-left: 0px;
	background-image:url(../images/whitetile.png);
	background-repeat: repeat;
	-webkit-box-shadow: 0px -4px 3px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px -4px 3px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px -4px 3px 0px rgba(50, 50, 50, 0.35);
	
}

.blackbox {
	width: 950px;
	padding-top: 1px;
	padding-bottom: 45px;
	padding-left: 0px;
	padding-right: 0px;
	
	height: 170px;
	margin: 0 auto 0 auto;
	
	
}

.blackbox1 {
	width: 560px;
	height: 450px;
	padding-top: 50px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 20px;
	
	
	margin: 0 0 0 45%;
	background-image:url(../images/whitetile.png);
	background-repeat: repeat;
	
}




/* slider styles */	
#slider{
	width: 100%;
	min-width: 100%;
	height: 500px;
	margin: 0 auto;
	overflow: hidden;
	position:relative;
	
}
#items{
	width: 3000em;
	position: absolute;
	-moz-transform:rotateX(0deg);
	-webkit-transform:rotateX(0deg);
}
#items > div{
	float: left;
}
#items > div > div{
	width: 100%;
	height: 500px;
	margin: 0 auto;
	overflow: hidden;
	
}

/* slides styles */
#first-slide{
	background-image:url(../images/slide1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#welcome{
	background-image:url(../images/slide2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#third-slide{
	background-image:url(../images/slide0.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}


#welcome ul{
	margin-top:20px;
	width: 100%;
	text-align: center;
}
#welcome li{
	float: left;
	height: 200px;
	width:33%;
	list-style: none;
	font-size: 22px;
	margin: 0 0 20px 0;
	color: #333;
}
#welcome li p{
	font-size: 0.8em;
}
/*  end of those styles  */



.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}













}