/* Body */

html body {
height: 100%;
}

.clear {
clear: both;
}

.clear#top-of-page {
height: 65px;
}

* html .clear#top-of-page {
height: 15px;
}

* {
margin: 0;
padding: 0;
}

body {
font:14px/18px Arial, Helvetica, sans-serif; 
color:#111; 
padding:40px 20px 20px 20px;
background: url(images/headerbg.gif) top repeat-x #ffffff;
height: 100%;
}

body a {
color: #C1140E;
text-decoration: none;
}

body a:hover {
text-decoration: underline;
}

.push {
height: 37px;
}

#mastercontainer { 
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -37px;
}

/* Header */

.logo {
float: left;
padding: 0;
width: 153px;
height: 21px;
background: url(images/logo.png) no-repeat;
text-indent: -9999px;
display: block;
margin: 11px 20px 0 0;
}

.logo a {
display: block;
width: 153px;
height: 21px;
}

.watch {
	float: left;
	margin-left: -84px;
}

.cash {
	float: right;
	margin-right: -150px;
}
.header {
width: 100%;
height: 43px;   
background: url(images/navbg.gif) repeat-x;
margin: 0;
padding: 0;
position: absolute;
top: 0px;
left: 0px;
position: fixed;
}

.header-container {
width: 800px;
margin: 0px auto;
padding: 0;
height: 43px;
color: #fff;
}

ul.nav {
float:  right;
list-style: none;
margin: 0; 
padding: 10px;
font-size: 11px;
}

ul.nav li {
float: left;
}

ul.nav li a {
float: left;
margin-left: 20px;
margin-top: 16px;
text-decoration: none;
color: #FFFFFF;
}

/* Scrollover Styling */

ul.nav a.scrollover {
color: #FFFFFF;
text-size: 12px;
margin-top: 16px;
}

ul.nav a.scrollover em:first-line {
color: #E31422;
margin-top: 16px;
}

/* Main Content */

.container {
width: 800px;
margin: 0px auto 0;
height: 100%;
clear: both;
}

.main-content {
width: 800px;
margin: 0 auto;
float: left;
height: auto;
min-height: 100%;
margin-right: 15px;
}

.post {
width: 800px;
margin: 0px 0px 15px;
}

* html .post {
margin-bottom: 0px;
}

ul.list-style {
list-style: url(images/marker_1.gif) outside;
padding-left: 10px;
margin: 3px 0px;
}

.post ul {
margin-top: 10px;
margin-left: 30px;
margin-bottom: 10px;
}

.post ol {
margin-top: 10px;
margin-left: 30px;
margin-bottom: 10px;
}

.post li.linkcat {
list-style: none;
}

.post li.linkcat h2 {
display: none;
}

.post li ul {
margin-left: 0px;
}

h1 {
font-size: 26px;

color: #111111;
letter-spacing: -1px;
line-height: 32px;
font-weight: bold;
margin-bottom: 10px;
}

h2 {
font-size: 28px;
line-height: 30px;
color: #C1140E;
letter-spacing: -1px;
font-weight: bold;
margin-bottom: 10px;
}

h2 a {
color: #111111;
text-decoration: none;
}

h3 {
font-size: 20px;
line-height: 24px;
color: #C1140E;
letter-spacing: -1px;
font-weight: bold;
margin-bottom: 10px;
}
h4 {
letter-spacing: -1px;
font-weight: bold;
margin-bottom: 10px;
}

.divider {
width: 530px;
height: 1px;
background: url(images/border.gif) repeat-x;
margin-top: 20px;
margin-bottom: 20px;
float: left;
}

.post-data {
float: left;
width: 530px;
height: 15px;  
background: url(images/border.gif) bottom repeat-x;
padding: 15px 0 15px;
margin-bottom: 15px;
}

* html .post-data {
margin-bottom: 15px;
}

*+html .post-data {
margin-bottom: 15px;
}

.post-data a {
color: #2279a6;
text-decoration: none;
}	

.post-data img {
margin-right: 10px;
}

.post p {
margin-top: 10px;
margin-bottom: 10px;
}

img {
max-width: 750px;
}

img a {
border: 0;
}

.entry .left {
float: left;
margin: 0 5px 0 0;
}

