﻿/*****
Palette http://www.colourlovers.com/palette/937532/hot_news
*****/

html, body,form, #page {
    height: 100%;
}
body {
	padding:0px;
	margin: 0px;
	background-color: #15181c;
	background-image: url(images/bg.jpg);
	background-repeat:repeat-x;
	color: #15181C;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul { padding-left:15px; margin: 0px;}

a {text-decoration:none; color:#e80e9c;}
a:visited {text-decoration:none; color:#e80e9c;}
a:hover {text-decoration:none; color:#54c7c5;}

h5 { font-size: 12px; padding: 0px; margin-top: 5px; margin-bottom:5px;}
h4 { font-size: 14px; padding: 0px; margin-top: 5px; margin-bottom:5px;}
h3 {  font-size: 16px; padding: 0px; margin-top: 5px; margin-bottom:8px;}
h2 {  font-size: 18px; background-color: #15181C; margin-top: 0px; padding: 5px 5px 5px 8px; color:White;}
h1 {  font-size: 22px; padding: 0px; margin-top: 5px; margin-bottom:8px;}
#page { width:980px; margin-left:auto; margin-right:auto;}

#logo { margin-top:55px; float:left;}
#menu{ float:right; margin-top:75px; margin-right:10px; font-size:14px; text-transform:uppercase;}
#menu ul li { float:left; list-style-type:none; padding-left:15px;}

#menu a { color:White; padding: 5px 5px 10px 5px;}
#menu a:visited { color:White;}
#menu a:hover { color:#e80e9c;}

#header { height:96px;}
#footer { height:80px; background-color:#54c7c5; padding:5px; clear:both;}
#banner { height:84px;}
#banner h1 { float:right; clear:both;  margin-top:45px; margin-right:10px; margin-bottom:10px;}

#basicPage { min-height:470px; background-color:White; padding:10px; position:relative;}
#col1 { background-color:White;  margin: 10px 10px 10px 0px; min-height:500px;
background-image: url(images/bg3.jpg); background-repeat: no-repeat; background-position:bottom right; float:left; width:618px; padding:8px; 
    }
#col2 { background-color:White; min-height:500px; height: auto; float:left; width:320px; padding:8px; 
    margin: 10px 0px 10px 0px;}

.subtleContent { background-color:White; border: solid 1px #16181c; padding:10px; margin-bottom:10px; color:#16181c;}
.editCMS { background-color: Lime; padding:3px; border: solid 1px Black;}
.clear { font-size: 0px; clear:both;}

.productRow { clear:both; margin-bottom:10px;}
.productItem { width:150px; height:120px; background-color:Silver; position:relative;
    border: solid 1px #16181c; padding:10px; color:#16181c; margin: 0px 10px 0px 10px; float:left;}
.productItem input{ position:absolute; bottom:5px; right:5px;}

#selections { }
#selections a { float:right;}

body#default #menu a#default { background-color:#00cc1b;}
body#services #menu a#services { background-color:#00cc1b;}
body#software #menu a#services { background-color:#00cc1b;}
body#about #menu a#about { background-color:#00cc1b;}

.required { background-color: #01cc1b;}
.inputCol { width: 200px; float:left; padding:5px; margin:5px;}
.inputCol input  { width:180px; }