* {
	margin: 0;
	padding: 0;
}

body {
	background: #1b3066 url(../images/bg-main.gif) repeat-x;
	font: 90% Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 150%;
}

p {
	margin-bottom: 20px;
}

a {
	color: #fff;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
}

.split {	
	border-bottom: 1px solid #fff;
	margin: 10px 0 16px 0;
	height: 4px;
}

ul, ol {
	margin: 10px 24px;
}

ul li, ol li {
	margin-bottom: 4px;
}

ul li {
	list-style: none;
	background: url(../images/icon-bullets2.gif) no-repeat 2px 4px;
	padding-left: 26px;
}

/* Main container */
#container {
	clear: both;
	display: table;
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

/* Header style */
#header {
	width: inherit;
}

#header a {
	color: #fff;
	text-decoration: none;
}

/* Site title */
#site-info {
	float: left;
	width: 300px;
}

#site-info h3 {
	font: 50px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
}

#site-info h3 a {
	font-weight: lighter;
}

#site-info h1 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: -1px;
}

/* Top menu style */
#top-link {
	width: 520px;
	float: right;
	font: 16px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding-right: 0;
	padding-left: 0;
}

#top-link a {
	font-weight: lighter;
	padding-left: 20px;
	margin-right: 14px;
}

#top-link a.why, #top-link a.portfolio, #top-link a.clients, #top-link a.contact {
}

#top-link .blog {
	background: url(../images/icon-blog.png) no-repeat;
}

#top-link .why {
	background: url(../images/icon-why.png) no-repeat;
}

#top-link .portfolio {
	background: url(../images/icon-portfolio.png) no-repeat;
}

#top-link .clients {
	background: url(../images/icon-clients.png) no-repeat;
}
#top-link .contact {
	background: url(../images/icon-contact.png) no-repeat;
}
	

#top-link a:hover {
	text-decoration: underline;
}

#showcase {
	float: left;
	clear: both;
	width: inherit;
	margin: 40px 0 30px 0;
}

#showcase .banner {
	float: left;
	width: 450px;
	margin-right: 20px;
}

#showcase .services {
	float: left;
	width: 420px;
	font-size: 14px;
	margin-top: 30px;
	padding: 10px 0;
}

#showcase .services h3 {
	font-size: 16px;
	font-weight: bold;
	color: #bd6a14;
	margin-bottom: 4px;
}

#showcase .services h2 {
	font-size: 28px;
	font-weight: normal;
	letter-spacing: -1px;
}

#showcase ul {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

#showcase ul li {
	list-style: none;
	background: url(../images/icon-bullets.gif) no-repeat 2px;
	padding-left: 26px;
}

#about-me {
	clear: both;
	width: inherit;
	height: 106px;
	background: url(../images/bg-about-me.gif) no-repeat;
}

#about-me div {
	padding: 12px;
}

#about-me h3 {
	font: 20px Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
}

#about-me a {
	color: #fff;
}

#clients {
	float: left;
	clear: both;
	width: inherit;
	height: auto;
	background: url(../images/bg-clients.png) no-repeat;
	margin: 20px 0;
}

#clients h3 {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e7c900;
	margin-bottom: 8px;
}

#clients .myclients {
	float: left;
	width: 265px;
	margin-right: 10px;
	padding: 0 8px;
}

#clients .testimonial {
	float: left;
	width: 286px;
	margin-right: 10px;
	padding: 0 8px;
}

#clients .latestwork {
	float: left;
	width: 270px;
	padding: 0 8px;
}

#clients ul {
	margin: 16px 0;
	padding: 0;
	list-style: none;
}

#clients ul li {
	list-style: none;
	background: url(../images/icon-bullets2.gif) no-repeat 2px;
	padding-left: 26px;
}

/* Footer */
#footer {
	float: left;
	clear: both;
	width: 100%;
	font-size: 11px;
	padding: 10px 0;
	border-top: 2px solid #162b5e;
}

/* Main content container */
#content {
	float: left;
	clear: both;
	width: 100%;
	background: url(../images/bg-leftcol.png) no-repeat;
}

/* Main content columns */
#leftcol {
	float: left;
	width: 200px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	margin-right: 20px;
	padding: 40px 0;
}

#rightcol {
	float: left;
	width: 640px;
	padding: 40px 20px 40px 16px;
}

/* Page title */
h2.title {
	font: 30px Arial, Helvetica, sans-serif;
}

h3.subtitle {
	font: 18px Arial, Helvetica, sans-serif;
	color: #cd7214;
	margin-bottom: 30px;
}

/* Side menu styles */
ul.sidemenu {
	list-style: none;
	margin: 0 0 0 0 8px;
	padding: 0;
}

ul.sidemenu li {
	list-style: none;
	margin: 4px 0 8px 0;
	padding: 0;
}

ul.sidemenu li a {
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 28px;
	text-decoration: none;
}

ul.sidemenu li a:hover {
	color: #d7ce3a;
}

ul.sidemenu li a.home {
	background: url(../images/icon-home.png) no-repeat 2px;
}

ul.sidemenu li a.why {
	background: url(../images/icon-why.png) no-repeat 2px;
}

ul.sidemenu li a.blog {
	background: url(../images/icon-blog.png) no-repeat 2px;
}

ul.sidemenu li a.portfolio {
	background: url(../images/icon-portfolio.png) no-repeat 2px;
}

ul.sidemenu li a.clients {
	background: url(../images/icon-clients.png) no-repeat 2px;
}

ul.sidemenu li a.contact {
	background: url(../images/icon-contact.png) no-repeat 2px;
}

ul.showcase {
	float: left;
	clear: both;
	width: 100%;
	display: table;
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

ul.showcase li {
	float: left;
	list-style: none;
	margin: 0 10px 10px 0;
	padding: 0;
}

ul.showcase li img {
	border: 2px solid #253b72;
	border-bottom: 4px solid #253b72;
}

a.showcaselink {
	background: url(../images/icon-link.gif) no-repeat;
	font-size: 11px;
	padding-left: 26px;
}

/* Comments Form Style */
/* All form elements are within the definition list for this example */
dl {
	font: normal 12px/15px Arial;
    position: relative;
    width: 450px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
	font-weight: bold;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 300px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}

dl input, dl textarea {
	width: 100%;
	padding: 2px;
}

dl input.submit {
	width: 40%;
}

/* Testimonial ticker style */
ul#testimonials {
	list-type: none;
	padding: 3px;
	margin: 0;
}

ul#testimonials li {
	list-type: none;
	background: none;
	margin: 0;
	padding: 0;
}

.ocult { position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}