/* CSS Document
* author: dynamic-e-motion http://www.dynamic-e-motion.com    */

/* Body
*************************************************/
* {
	margin: 0px;
	padding: 0px;
}

body {
	text-align: center;
	color: #000000;
	font: normal 16px/22px Arial, Helvetica, sans-serif;
	background: url(../pictures/bgd/texture.jpg) no-repeat center 0px;
	-webkit-background-size: 1600px 1500px;
}

/* Headings
*************************************************/
h1 { }

h2 {
	font-size: 26px;
	line-height: normal;
	margin-bottom: 15px;
	font-weight: normal;
	text-shadow: 2px 2px 2px #CCC;
}

h3 { font: normal 16px/22px Arial, Helvetica, sans-serif; }

/* Links
*************************************************/
a {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}

a:hover {
	text-decoration: underline;
	color: #666666;
	margin: 0px;
	padding: 0px;
}

.link-arrow a {
	background: url(../pictures/btn/arrow-link.png) no-repeat left top;
	margin: 0px;
	padding: 0px 0px 0px 25px;
	height: 23px;
	display: block;
}

.link-arrow a:hover {
	background: url(../pictures/btn/arrow-link.png) no-repeat left bottom;
	margin: 0px;
	padding: 0px 0px 0px 25px;
	height: 23px;
}

/* Main Containers
*************************************************/
#main_container {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	position: relative;
	text-align: left;
}

.bloc940 {
	height: 275px;
	margin-top: 20px;
	width: 100%;
}

.blocOneCol {
	height: auto;
	margin-top: 20px;
	width: 100%;
}

.blocOneCol h2 { text-shadow: none; }

.bloc940-2 {
	height: 240px;
	margin-top: 30px;
	width: 100%;
}

.bloc620 {
	height: 240px;
	width: 640px;
	float: left;
	background: url(../pictures/bgd/bgd-bloc620.png) no-repeat left top;
	margin: 0px;
}

.box300 {
	height: 255px;
	width: 280px;
	margin-right: 20px;
	float: left;
	background: transparent url(../pictures/bgd/bgd-bloc300.png) no-repeat center top;
	padding: 10px;
}

.box300Testimonial {
	height: 220px;
	width: 280px;
	float: left;
	padding: 10px;
	margin: 0px 20px 0px 0px;
}

.box300TestimonialMiddle {
	height: 220px;
	width: 280px;
	float: left;
	padding: 10px;
	margin: 0px;
}

.box300right {
	height: 255px;
	width: 280px;
	float: left;
	background: transparent url(../pictures/bgd/bgd-bloc300.png) no-repeat center top;
	padding: 10px;
}

.box300TestimonialRight {
	height: 220px;
	width: 280px;
	float: left;
	background: transparent url(../pictures/bgd/bgd-bloc300-testimonial.png) no-repeat center top;
	padding: 10px;
}

/* Client
*************************************************/
.blocOneColClient {
	height: auto;
	margin-top: 20px;
	width: 100%;
}

.blocOneColClient h1 {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

.blocOneColClient h2 {
	text-shadow: none;
	font-size: 18px;
	font-weight: normal;
	margin: 25px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: #FEFDED;
}

.blocOneColClient h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 8px 0px 0px;
	padding: 0px 0px 0px 20px;
}

.blocOneColClient p {
	padding-left: 40px;
	font-size: 14px;
}

/* Navigation
*************************************************/
#nav {
	height: 50px;
	margin: 5px 0px 0px;
	padding: 0px;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: 11px;
}

.nav_btn {
	width: 130px;
	height: 31px;
	float: right;
	text-align: center;
	margin: 0px 0px 0px 2px;
	padding: 0px;
}

.nav_btn a {
	margin: 0px;
	padding: 7px 0px 0px;
	display: block;
	height: 24px;
	background: url(../pictures/menu/btn-nav-close.png) no-repeat left top;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}

.nav_btn a:hover {
	margin: 0px;
	padding: 7px 0px 0px;
	color: #CCCCCC;
	text-decoration: none;
}

.nav_btnOpen {
	width: 130px;
	height: 42px;
	float: right;
	text-align: center;
	margin: 0px 0px 0px 2px;
	padding: 0px;
}

