{ margin:0; padding:0;}
body {
	background:#f9f9f9;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:102%;
	color:#333;
	min-width:971px;
}

input, textarea, select { font-family:Tahoma, Geneva, sans-serif; font-size:1em;}

object { vertical-align:top;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0;}
.inner .title h2{
	color: #000000;
}

.tail-top { background:url(../images/tail-top.gif) left top repeat-x #fff;}
.tail-top-right { height:560px; position:absolute; width:50%; right:0; top:0; background:url(../images/tail-top-right.gif) repeat-x right top;}
.tail-bottom { background:url(../images/tail-bottom.gif) left bottom repeat-x;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {
	border:0;
	vertical-align:top;
	text-align:left;
}

.form {
	margin-bottom:10px;
}
.form input { background:none; border:0; color:#777; padding:7px 0 0 10px; line-height:1.08em; width:168px;}

.form1 { height:42px;}
.form1 input {width:179px; padding:1px 0 1px 3px; background:#fff; border-top:2px solid #7d7d7d; border-left:2px solid #7d7d7d; border-bottom:1px solid #cad2d5;  border-right:1px solid #cad2d5;}
textarea {
	overflow:auto;
	background:#fff;
	border-top:2px solid #7d7d7d;
	border-left:2px solid #7d7d7d;
	border-bottom:1px solid #cad2d5;
	border-right:1px solid #cad2d5;
	padding:1px 0 0 3px;
}

form .buttons { text-align:right; padding-top:14px;}
form .buttons a { margin-left:13px;}


/*==================list====================*/
ul {
	list-style:none;
	margin-left: -32px;
}



/*==================top menu====================*/

/*.site-nav li { float:left; margin-right:-5px;}
.site-nav li.alt { position:relative;}*/

.site-nav li {
	float:left;
	margin-right:-5px;
	background-image:url(../images/divider.gif);
	height: 59px;
	padding: 0 15px;
	background-image: url(../images/divider.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.site-nav li a{ line-height: 5em; color:#333; text-transform:uppercase; font-size:110%; text-decoration:none;}

/*active states on menus set by body class */

body.homepage .site-nav li.home, 
body.what .site-nav li.what, 
body.costs .site-nav li.costs, 
body.examples .site-nav li.examples,
body.etube .site-nav li.etube,
body.order .site-nav li.order,
body.faqs .site-nav li.faqs{ float:left; margin-right:-5px; background-image:url(../images/m1-act.gif); background-repeat:repeat-x; height: 64px;}

body.homepage .site-nav li.home a, 
body.what .site-nav li.what a, 
body.costs .site-nav li.costs a, 
body.examples .site-nav li.examples a,
body.etube .site-nav li.etube a,
body.order .site-nav li.order a,
body.faqs .site-nav li.faqs a{ color:#fff;}


.site-nav li.alt { position:relative; height:64px;}


.footer-nav { width:100%; overflow:hidden; padding-bottom:7px;}
.footer-nav li { float:left; text-transform:uppercase; font-size:.91em; font-family:Arial, Helvetica, sans-serif; padding-right:8px; margin-right:8px; border-right:1px solid #4a4a4a; line-height:1.08em;}
.footer-nav li a { color:#4a4a4a; text-decoration:none;}
.footer-nav li a:hover { text-decoration:underline;}
.footer-nav li.last { border:0; margin:0; padding:0;}

.list li { padding:0 0 8px 11px; background:url(../images/marker-1.gif) no-repeat left 7px;}
.list li a { color:#fff;}
.list li.last { padding-bottom:6px;}

.list1 li { padding-bottom:24px;}
.list1 li span { display:block; color:#313030; font-size:.82em;}
.list1 li b { display:block; text-transform:uppercase;}

.list2 { padding-bottom:3px;}
.list2 li {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	background-image: url(images/tick-green#.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	list-style-position: outside;
	list-style-image: url(images/tick-green.gif);
}
.list2 li a { color:#7897cd;}

.list3 { margin-top:-20px;}
.list3 li { padding-top:20px; width:100%; overflow:hidden; vertical-align:bottom;}
.list3 li li { padding-top:0;}

.list4 { width:100%; overflow:hidden; padding-bottom:23px;}
.list4 li { float:left; margin-right:58px;}
.list4 li.last { margin-right:0;}


/*==================other====================*/
.img-box img { margin-bottom:9px; display:block;}
.img-box p { color:#989797;} 

.img-box1 { width:100%; overflow:hidden;}
.img-box1 img { float:left; margin:0 20px 0 0;}

.p1 { margin-bottom:6px;}
.p2 { margin-bottom:12px;}

.phone { float:right; margin-right:115px;}


/*==================txt, links, lines, titles====================*/
a {color:#d52d00; outline:none;}
a:hover{text-decoration:none;}

h3 { font-size:1em; margin-bottom:15px;}
h4 { font-size:1em;}

.txt1 { color:#7897cd;}

.link { color:#652777;}
.link1 { color:#ea018a;}
.link2 { color:#7897cd;}
.link3 { color:#313030; display:inline-block; cursor:pointer;}
.link3 span { display:inline-block; padding-right:23px; background:url(../images/rss.gif) no-repeat right 4px;}

.link,
.link1,
.link2,
.link3 { 
	font-weight:bold; display:inline-block; text-decoration:none; padding-left:9px; background:url(../images/marker-2.gif) no-repeat left 8px; line-height:1.82em;
}

.link:hover,
.link1:hover,
.link2:hover,
.link3:hover span { 
	text-decoration:underline;
}

.link4 { float:right; color:#7897cd; margin-right:115px}

.divider1 { background:url(../images/line.gif) repeat-y 457px 0;}
.divider2 { background:url(../images/line.gif) repeat-y 700px 0;}
.divider3 { background:url(../images/line.gif) repeat-y 222px 0;}
.line-hor {
	background:url(../images/line-1.gif) repeat-x top;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	display: block;
	clear: both;
	margin-top: 22px;
	margin-right: 0;
	margin-bottom: 22px;
	margin-left: 0;
}

.title { margin-bottom:12px;}


/*==================boxes====================*/
.box1 {
	width:100%;
	background-color: #4EAD32;
}
.box2 { background:#ea018a; width:100%;}
.box3 { background:#7897cd; width:100%;}
.box4 { background:#f9c509; width:100%;}

.box5 { background:url(../images/border-left.gif) repeat-y left #f9c509; width:100%;}
.box5 .inner { padding:25px 25px 23px 28px;}

.box1 .inner,
.box2 .inner,
.box3 .inner,
.box4 .inner {
	padding-top: 24px;
	padding-right: 20px;
	padding-bottom: 28px;
	padding-left: 30px;
}

.box1 .emptyinner,
.box2 .emptyinner,
.box3 .emptyinner,
.box4 .emptyinner { 
	padding:10px 20px 10px 30px;
}

.box1 .title,
.box2 .title,
.box3 .title,
.box4 .title { 
	margin-bottom:22px;
}

.box1 p,
.box2 p,
.box3 p,
.box4 p {
	color:#000000;
}


/*header*/
#header .fleft { padding:5px 0 0 36px;}
#header .fright { padding-right:3px;}
#header .slogan { position:absolute; left:95px; top:206px;}
#header .button {
	position:absolute;
	left:374px;
	top:354px;
}

/*content*/
#content {
	padding-bottom:16px;
}
#content .indent {
	padding-top: 14px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}
#content .indent1 {
	padding-top:12px;
}
#content .indent2 {
	padding-left:24px;
}
#content .indent3 { padding-bottom:38px;}

/*footer*/
#footer .indent {
	padding-top:15px;
}
#footer p { color:#4a4a4a; text-transform:uppercase; font-size:.91em; font-family:Arial, Helvetica, sans-serif;}
#footer p a { color:#4a4a4a;}

/*==========================================*/
.site-nav .order {
	font-weight: bold;
}
.box-feature {
	border: 1px dotted #EA3AB2;
	background-color: #FFFFCC;
	padding: 4px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
.action1 {
	background-color: #FFFFCC;
	border: 1px dotted #333333;
	padding: 12px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.action2 {
	background-color: #FFCC66;
	padding: 12px;
	border: 1px dotted #0066CC;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.left-inset1 {
	float: left;
	width: 110px;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #D54B28;
	margin-right: 12px;
	padding-right: 6px;
}
.row-1  a {
	background-color: #FFFFFF;
	padding: 1px;
}
#inscription {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
	padding: 12px;
	margin-top: 16px;
	font-size: 90%;

}
#main-form {
	background-color: #dedede;
	margin: 4px;
	padding: 6px;
	border: 1px solid #999999;
}
.faq-q {
	color: #FF0AA0;
	margin-top: 4px;
	list-style-type: circle;
}
.faq-a {
	color: #666666;
}
.fleft h1 {
	font-size: 11px;
	padding-top:15px;
	margin-left:-12px;
}
.list5 {
	padding: 3px;
	margin: 6px;
	list-style-image: none;
}
.list5 li {
	background-color: #FFFFCC;
	padding-top: 1px;
	margin-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFCC33;
	font-family: "Lucida Console", "Courier New", Courier, monospace;
	padding-left: 12px;
}
.portfolio-item {
	float: left;
	font-size: 80%;
	color: #999999;
	width: 325px;
	padding: 6px;
}
.portfolio-grid {
	clear: both;
	display: block;
}
.box-feature h4 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 100%;
}
#order h3 {
	border-top-width: 2px;
	border-top-style: double;
	border-top-color: #CCCCCC;
}
#order .button {
	font-size: 120%;
}
