@charset "UTF-8";

* { margin: 0; padding: 0; }
html { margin: 0; padding: 0; }

body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background-color: #c8c8c8;
	margin: 0;
	padding: 0;
	text-align: center;
	color: black;
}
.oneColFixCtr #container {
	width: 765px;
	background-color: white;
	margin: 10px auto;
	text-align: left;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url(../images/css-imgs/squares-bg-crop.gif);
}
.oneColFixCtr #mainContent {
	padding: 0;
	background-repeat: repeat-x;
	background-image: url(../images/css-imgs/background-grad.gif);
	min-height: 570px;
}

.ysbryd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* hide from IE-mac \*/
* html .ysbryd {height: 1%;}

/* ==================================
		  A5 Multimedia 2008
   ================================== */
a:link { color: #c30037; font-weight: bold; text-decoration: none; }
a:visited { color: #c30037; font-weight: bold; text-decoration: none; }
a:hover { color: #89002e; font-weight: bold; text-decoration: underline; }
a:active { color: #89002e; font-weight: bold; text-decoration: underline; }
img { border: 0; }
.menuSpacer { font-size: 2px; margin: 0; padding: 0; height: 10px; }
#leftCol { float: left; width: 250px; }
#rightCol { float: right; width: 495px; } 
.clearBar { clear: both; line-height: 0pt; }

/* ==================================
			Nav Bar
   ================================== */
#main_nav { 
font-size: 1em; 
color: black; 
background-color: #89002e;
line-height: 24px;
height: 24px;
overflow: hidden;
border-bottom: 1px solid white;
}
#main_nav span { display: none; }
#main_nav ul { 
list-style: none; 
float: left; 
}
#main_nav ul li { 
float: left; 
}
#main_nav a:link, #main_nav a:visited {
float: left;
padding-left: 15px;
padding-right: 15px;
background-color: #89002e;
border-right: 1px solid white;
color: white; 
font-weight: bold;
text-decoration: none; 
}
#main_nav a.active {
background-color: #c30037; 
}
#main_nav ul a:hover { 
background-color: #c30037; 
}
#main_nav a.home {
background-repeat: no-repeat;
background-color: #89002e; 
background-image: url(../images/css-imgs/a5-home-logo.gif);
width: 105px;
height: 24px;
}

/* ==================================
		Left Hand Menu Stuff
   ================================== */
#a5multimedia {
margin-top: 10px;
height: 180px;
background-repeat: no-repeat;
}
.home { background-image: url(../images/css-imgs/a5-logo-leftmenu.gif); }
.services { background-image: url(../images/css-imgs/a5-logo-leftmenu-services.gif); }
.email { background-image: url(../images/css-imgs/a5-logo-leftmenu-email.gif); }
.snow { background-image: url(../images/css-imgs/a5-logo-leftmenu-snow.gif); }

#a5multimedia span { display: none; }
#a5multimedia a {
display: block;
height: 180px;
line-height: 180px;
}
#subNavigation {
margin-left: 25px;
width: 225px; 
font-size: 1.2em;
}
div.menu  { 
display: block; 
margin-right: 0; 
margin-left: 0; 
padding: 0; 
width: auto; 
border: solid 0px #393939; 
}
div.menu ul { 
text-align: left; 
margin: 0; 
padding: 0 5px; 
}
div.menu li  { 
font-weight: normal; 
list-style-type: none; 
margin: 0 -5px; 
padding: 3px 5px; 
border-bottom: 1px dashed #aaa; 
}
div.menu a { 
background: url(../images/css-imgs/subNav-rollover.gif) no-repeat left top; 
text-indent: 18px;
}
div.menu a:link   { 
color: #89002e; 
text-decoration: none; 
display: block; 
margin: 0 -5px; 
padding: 3px 5px 3px 5px; 
width: 100%; 
}
div.menu a:visited    { 
color: #89002e; 
text-decoration: none; 
display: block; 
margin: 0 -5px; 
padding: 3px 5px 3px 5px; 
width: 100%; 
}
div.menu a:hover, div.menu a.active { 
background: url(../images/css-imgs/subNav-rollover.gif) no-repeat right top; 
color: #c30037; 
text-decoration: none;
display: block; 
width: 100%; 
margin: 0 -5px; 
padding: 3px 5px 3px 5px; 
}



/* ==================================
			Page Stuff
   ================================== */
#bodyContent {
font-size: 1.1em;
margin-top: 50px;
padding-right: 10px;
}

#bodyContent h1 {
font-size: 2.2em;
color: #89002e;
font-weight: normal;
margin-bottom: 0.4em;
}
#bodyContent h2 {
font-size: 1.5em;
color: #89002e;
font-weight: normal;
margin-bottom: 0.4em;
}
#bodyContent p {
font-size: 1.2em;
margin-bottom: 0.9em;
line-height: 1.6em;
}
#bodyContent ul { 
font-size: 1.2em;
text-align: left; 
margin: 0; 
padding: 0 1.5em; 
margin: 0 0 0.8em 0; 
list-style-type: disc; 
}
#bodyContent ol { 
font-size: 1.2em;
text-align: left; 
margin: 0; 
padding: 0 1.5em; 
margin: 0 0 0.8em 0; 
list-style-type: decimal; 
}
#bodyContent li  { 
font-weight: normal; 
margin: 0 0 0 1.5em; 
padding: 0.3em 0; 
}

#linksPage a:link { color: #89002e; font-weight: normal; text-decoration: none; }
#linksPage a:visited { color: #89002e; font-weight: normal; text-decoration: none; }
#linksPage a:hover { color: #c30037; font-weight: normal; text-decoration: underline; }
#linksPage a:active { color: #c30037; font-weight: normal; text-decoration: underline; }