.entry .right {
float: right;
margin: 0 0 0 5px;
}

.entry {
line-height: 20px;
}

.entry code {
font-family: Courier;
}

.entry blockquote {
padding: 20px;
font-style: italic;
}

.pages {
line-height: 20px;
background: url(images/border.gif) bottom repeat-x;
padding-bottom: 15px;
}

.pages p {
margin: 10px 0;
}

.bottom-nav {
width: 520px;
margin: 15px 0px 30px;
position: relative;
z-index: 99;
}

.bottom-nav a {
color: #232323;
text-decoration: none;
}

.bottom-nav-left {
float: left;
}

.bottom-nav-right {	
float: right;
}

/* Side Bar */

.sidebar {
width: 205px;
margin: 0;
padding-left: 10px;
float: left;
background: url(images/side-border.gif) left repeat-y;
}

.sidebar ul, .sidebar li {
margin: 0;
padding: 0;
}

.sidebar ul {
margin-left: 25px;
}

.sidebar ul li ul { 
margin-bottom: 15px;
margin-left: 0px;
}

.sidebar li.widget {
list-style: none;
margin: 0 0 15px;
padding: 0;
}

.sidebar li.widget ul li {
list-style-image: url(images/bullet.gif);
padding: 3px 0px 5px 0px;
margin-bottom: 3px;
}

.sidebar ul li {
list-style: none;
}

.sidebar li.linkcat h2 {
display: none;
}

.sidebar li.linkcat {
margin-top: -15px;
}

* html .sidebar li.linkcat {
margin-top: -10px;

}
*+html .sidebar li.linkcat {
margin-top: -10px;
}

.sidebar ul li ul li {
list-style-image: url(images/bullet.gif);
padding: 5px 0px 5px 0px;
margin-bottom: 3px;
}

.sidebar ul li ul li ul {
	margin-top: 10px;
	margin-bottom: -5px;
}

.sidebar ul li a {
text-decoration: none;
color: #2279a6;
}

.sidebar ul li a:hover {
text-decoration: underline;
}

.sidebar ul li a {
text-decoration: none;
color: #2279a6;
}

.sidebar ul li a:hover {
text-decoration: underline;
}

.sidebar h2 {
margin: 0px 0 10px -15px;
padding: 0px;
}

.sidebar .textwidget {
margin-left: -15px;
width: 180px;
line-height: 18px;
}

.sidebar #search {
margin-left: -15px;
}

.sidebar #search .search {
border: 1px solid #9a9a9a;
width: 135px;
float: left;
height: 13px;
padding-top: 3px;
font-size: 10px;
padding-left: 5px;
}

.sidebar ul li#search form#searchform input{
display: none;
}

#wp-calendar {
margin-left: -15px;
margin-top: -25px;
}

#wp-calendar caption {
font-size: 18px;
color: #111111;
letter-spacing: -1px;
font-weight: bold;
margin-bottom: 10px;
margin-left: -10px;
}

.sidebar ul li.widget_tag_cloud h2 {
margin-left: 0px;
}

.sidebar ul li.widget_tag_cloud {
margin-left: -15px;
}



/* Footer */

#footer {
width: 100%;
height: 37px;
background: url(images/footerbg.gif) repeat-x;
clear: both;
font-size: 10px;
text-align: center;
padding-top: 10px;
bottom: 0;
}

#footer a {
text-decoration: none;
color: #232323;
}

#footer img {
margin-bottom: -1px;
margin-left: 3px;
}

.hilite {
	color: #C9313D;
	size: 1.3em;
}

#block_portfolio {

	margin-bottom:20px;
}
#portfolio_items {
	width:615px;
	margin-right:25px;
	float:left;
	min-height:100px;
	padding-top:3px;
}
#text_column {
	float:right;
	width:310px;
}
#text_column img { margin-bottom:20px; position:relative; left:-3px;}
#text_column h2#text_title { 
	text-indent:-9999px;
	background-image:url(images/creatif.jpg);
	background-repeat:no-repeat;
	width:310px;
	height:50px;
}
#text_column .separator {
	border-top:1px solid #e3e3e3;
	margin-top:20px;
	padding-top:20px;
}
.mini_portfolio_item {
	border:1px solid #a3a09e;
	margin-bottom:10px;

}
.mini_portfolio_item .block_inside { 
	background:none; background-color:#ebebeb; 
	padding:25px 30px 15px 30px; 
}


