@charset "UTF-8";
/* CSS Document */
/* Copyright 2009 Commercial Business Systems */
/* Design by Mitchell Phillips Design */
/* www.mitchellphillipsdesign.com */

* {
margin:0;
padding:0;
}

body {
background:url(images/bg.png) repeat;
}

.clear {
clear:both;
}

#mainholder {
width:950px;
background:#fff;
margin:0 auto;
}

#topspacer {
width:950px;
height:25px;
}

#flashspacer {
width:950px;
height:80px;
background:url(images/flashspacer.gif);
}

#gapper {
width:950px;
height:5px;
}

#navholder {
width:950px;
height:40px;
}

#navleft {
width:49px;
height:40px;
float:left;
}

#navhome {
background:url(images/nav_home.gif);
width:126px;
height:40px;
float:left;
}
#navhome:hover {
background-position:126px 0px;
}

#navabout {
background:url(images/nav_about.gif);
width:120px;
height:40px;
float:left;
}
#navabout:hover {
background-position:120px 0px;
}

#navservices {
background:url(images/nav_services.gif);
width:120px;
height:40px;
float:left;
}
#navservices:hover {
background-position:120px 0px;
}

#navproducts {
background:url(images/nav_products.gif);
width:120px;
height:40px;
float:left;
}
#navproducts:hover {
background-position:120px 0px;
}

#navcamsii {
background:url(images/nav_camsii.gif);
width:120px;
height:40px;
float:left;
}
#navcamsii:hover {
background-position:120px 0px;
}

#navsupport {
background:url(images/nav_support.gif);
width:120px;
height:40px;
float:left;
}
#navsupport:hover {
background-position:120px 0px;
}

#navcontact {
background:url(images/nav_contact.gif);
width:125px;
height:40px;
float:left;
}
#navcontact:hover {
background-position:125px 0px;
}

#navright {
width:50px;
height:40px;
float:left;
}

#welcomeholder {
width:950px;
height:225px;
}

#welcome {
width:615px;
height:225px;
float:left;
}

#login {
width:335px;
height:225px;
background:url(images/login.gif);
float:left;
}

#camsiiholder {
width:950px;
height:425px;
}

#camsii {
width:295px;
height:425px;
background:url(images/camsii.gif);
float:left;
}

#camsiiabout {
width:320px;
height:425px;
float:left;
}

#latestnews {
width:335px;
height:425px;
background:url(images/latestnews.gif);
float:left;
}

#footerspacer {
width:950px;
height:100px;
}

#footer {
width:950px;
height:100px;
}

#contentholder {
width:950px;
height:100%;
min-height:600px;
}

#legal {
width:850px;
float:left;
}

#contentleft {
width:250px;
float:left;
}

#contentright {
width:650px;
float:right;
}

.contentleftarea {
padding-left:50px;
padding-top:50px;
}

#contentrightarea {
padding-left:15px;
padding-right:50px;
padding-top:50px;
}

.welcomearea {
padding-left:50px;
padding-right:80px;
padding-top:50px;
line-height:20px;
}

.loginarea {
padding-left:20px;
padding-right:20px;
padding-top:95px;
}

.camsiiaboutarea {
padding-right:80px;
padding-top:50px;
}

.latestnewsarea {
padding-left:15px;
padding-right:50px;
padding-top:50px;
}

.footerarealeft {
padding-left:50px;
width:500px;
float:left;
}

.footerarearight {
padding-right:50px;
width:300px;
float:right;
}

.blueheader {
font-family:"Century Gothic", Verdana, Arial, sans-serif;
font-size:23px;
color:#0066cc;
}

.blueheadersmall {
font-family:"Century Gothic", Verdana, Arial, sans-serif;
font-size:17px;
color:#0066cc;
}

.greytext, .greytext a, .greytext a:link, .greytext a:visited, .greytext a:active {
font-family:"Century Gothic", Verdana, Arial, sans-serif;
font-size:14px;
color:#666;
line-height:18px;
text-decoration:none;
}

.greytext a:hover {
text-decoration:underline;
}

.greytextmedium {
font-family:"Century Gothic", Verdana, Arial, sans-serif;
font-size:16px;
color:#666;
font-style:italic;
line-height:18px;
}

.greytextsmall, .greytextsmall a, .greytextsmall a:link, .greytextsmall a:visited, .greytextsmall a:active {
font-family:"Century Gothic", Verdana, Arial, sans-serif;
font-size:13px;
color:#666;
line-height:16px;
text-decoration:none;
}

.greytextsmall a:hover {
text-decoration:underline;
}

.logintext {
font-family:"Century Gothic", Verdana, Arial, sans-serif;
font-size:11px;
color:#fff;
}

.textbox {
width:160px;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#333;
}