#bodyContent span.telephone {
font-size: 2em;
color: #c30037;
font-weight: bold;
margin-bottom: 0.4em;
}


/* ==================================
		Services Page Effects
   ================================== */
#sList h2.pointer,#sList2 h2.pointer {
cursor: pointer;
}
#sList h2 span,#sList2 h2 span {
display: none;
color: silver;
font-size: 0.9em;
}

/* ==================================
		Home Page Effects
   ================================== */
dl.mainservice
{
width: 145px;
height: 145px;
text-align: center;
padding: 0px;
float: left;
margin-right: 1em;
margin-bottom: 4px;
margin-top: 0;
font-size: 1.1em;
line-height: 1.2em;
}
.mainservice dt { font-weight: bold; }
.mainservice dt img
{
border: 0;
width: 100px;
height: 110px;
margin-bottom: 4px;
}
.mainservice dt
{
font-weight: bold; 
}
.mainservice dd
{
margin: 0;
padding: 0;
}

#mainIcons {
}
#mainIcons dl.pointer {
cursor: pointer;
}



/* ==================================
		A5 Multimedia Rounded Corners
   ================================== */
.box {
position: relative;
background: url(../images/css-images/main-bot-left.gif) no-repeat left bottom;
margin-bottom: 20px;
}
.box-outer {
background: url(../images/css-images/main-bot-right.gif) no-repeat right bottom;
padding-bottom: 1.5em;
}
.box-inner {
background: url(../images/css-images/main-top-left.gif) no-repeat left top;
}
.box h2 {
background: url(../images/css-images/main-top-right.gif) no-repeat right top;
padding-top: 1.5em;
}
.box h2, .box p {
padding-left: 5%;
padding-right: 5%;
}
.box p {
font-size: 1em !important;
line-height: 1.6em !important;
}

.hm_icon {
margin-top: -25px;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 0;
float: right;
}
div.buttonBox {
position: relative;
clear: both;
width: 110px;
height: 24px;
}
div.close {
cursor: pointer;
position: absolute;
top: 0px;
left: 25px;
width: 21px;
height: 24px;
background: url(../images/home-page/btn-close.gif) no-repeat left bottom;
}
div.previous {
cursor: pointer;
position: absolute;
top: 0px;
left: 60px;
width: 21px;
height: 24px;
background: url(../images/home-page/btn-prev.gif) no-repeat left bottom;
}
div.next {
cursor: pointer;
position: absolute;
top: 0px;
left: 85px;
width: 21px;
height: 24px;
background: url(../images/home-page/btn-next.gif) no-repeat left bottom;
}
div.mouseover {
background-position: right bottom;
}

/* ==================================
		Email Marketing Page
   ================================== */
img.email_icon {
float: right;
margin-top: -25px;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 0;
border: 5px solid #e2e2e2;
}
.emaildemo {
min-height: 150px;
}
div.emailfeature {
margin-top: 1em;
margin-bottom: 1em;
border-bottom: 1px solid #e2e2e2;
}
div.emailfeature img {
margin-top: 0px;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 0px;
float: right;
border: 5px solid #e2e2e2;
}
div.emailfeature p, div.emailfeature ul {
font-size: 1em !important;
line-height: 1.6em !important;
}
#bodyContent ul.bigtick, #bodyContent ul.bigcross {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 5px -20px;
}
#bodyContent ol.numberlist {
line-height:1.6em;
}
#bodyContent ul.bigtick li {
background:transparent url(../images/css-imgs/big-tick.gif) no-repeat scroll 0pt 3px;
line-height:1.6em;
padding:0pt 0pt 4px 35px;
}
#bodyContent ul.bigcross li {
background:transparent url(../images/css-imgs/big-cross.gif) no-repeat scroll 0pt 3px;
line-height:1.6em;
padding:0pt 0pt 4px 35px;
}

/* ==================================
		Footer And Stuff
   ================================== */
   
#footer {
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
background-color: #c8c8c8;
background-image: none;
color: black;
clear: both;
}
#footer span.right {
float: right;
}
#footer a:link { color: black; font-weight: normal; text-decoration: none; }
#footer a:visited { color: black; font-weight: normal; text-decoration: none; }
#footer a:hover { color: black; font-weight: normal; text-decoration: underline; }
#footer a:active { color: black; font-weight: normal; text-decoration: underline; }

/* ==================================
		Forms
   ================================== */

.registrationForm label { display: block; width: 200px; }
.registrationForm textarea:focus { background: #dbf3ff; }
.registrationForm input[type="text"]:focus { background: #dbf3ff; }
.registrationForm input[type="password"]:focus { background: #dbf3ff; }
.registrationForm input { float: right; width: 180px; left: 20px; top: -15px; position: relative; }
.registrationForm input.radio, .registrationForm input.checkbox, .registrationForm input.submit { width: auto; }
.registrationForm input.submit { float: left; position: relative; top: -15px; left: 240px; }
.registrationForm p.field { padding-bottom: 5px;  }
.registrationForm p.inline label { display: inline; }
.registrationForm p.inline input.submit { display: inline; float: none; position: relative; top: 0px; left: 20px;  }
.registrationForm textarea { float: right; width: 180px; left: 0px; top: -15px; position: relative; height: 45px; }
.registrationForm select { width: 180px; float: right; left: 15px; top: -15px; position: relative; }
.registrationForm input[type="text"] { border: 1px inset #787878; padding:5px 3px; }
.registrationForm input.checkbox { left: -150px; }
.registrationForm div.formBorder { border: 5px solid #ccc; margin: 0; padding: 20px 20px 10px 20px; }
.registrationForm div.formWidth { width: 400px; }
	
#faults { border:1px solid #c30036; background:#faede9; padding:20px 20px 20px 20px; margin:0 0 10px 0;}