.white_frame { 
	border:1px solid #a3a09e;
	background:none; background-color:#ffffff; 
	padding:25px 30px 15px 30px; 
	width: 75%;
	margin: 0px auto;
}
.block_inside blockquote {
	margin-top: 0pt;
	margin-right: -20px;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #ebebeb;
}
.block_inside pre.code {
	border-top:1px solid #acacac;
	border-bottom:1px solid #acacac;
	background-color:#ebebeb;
	margin:0px;
	padding:20px;
	padding-bottom:13px;	
	margin-bottom:20px;	
	font-family:Monaco, "Courier New", Courier, monospace;	
}


.input, textarea, select {
	border:1px solid #e5e5e5;
	padding:4px;
	color:#333333;
}
.sig {
	text-align: right;
	font-weight: bold;
}

.paper1btm {
	background-image: url(images/bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 165px;
	margin:0px;
	padding:0px 45px 25px;
}
.paper1top {
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 165px;
	padding-right: 45px;
	padding-left: 45px;
	padding-top: 25px;
}

.paper1 { /* this is the opt-in email box with rounded corners */
	background-image: url(images/fill.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	height:auto;
	min-height:300px;
}
.paper1content p {
	line-height: 26px;
}
.paper1content {
	text-align: left;
	padding-right: 45px;
	padding-left: 45px;
}

blockquote { /* this creates a blockquote with a single quotation mark on the left side and indents the text to fit */
	background-image: url(images/blockquote.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 60px;
	margin-top: 0px;
	margin-bottom: 25px;
	background-color: #FFF;
}
.shadowbox { /* this styles the box that looks like the lower right corner is turned up */
	background-color: #FFFFFF;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: left;
}
.sbcontent { /* shadow box content styles */
	padding: 15px;
	border: 1px solid #E2E2E2;
	width: 80%;
	background-color: #F3F3F3;
	background-image: url(images/shadowbox-corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.sbshadow { /* div for page curl shadow below box */
	background-image: url(images/shadowbox-shadow.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 28px;
	width: 80%;
}
.shadowbox h3 {
	color: #004B8C;
}
ul.greencheck {
	line-height: 18px;
}
.greencheck li {
	list-style:none;
	padding: 0 0 10px 35px;
	background-image: url(images/checkmark-sm.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.redstop {
	line-height: 18px;
}
.redstop li {
	list-style:none;
	padding: 0 0 10px 35px;
	background-image: url(images/stop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.stickywrap {
}
.stickynote {
	background: url(images/stickynote.jpg) no-repeat left top;
	padding: 38px 40px 35px 60px;
	height: 261px;
	width: 260px;
	font: 18px/22px "Courier New", Courier, monospace;
	text-align: center;
	float: left;
}
.testimonial { /* this styles the box that looks like the lower right corner is turned up */
	background-color: #FFFFFF;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: left;
}
.tcontent { /* shadow box content styles */
	padding: 15px;
	border: 1px solid #E2E2E2;
	width: 100%;
	background-color: #F3F3F3;
	background-image: url(images/shadowbox-corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.tshadow { /* div for page curl shadow below box */
	background-image: url(images/shadowbox-shadow.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 28px;
	width: 100%;
}
.testimonial h3 {
	color: #004B8C;
}
.paper3btm {
	background-image: url(images/paper1-btm.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 40px;
	margin:0px;
	padding:0px;
}
.paper3top {
	background-image: url(images/paper1-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 73px;
}

.paper3 { 
	background-image: url(images/paper1-fill.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 475px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	height:auto;
	min-height:300px;
}
.paper3content p {
	line-height: 26px;
}
.paper3content {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	font-family: "Courier New", Courier, monospace;
	padding-right: 35px;
	padding-left: 35px;
}
/* flowplayer 8?
	/* these two settings will remove borders from playlist entries */
	a:active {  outline:none; }
	:focus   { -moz-outline-style:none; }
	
	
	/* container has a background image */
a.player {	
	margin-top:40px;
	display:block;
	margin-left: 40px;
	width:600px;
	height:400px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 60px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

/* splash image */
a.player img {
	margin-top:115px;
	border:0;	
}


	

#pl {
	height:80px;
	background:#f5fbfb url(flowplayer/h150.png) repeat-x;	
	border:1px solid #ddd;
	width:700px;
	position:relative;
	overflow:hidden;
	padding:5px 0;
	float:left;
}

#pl div.entries {
	height:80px;
	position:absolute;
	width:10000em;
}

#pl div.entries a {
	background:transparent url(flowplayer/entry.png) no-repeat scroll 0%;
	color:#666;
	float:left;
	font-family:"bitstream vera sans","lucida grande","verdana";
	font-size:11px;
	height:60px;
	margin:0px 4px;
	padding:10px;
	text-decoration:none;
	width:117px;
	
}

#pl div.entries a:hover {
	background-position:-140px 0;
	color:#000;
}

#pl div.entries a.playing {
	background-position:-280px 0;		
	color:#000;
}

#pl div.entries a.paused {
	background-position:-420px 0;		
	color:#000;
}

#pl div.entries a.progress {
	opacity:0.8;
}

#pl div.entries em {	
	float:right;
	margin-top:15px;
	color:red;
	font-style:normal;
}

a.nextPage, a.prevPage {
	display:block;
	width:18px;
	height:18px;
	background:url(flowplayer/left.png) no-repeat;
	margin:30px 10px;
	cursor:pointer;
	float:left;
}

a.nextPage:hover, a.prevPage:hover {
	background-position:0px -18px;		
}

a.nextPage {
	background-image:url(flowplayer/right.png);	
}

a.nextPage.disabled, a.prevPage.disabled {
	visibility:hidden;		
}

/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 715px;	 
	height:300px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
	border:1px solid #222;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}



/* single item */
#thumbs div {
	float:left;
	width:135px;
	height:215px;
	background:#333 url(flowplayer/h150.png) repeat-x 0 148px;
	color:#fff;
	border-left:1px solid #333;
	cursor:pointer;
	padding: 8px;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#444;	
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#C1140E;
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:5px;
	padding-top: 10px;
	padding-bottom: 5px;		
	color:#fff;	
	text-align: center;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:300px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(flowplayer/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	
.style1 {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}
.style2 {color: #990000}
.style3 {
	font-size: 20px;
	font-weight: bold;
	color: #990000;
}

#orderform {
	width: 500px;
	margin: 0px auto 20px;
	text-align:center;
	/*border: 1pt solid #CCCCCC;*/
	border: 3pt solid #91c6cf;
	background: #d7f0f5;
	padding: 15px;
	background-image:url(images/order_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
.style4 {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}
.style5 {
	font-size: 18px;
	color: #990000;
	font-weight: bold;
	font-style: italic;
}
.style6 {
	font-size: 12px;
	color: #666666;
}
.style7 {
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	font-style: italic;
}
.style8 {font-size: 12px; color: #333333; }
.style9 {
	color: #283033;
	font-weight: bold;
	font-size: 18px;
}
.style10 {font-size: 18px}
.style12 {font-size: 18px; font-weight: bold; }
.style13 {
	color: #69A23D;
	font-weight: bold;
	font-size: 16px;
}
.style14 {color: #666666}
.style16 {font-size: 12px}
.style38 {	font-size: 16px;
	font-weight: bold;
}
.style40 {
	font-size: 10px;
	color: #666666;
}
.style42 {
	color: #999999;
	font-weight: bold;
	font-size: 10px;
}
.style43 {
	font-size: 10px;
	font-weight: bold;
}
.style44 {
	color: #9900CC;
	font-weight: bold;
	font-size: 18px;
}
.style45 {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #990000;
}
.style49 {
	color: #193248;
	font-style: italic;
	font-weight: bold;
}
.style50 {
	font-size: 24px;
	font-weight: bold;
}
.style51 {color: #333333}
.style54 {color: #28545B}
.style56 {
	color: #990000;
	font-size: 36px;
	font-weight: bold;
}
.style57 {font-size: 16px; font-weight: bold; color: #91C6CF; }
.style58 {color: #999999}
.style59 {font-size: 27px; font-weight: bold; }