@import url("ie6.css");
* {
	padding:0px;
	margin:0px;
}
html {
	height: 100%;
}
body {
	background:#ffffff url(http://www.modulusmedia.ca/resources/images/bg_main.gif) repeat-x top center;
	font: 13px/18px "Trebuchet MS", Arial, sans-serif;
	color: #616161;
	text-align: center;
	margin:0px;
	padding:10px 0px 12px 0px;
}
h1, h2, h3, h4, h5, h6, p {
	padding-top:.5em;
	padding-bottom:3px;
}
a img {
	border:none;
	cursor:pointer;
}
a:link, a:visited {
	color:#c60000;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	text-decoration:underline;
}
fieldset {
	border:none;
}
#wrapper {
	background:#FFFFFF url(http://www.modulusmedia.ca/resources/images/background-wrapper.jpg) no-repeat top;
	z-index:2;
	margin: 0px auto 0px;
	padding: 0px;
	width: 820px;
	text-align: left;
	border:1px solid #e9e9e9;
	position:relative;
}
#top {
	text-align: center;
}
#logo {
	float: left;
	margin: 18px 0px 0px 25px;
	position: relative;
	z-index: 3;
	clear:right;
}
#nav {
	float:left;
	clear:both;
	list-style: none;
	margin: 0px 0px 0px 29px;
	padding: 0px;
	position:relative;
	z-index: 4;
	width:96%;
}
#nav li {
	display:inline;
}
#nav li a:link, #nav li a:visited {
	display:block;
	float:left;
	color: #616161;
	text-transform: uppercase;
	font-size: 13px;
	text-align: center;
	font-weight:bold;
	padding: 4px 17px 3px;
	margin: 20px 5px 0px 0px;
}
#nav li a:hover, #nav li a.active {
	background:#c60000;
	text-decoration:none;
	color:#FFFFFF;
}
#nav li a span.first {
	padding:0px 6px;
	width:60px;
}
#header {
	clear: both;
	padding-top: 5px;
}
#container {
	position:relative;
	overflow: hidden;
}
#content {
	float:right;
	width:523px;
	margin: 19px 28px -9999px 0px;
	padding:0px 0px 9999px 25px;
	border-left:5px solid #c60000;
}
#content h1 {
	margin: 0px 0px 0px -2px;
	padding: 0px;
	text-transform: uppercase;
	font: normal 24px "Trebuchet MS", Arial, sans-serif;
	color: #c60000;
}
#content .lead {
	text-transform: uppercase;
	font-weight: bold;
}
#content ul {
	margin:10px 40px;
}
#sidebar {
	width:239px;
	padding:0px;
	float:left;
	margin-left:0px;
	text-align:right;
	margin-top:19px;
	min-height:930px;
	height: auto !important;
	height: 930px;
}
#sidebar .subnav {
	list-style:none;
	padding:0px;
	margin:73px 0px 0px 0px;
	float:right;
	width:210px;
}
#sidebar .subnav li {
	display:block;
	text-align:right;
	margin-bottom:11px;
}
#sidebar .subnav li a:link, #sidebar .subnav li a:visited {
	padding:4px 20px;
	margin-bottom:1px;
	line-height:18px;
	display:block;
}
#sidebar .subnav li a:hover, #sidebar .subnav li a.active {
	color:#FFFFFF;
	background:#c60000;
	text-decoration:none;
}
#client {
	width:211px;
	position:absolute;
	bottom:0px;
	left:8px;
	z-index:3;
}