.nav_btnOpen a {
	margin: 0px;
	padding: 7px 0px 0px;
	display: block;
	height: 35px;
	background: url(../pictures/menu/btn-nav-open.png) no-repeat left top;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}

.nav_btnOpen a:hover {
	margin: 0px;
	padding: 7px 0px 0px;
	color: #CCCCCC;
	text-decoration: none;
}

/* Header
*************************************************/
#header {
	height: 135px;
	width: auto;
	margin: 15px 0px 0px;
}

#header h1 {
	color: #000000;
	font: normal 16px/22px Arial, Helvetica, sans-serif;
}

#title {
	height: 135px;
	width: 620px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#login {
	height: 135px;
	width: 320px;
	float: left;
}

/* Footer
*************************************************/
#footer {
	font-size: 11px;
	width: 100%;
	margin: 30px 0px 0px;
	padding: 0px 0px 50px;
	height: 105px;
	line-height: normal;
	background: url(../pictures/bgd/bgd-footer.png) no-repeat left top;
	float: left;
}

.footerblocleft {
	float: left;
	width: 175px;
	height: 91px;
	margin: 0px;
	padding: 14px 0px 0px 45px;
	text-align: left;
}

.footerblocleft img {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

.footercenter {
	float: left;
	width: 500px;
	text-align: center;
	height: 85px;
	padding: 20px 0px 0px;
}

.footerblocright {
	float: left;
	width: 205px;
	height: 85px;
	padding: 20px 0px 0px 15px;
}

#footer h2 {
	font-size: 14px;
	text-shadow: none;
	font-weight: bold;
	line-height: normal;
	margin: 0px;
	padding: 0px 0px 5px;
}

.footerFirstLink { padding-top: 0px; }

/* Login
*************************************************/
#blocLogin {
	height: 150px;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 0px 350px;
}

/* Btn
*************************************************/
.btn-login {
	height: 43px;
	width: 152px;
	margin: 85px 0px 0px 80px;
	padding: 0px;
}

.btn-login a {
	height: 43px;
	width: 152px;
	display: block;
	background: url(../pictures/btn/contact.png) no-repeat left top;
}

.btn-login a:hover { background: url(../pictures/btn/contact.png) no-repeat left -43px; }

.btn-contact {
	height: 43px;
	width: 152px;
	float: left;
}

.btn-contact a {
	height: 43px;
	width: 152px;
	display: block;
	background: url(../pictures/btn/contact.png) no-repeat left top;
}

.btn-contact a:hover { background: url(../pictures/btn/contact.png) no-repeat left -43px; }

/* Portfolio
*************************************************/
#portfolio {
	width: 940px;
	height: 325px;
	background: url(../pictures/infinitecarousel/bgd-carousel.png) no-repeat left top;
	font-size: 12px;
	line-height: normal;
	padding: 25px 0px 0px;
}

.portfolioCaption {
	text-align: center;
	padding-top: 0px;
}

#carousel {
	overflow: hidden;
	height: 290px;
	width: 934px;
	margin: 0px;
	padding: 0px;
}

.textholder {
	font: 14px Arial, Helvetica, sans-serif;
	padding: 2px 4px 0 4px;
}

/* Blocquote
*************************************************/
#blocquote {
	height: 45px;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	padding: 8px 0px 0px;
	font-size: 16px;
	line-height: 22px;
}

/* Text
*************************************************/
.textBig {
	margin: 0px;
	padding: 0px 0px 10px;
}

.textSmall {
	font-size: 13px;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px;
}

.textSmallNoPadding {
	font-size: 13px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}

.textFile {
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-style: normal;
	font-weight: normal;
}


.services {
	font-size: 13px;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 0px 25px;
}

/* Tooltip
*************************************************/
.qtip-content {
	font-size: 12px;
	line-height: 18px;
}

/* Images
*************************************************/
.adobe { padding-right: 5px; }

.connect {
	padding: 0px 5px 0px 0px;
	margin: 0px;
	float: left;
}

.connect-last {
	height: 32px;
	width: 32px;
	padding: 0px;
	margin: 0px;
	float: left;
}

.logoSmall {
	margin: 0px 0px 10px;
	padding: 0px 0px 5px;
}

/* Other
*************************************************/

.updated {
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	padding: 0px 0px 0px 15px;
	color: #666666;
}