/*
css styles for frequensys

.__                                                                    
|  |   ____ _____ ___  __ ____     _____ ___.__.   ____   ______ ______
|  | _/ __ \\__  \\  \/ // __ \   /     <   |  | _/ ___\ /  ___//  ___/
|  |_\  ___/ / __ \\   /\  ___/  |  Y Y  \___  | \  \___ \___ \ \___ \ 
|____/\___  >____  /\_/  \___  > |__|_|  / ____|  \___  >____  >____  >
          \/     \/          \/        \/\/           \/     \/     \/ 
       .__                      ._.
_____  |  |   ____   ____   ____| |
\__  \ |  |  /  _ \ /    \_/ __ \ |
 / __ \|  |_(  <_> )   |  \  ___/\|
(____  /____/\____/|___|  /\___  >_
     \/                 \/     \/\/
 
 */



@import "nav.css";
@import "subnav.css";
@import "forms.css";


 /* basic styles */

body,td,th {
font-family:  Lucida Grande, "Lucida Grande",  Lucida Sans,  "Helvetica 55", "Helvetica Neue", "Helvetica Neue 55 Roman", Helvetica, Arial, Trebuchet, Verdana, Geneva, sans-serif;
}

 
body {
	margin: 0;
	font-size: 0.8em;
	background: #333;
	line-height: 160%;
	display: block;}

	
a:link, a:visited {
	color: #666;
	text-decoration: none;}

a:hover { }

a:active {
	color: #333; }
	
h1 {
color: #c1022c;
	font-size: 130%;
	font-weight: normal;}
h2 {
	color: #666;
	font-size: 120%;}
	
h3 {
	color: #666;
	font-size: 100%;
	font-weight: bold;}
h4 {
color: #c1022c;
	font-size: 100%;}

img {
	border: 0}

.clear {float: none; clear: both;}

 /* terrible browser message */

#iesix{display: none;}

 /* hides the search enginey stuff */

#engines {
display: none;}

 /* centres the layout whatever the resolution */

#centreing {
text-align: center;
background-position: 0px 0px;
margin: 0px auto;
}

 
#main{
width: 1024px;
min-width: 1024px; 
margin: 0px auto;
text-align: left;
display: block;
background: #666;
background-image: url(bg.png);
background-repeat: repeat-y;


}


 /* columns */

#primary {
background-color: #fff;
border-right: 160px solid transparent;
width: 575px;
display: block;
background-image: url(secondarybg.png);
background-repeat: repeat-y;
background-position: 575px 0px;

}
#secondary {
float:right; position:relative; width:160px; margin-right:-160px; display:inline;}


#secondary {
width: 160px
font-size: 90%; }


 /* logo bar etc */

#topbar {
display: block;
height: 120px;
width: 575px;
font-size: 90%;
line-height: 100%;
background-image: url(frequensys.png);
background-repeat: no-repeat;
}

#logo {
display: block;
width: 410px;
height: 120px;
float: left;
}

#strap {
width: 148px;
height: 55px;
display: block;
padding-top: 65px;
padding-left: 6px;
float: right;
background-image: url(strapbg.png);
background-repeat: repeat-y;
font-size: 85%;
line-height: 145%;
}


#imagebar {
display: block;
height: 227px;
width: 575px;
background-image: url(redwaves.png);
background-repeat: repeat-y;


}

.imagebar {
display: block;
height: 227px;
width: 575px;
background: #ccc;


}

#content {
display: block;
width: 520px;
min-height: 400px;
background-image: url(contentbg.png);
background-repeat: no-repeat;
margin-top:  30px;
padding-left: 35px;
padding-right: 20px;
}


.serif {
padding-left: 20px; padding-right: 30px;
line-height: 160%;
font-family: Constantia, Georgia, Times, Times New Roman, Serif;
font-size: 150%;
color: #666;
}


.wideimage {width: 568px;
position: relative;
margin-left: -28px;
display: block;
border-top: 1px solid #ccc;}


#navbar {
width: 590px;
height: 30px;
display: block;
background-image:url(navbg.png);
background-repeat: no-repeat;
float: left;
margin: 0px auto;
position: relative; top: 25px;
}




 /* footer */
#footer {border-top: 1px solid #666;
font-size: 90%;
background: #ccc;
width:990px;
height: 30px;
display: block;
padding-top: 65px;
padding-left: 34px;
background-image: url(footerbg.png);
background-repeat: repeat-x;}



/*home extras */
.prodlink {
font-family: Constantia, Georgia, Times, Times New Roman, Serif;
font-size: 125%;
padding: 20px;
line-height: 200%;
}

.prodlink ul {
margin: 0; padding: 0;
}

.prodlink ul li{
color: #fff;
padding: 0; margin: 0;
text-decoration: none;
background-image: url(caret.png);
background-repeat: no-repeat;
background-position: 0px 5px;
float: left; 
display: inline;
list-style: none;
}

.prodlink ul li a:link,.prodlink ul li a:visited  { 
color: #fff;
padding: 7px 8px;

}
.prodlink ul li a:hover{
color: #c1022c;
background: #333;
}






 /* page definitions and classes*/

#main {
width: 600px;}



#home {
font-size: 140%;
line-height: 160%;}

#home a:link, #home a:visited {
color: #666;
text-decoration: none;
background-color: #dcdbe4;
padding: 5px;
}

#home a:hover {
color: #fff;
background-color: #605271;
}

#text a:link, #text a:visited {
color: #666;
text-decoration: none;
background-color: #dcdbe4;
padding: 5px;
}

#text a:hover {
color: #fff;
background-color: #605271;
}


.principle {display: inline;}

.principle a:link, .principle a:visited {
text-decoration: none;
background-color: #fff;
	padding: 0px;
	}





#productsummary {
margin-top: 30px;
padding-top: 35px;
display: block;}

.products a:{
padding: 0;
text-decoration: none;
}


.product {
display: block;
float: left;
border-left: 1px solid #605271;
height: 155px;
width: 175px;}

.product a:link, .product a:visited
{padding: 0;
text-decoration: none;
}

.prodesc {
font-size: 90%;
display: block;
float: left;
border-left: 1px solid #605271;
height: 25px;
width: 170px;
padding-top: 5px;
padding-left: 5px;
background-image: url(prodshad.png);
background-repeat: repeat-x;}

.prodesc a:link, .prodesc a:visited
{padding: 0;
text-decoration: none;
background: none;
}

.prodesc a:hover{
color: #605271;
}





.splash {
text-align: center;
background-position: 0px 0px;
height: 1024px;
width: 1024px;
margin: 0px auto;
display: block;
background-image: url(splash.png);
background-repeat: no-repeat;
padding-top: 460px;
}
.note {
font-family: Constantia, Georgia, Times, Times New Roman, Serif;
color: #fff;
font-size: 300%;
line-height: 200%;
}

 /* that's your lot - jamesatkinsdesign.com */