#client h2, .rfph2 {
	margin:0px;
	padding:0px;
	color:#c60000;
	text-transform:uppercase;
	font-weight:normal;
	font-size:18px;
}
#client h3, .rfph3 {
	margin:0px;
	padding:0px;
	color:#767676;
	text-transform:uppercase;
	font-weight:normal;
	font-size:12px;
}
#client form#login label {
	color:#adadad;
	font:12px "Trebuchet MS", Arial, sans-serif;
	text-align:right;
}
#client p {
	line-height:1em;
	padding:0px;
	margin:0px;
}
#client form#login {
	text-align:right;
}
#client form#login input.submit {
	color:#FFFFFF;
	background:#c60000;
	border:none;
	display:block;
	float:right;
	clear:both;
	font:12px "Trebuchet MS", Arial, sans-serif;
	text-transform:uppercase;
	margin-top:10px;
	padding:2px 4px 0px;
	cursor:pointer;
	line-height:1.4em;
}
#client form#login .submit:hover {
	background:#e72929;
}
span.error {
	color:#993300;
	display:block;
	font-size:11px;
}
#footer {
	padding-top:19px;
	clear:both;
	overflow:hidden;
	background: #FFFFFF;
}
#footerleft {
	width:211px;
	border-top:5px solid #e5e5e5;
	float:left;
	margin-left:28px;
}
#footerright {
	width:521px;
	border-top:5px solid #e5e5e5;
	float:left;
	margin-right:28px;
	margin-left:5px;
	font-size:11px;
	color:#ababab;
	padding:10px 0px 10px 25px;
}
#footerright p {
	padding:15px 0px;
	margin:0px;
	line-height:1em;
}
/* Verso Editor Styles*/
.maintext {
	background:#FFFFFF;
	text-align:left;
}
#topwrap {
	position:absolute;
	left:-10px;
	top:-10px;
	background: url(http://www.modulusmedia.ca/resources/images/topright.png) no-repeat right top;
	width:841px;
}
#leftwrap {
	position:absolute;
	left:-10px;
	top:0px;
	background: url(http://www.modulusmedia.ca/resources/images/right.png) no-repeat right top;
	width: 841px;
	z-index:1;
}
#bottomwrap {
	position:absolute;
	left:-10px;
	bottom:-10px;
	background: url(http://www.modulusmedia.ca/resources/images/bottomright.png) no-repeat right top;
	width:841px;
	z-index:-1;
}
#rightwrap {
	position:absolute;
	left:-10px;
	bottom:0px;
	background: url(http://www.modulusmedia.ca/resources/images/right2.png) no-repeat right top;
	width: 841px;
	z-index:-1;
}
.workcat {
	display:block;
	text-transform: uppercase;
	font: normal 1.20em "Trebuchet MS", Arial, sans-serif;
	color: #c60000;
	clear:both;
	margin-left:0px;
}
.works {
	width:160px;
	float:left;
	height:150px !important;
	margin-right:13px;
}
.worktitle {
	font-size:14px;
	margin-left:10px;
}
.worksimg {
	display:block;
	padding:18px;
	width:135px;
	background: url(http://www.modulusmedia.ca/resources/images/bgr_works.jpg) no-repeat left top;
}
.worksimg img {
	width:132px;
	display:block;
	filter:gray alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.worksimg img:hover {
	width:132px;
	display:block;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.works-productName {
	font-size:11px !important;
	font-weight:normal;
	margin-left:0px;
	padding:3px 0 0 4px !important;
	color:#666666 !important;
	text-transform:uppercase;
	display:block;
	line-height:13px;
}
.works-productName:hover {
	text-decoration:none;
}
p.short_description {
	color:#616161;
	font-size:11px;
	line-height:1.2em;
	margin-left:10px;
}
p.description {
	font-size:.83em;
	line-height:1em;
	padding:0px;
	margin:0px;
	margin-top:10px;
}
p.order {
	font-size:.83em;
	line-height:1em;
	padding:0px;
	margin:6px 0px 0px 0px;
}
p.order a:hover {
	text-decoration:underline;
}
#gallery {
	float:right;
	margin:10px -4px 10px 0px;
	width:235px;
	border-left:3px solid #ebebeb;
	display:block;
	padding-left: 10px;
	margin-left:10px;
}
#gallery a:hover {
	text-decoration:underline!important;
}
#slide {
	padding:0px;
	margin:0px;
	height:290px;
}
#slide ul {
	list-style:none!important;
	position: absolute;
	bottom:-2px;
	overflow: hidden;
	padding: 5px 0;
	z-index: 10001;
	margin:0px;
}
#slide ul a {
	background-position: 50% 50%;
	cursor: pointer;
	display: block;
	height: 9px;
	width: 9px;
	margin-right: 5px;
	border:1px solid #ebebeb;
	background:#FFF;
}
#slide ul a.active, #slide ul a:hover {
	border:1px solid #c60000;
	background:#c60000;
}
#slide ul li {
	float: left;
	list-style: none;
}
#slide p {
	margin:3px 0px 5px;
	padding:5px 0px 10px 0px;
	font-size:11px;
	line-height:13px;
	color:#888;
}
#slide img {
	display:block;
	width:230px;
	height:230px;
}
#articles {
	width:520px;
	margin-left:-10px;
}
#login .form-inputbox {
	width:178px;
	border:1px solid #dfdfdf;
	padding:1px 1px 1px 3px;
	margin:0px;
	color:#585858;
	text-align:right;
	font:12px "Trebuchet MS", Arial, sans-serif;
	padding:0px 5px;
}
#login .form-inputbox_on {
	width:178px;
	text-align:right;
	border:1px solid #dfdfdf;
	border-bottom:1px solid #c60000;
	padding:1px 1px 1px 3px;
	margin:0px;
	padding:0px 5px;
	color:#585858;
	font:12px "Trebuchet MS", Arial, sans-serif;
}
ol 
{
	padding:10px 0 10px 20px !important;
}

.div-gallery
{
	float:left;
	margin-right:25px;
	width:230px;
}	

.div-gallery img
{
	border:6px solid #f2f2f2;
	width:230px;
}	
.div-gallery h3
{
	font-size:13px;
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
	margin:0;
	padding:5px 10px 0px 10px;
}
.div-gallery span
{
	font-size:10px;
	color:#edc7c8;
	width:260px;
	line-height:normal;
	display:block;
	padding:4px 10px 10px 10px;
}