/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#C0C0C0;
	min-width:960px;
	background:#0d0d0d;
}

.bg {width:100%; background:url(http://www.ouinolanguages.com/French/images/bg-top.jpg) center 0 no-repeat;}

.main {
	width:960px;
	padding:0;
	margin:0 auto;
	font-size:13px;
	line-height:17px;
	position:relative;
}

a {color:#e0741d; outline:none;}
a:hover {text-decoration:none;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
.container {width:100%;}

p {
	margin-bottom:18px;
}
.p1 {margin-bottom:8px;}
.p2 {
	margin-bottom:25px;
	text-align: center;
	margin-top: 20px;
}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 { margin-bottom:70px;}
.p7 {
	margin-bottom:0px;
}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#2a2929;}
.color-3 {color:#666;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.spacing {margin-right:16px;}
.spacing2 {margin-right:17px;}
.spacing3 {margin-right:6px;}


.spacing-bot {margin-bottom:25px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {
	margin-bottom:19px;
}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent2 {float:left; margin:0 16px 0px 0;}
.img-indent4 {float:left; margin:0 6px 0px 0;}
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {border:3px solid #000;}
.border2 {border:1px solid #000;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.logo {text-decoration:none;}	

/*********************************header*************************************/
#page1 header {
	height:530px;
	width:100%;
	background-image: url(../images/bg-header.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
}
header {
	height:160px;
	width:100%;
	background:url(http://www.ouinolanguages.com/French/images/bg-header-1.jpg) center 0 no-repeat;
}

.row-1 {
	width:100%;
	padding-top:19px;
	height:80px;
	background:url(http://www.ouinolanguages.com/French/images/bg-row-1.png) center 0 no-repeat;
	position:relative;
	z-index:100;
}
.row-2 {
	width:100%;
	height:450px;
	position:relative;
	overflow:hidden;
	z-index:10;
}
h1 {
	position:absolute;
	left:181px;
	top:9px;
	background-repeat: no-repeat;
	background-image: url(http://www.ouinolanguages.com/French/SpanishImg/logo.png);
}
.logo {
	display:block;
	width:278px;
	height:85px;
	text-indent:-5000px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.menu {float:right; padding:0px 0px 0 0;}
.menu li {float:left; font-size:15px; line-height:1.2em;}
.menu li a {display:block; color:#fff;}
.menu li .active, .menu li a:hover {color:#25b6f2;} 
.menu .item {padding:0;}

/*********************************content*************************************/
#content {
	width:100%;
	padding:0px 0px 50px 0px;
	background:url(http://www.ouinolanguages.com/French/images/bg-content2.jpg) center 0 no-repeat;
	background-color: #FFF;
}
#page1 #content {
	width:100%;
	padding:50px 0px 20px 0px;
	background:url(http://www.ouinolanguages.com/French/images/bg-content.jpg) center 0 no-repeat;
	background-color: #FFF;
}
#page3 #content {padding:52px 0px 82px 0px; }
#page4 #content {padding:73px 0px 92px 0px; }

.spacer-1 {width:100%; background:url(http://www.ouinolanguages.com/French/images/pic-1.gif) 217px 0 repeat-y;}
.spacer-2 {width:100%; background:url(http://www.ouinolanguages.com/French/images/pic-1.gif) 460px 0 repeat-y;}

.radius {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}

h3 {
	font-size:36px;
	line-height:1.2em;
	margin:0px 0 10px;
	padding-bottom:11px;
	color:#FFF;
	letter-spacing:-1px;
	text-decoration: none;
}

h4 {
	font-size:30px;
	line-height:1.2em;
	margin:0px 0 10px;
	padding-bottom:11px;
	color:#000;
	background:url(http://www.ouinolanguages.com/French/images/pic-1.gif) 0 bottom repeat-x;
	letter-spacing:-1px;
}

h5 {color:#2a2929; font-size:18px; line-height:1.2em;}
h6 {
	font-size:13px;
	color:#000;
	line-height:1.2em;
	margin-bottom:9px;
}

.scroll {overflow:auto; height:180px; position:relative;}
.scroll .padding-right {height:1%; padding-right:50px;}

.padding-left { padding-left:20px;}

.border-bot {width:100%; padding-bottom:20px; background:url(http://www.ouinolanguages.com/French/images/pic-1.gif) 0 bottom repeat-x;}

.box {width:196px; min-height:212px; float:left;}
.box strong {color:#2a2929; font-size:14px; font-weight:bold;  display:block; margin-bottom:0px;} 
.box  a {font-size:13px; color:#e0741d; text-decoration:underline;}
.box  a:hover {color:#000;}

.box-1 {float:left;}

.box-4 {
	width:298px;
	min-height:310px;
	background:url(http://www.ouinolanguages.com/French/images/bg-box4.png) 0 0 no-repeat;
	border:none;
	font-size:13px;
	color:#999;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:1px 1px 1px #adadad;
	-moz-box-shadow:1px 1px 1px #adadad;
	-webkit-box-shadow:1px 1px 1px #adadad;
}
.box-4 .padding {padding:5px;} 
.box-4 .padding .padding { padding:0 16px;}
.box-4 .padding strong {color:#2a2929; font-size:14px; font-weight:bold;  display:block; margin-bottom:-20px;} 
.box-4 .padding  a {font-size:13px; color:#e0741d; text-decoration:underline;}
.box-4 .padding  a:hover {font-size:13px; color:#fff; text-decoration:none;}

.box-4.alt {background:url(http://www.ouinolanguages.com/French/images/bg-box4-h.png) 0 0 no-repeat; color:#929292;}
.box-4.alt .padding strong {color:#fff;}

.button {display:inline-block; color:#464646; background:url(http://www.ouinolanguages.com/French/images/bg-button.gif) 0 0 repeat-x; font-size:18px; border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; padding:0 22px 4px 22px; line-height:32px; text-decoration:none; box-shadow:1px 1px 1px #adadad; -moz-box-shadow:1px 1px 1px #adadad; -webkit-box-shadow:1px 1px 1px #adadad; margin-bottom:1px; cursor:pointer;}
.button:hover {color:#fff; background:#464646; text-decoration:none;}

.button1 {display:inline-block; font-size:12px; padding-left:9px; color:#fff; background:url(http://www.ouinolanguages.com/French/images/button-left.png) 0 0 no-repeat;}
.button1 span {display:inline-block; cursor:pointer; padding-right:9px; background:url(http://www.ouinolanguages.com/French/images/button-right.png) right 0 no-repeat;}
.button1 span span {padding:2px 3px 3px; background:url(http://www.ouinolanguages.com/French/images/button-tail.png) 0 0 repeat-x;}
.button1 strong {padding:0 0 0 8px; background:url(http://www.ouinolanguages.com/French/images/marker-1.gif) 0 6px no-repeat;}
.button1:hover {color:#24a3ce;}

.list-1 li {line-height:30px; padding-left:27px; background:url(http://www.ouinolanguages.com/French/images/marker-1.png) 0 8px no-repeat;}
.list-1 li a {color:#e0741d; text-decoration:underline; font-size:13px;}
.list-1 li a:hover {color:#000;}

.list-2 li {line-height:34px; padding-left:12px; background:url(http://www.ouinolanguages.com/French/images/marker-2.png) 0 15px no-repeat;}
.list-2 li a {color:#6c6c6c; text-decoration:none; font-size:12px;}
.list-2 li a:hover {color:#fff;}

.list-3 {list-style:decimal-leading-zero;}
.list-3 li {font-size:12px; line-height:16px; color:#fff; padding-bottom:12px; margin-left:25px; list-style-type:decimal-leading-zero;}
.list-3 li a {color:#eda202;}
.list-3 li a:hover {color:#24a3ce;}

.link:hover {text-decoration:underline;} 

.link-1 {display:inline-block; font-size:14px; padding-right:8px; background:url(http://www.ouinolanguages.com/French/images/marker-3.gif) right 8px no-repeat;}
.link-1:hover {color:#fff;} 

.text-1 {font-size:18px; color:#2a2929; line-height:1.2em;} 
.text-2 {font-size:14px; }  


dl {width:190px;}
dl span {float:left; width:83px;}
dl strong {float:right; width:145px; font-weight:normal;}
dl a {text-decoration:underline; color:#e0741d;}
dl a:hover {text-decoration:underline; color:#000;}

#form-main {display:block; width:208px;}
#form-main label {display:block; height:40px;}
#form-main input {width:196px; font-size:1em; color:#666; padding:0px 5px; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #7e7e7e; border-left:1px solid #7e7e7e; border-right:1px solid #cad2d5; border-bottom:1px solid #cad2d5; background:#fff;}
#form-main textarea {height:174px; overflow:auto; width:196px; font-size:1em; color:#666; padding:0px 5px; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #7e7e7e; border-left:1px solid #7e7e7e; border-right:1px solid #cad2d5; border-bottom:1px solid #cad2d5; background:#fff;}

.buttons {padding-top:25px; text-align:left;}
.buttons a {margin-right:5px;}

.list-services li {margin-bottom:5px; display:block; vertical-align:top; line-height:1em; float:left; clear:both;}
.services {font-size:12px; color:#6c6c6c; text-decoration:none; display:inline-block;}
.services img {margin-right:11px;}
.services:hover {color:#fff;}

.map {padding:5px; background:#d2d2d2; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.map iframe {width:398px; height:300px;}
/****************************footer************************/
footer {
	width:100%;
	padding:21px 0 24px;
	background:url(http://www.ouinolanguages.com/French/images/bg-footer.png) center 0 repeat-x;
}
footer span {
	font-size:13px;
	color:#6c6c6c;
	line-height:1.2em;
}
footer span a { font-size:13px; color:#6c6c6c; line-height:1.2em; text-decoration:underline;}
footer span a:hover { text-decoration:none; color:#fff;}

/*************Lightbox image***************/
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:block;
	}
.lightbox-image img {
	position:relative;
	z-index:2;
	background:#e2e2e2;
	}
.box-4.alt .lightbox-image img {
	position:relative;
	z-index:2;
	background:#4d4e4f;
	}
.lightbox-image span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(http://www.ouinolanguages.com/French/images/magnify.png) no-repeat 50% 50%;
	z-index:1;
	}
