/*
   a5media.ca CSS stylesheet, v03.30.07 
   for 2007 a5media.ca site, v04.11.07
   
   Container layout of each page:

   html
   	body
   	 .nav
     .container
     .footer
*/
      
/*-----------------------------------------------------------------------------
DEFAULTS
Default tag styles are defined here.
-----------------------------------------------------------------------------*/

html {
margin:0;
padding:0;
height:100%;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#333333;
text-align:left; 
margin:0;
padding:0;
position:relative;
background-image:url(../images/bg_gradient.jpg);
background-repeat:repeat-y;
background-position:top center;
background-color:#CCCCCC;
}

a:link, a:active, a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
text-decoration:none;
color:#FF0000;
border-bottom: 1px #EEEEEE solid;
font-weight:bold;
padding-bottom: 2px;
}

a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
text-decoration:none;
color:#ff0000;
border-bottom: 1px #EEEEEE solid;
font-weight:bold;
padding-bottom: 2px;}


h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:16px;
font-weight: bold;
color:#FF0000;
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
font-weight: bold;
text-transform:uppercase;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#000000;
font-weight: bold;
}

h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
color:#FFFFFF;
font-weight: bold;
}

h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#FFFFFF;
font-weight: normal;
}

table {border: 2px #CCCCCC solid;}
th {border: 1px #EEEEEE solid; background-color:#EEEEEE;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#333333;
text-align:left; 
}
td {border:1px #EEEEEE solid; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#333333;
text-align:left; 
height: 25px;
margin:0;
text-indent: 15px;
}

/*-----------------------------------------------------------------------------
CONTAINERS
Positioning, Sizing etc.
.container
	.wrapper
		.column1
		.column2
	.footer
.nudge
-----------------------------------------------------------------------------*/

.container {
margin:0;
padding:0;
width: 1024px;
text-align:left;
margin-top:11px;}

.column1 {float:left; width: 225px; padding:0px 11px 0px 0px; margin-left: 5; z-index:1;}
.column1b {float:left; width: 250px; padding:0px 15px 0px 0px; margin-left: 5; z-index:1;}
.column2 {float:left; width: 450px; padding:0px 0px 0px 15px; margin-left:2; z-index:2;}
.column1home {float:left; width: 260px; padding:5px 0px 0px 0px; margin: 0; z-index:1; background-image:url(../images/greygradient.gif); display:inline; overflow: hidden;}
.column2home {float:left; width: 520px; padding:0px 0px 0px 20px; margin:0; z-index:1; display:inline; overflow: hidden;}


 .wrapper {
 background-attachment:scroll;
 background-image:url(../images/bamboo.gif);
 background-position:top right;
 background-repeat: no-repeat;
 width: 950px;
 *width: 850px;
 margin-top:0px;
 height: 450px;
 z-index:3;
 }



.nudge {position:relative; left:1px; *left:2px;}

.footer { 
 text-align:center; 
 clear:both; 
 position:fixed; 
 width:1024px; 
 margin: 0 0 0 2px; 
 padding: 5px 0 5px 0; 
 bottom:0px; 
 background: url(../images/footerbg.gif) #FFFFFF repeat-x; 
 background-position:top; 
 height: 15px;}
 
 
/*-----------------------------------------------------------------------------
NAVIGATION
Main Navigation
Tools Navigation
-----------------------------------------------------------------------------*/

ul.nav {
margin: 0px 3px 2px 15px; 
float:left;
list-style: none;
padding: 0;
border: none;
width: 115px;
height:500px;
display: inline;
}


ul.nav li a {display:block;}

ul.nav li a:link,ul.nav li a:active,ul.nav li a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
font-weight:bold;
color:#FF0000;
text-decoration:none;
height: 18px;
width: 109px;
border-right: 4px solid #EEEEEE;
text-indent: 7px;
padding-bottom: 5px;
border-bottom:none;
}
 
ul.nav li a:hover, .selected{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
font-weight:bold;
color: #FFFFFF;
background-color:#000000;
text-decoration:none;
height:18px;
width:109px;
border-right: 4px solid #FF0000;
text-indent: 7px;
padding-bottom:5px;
border-bottom:none;
}

a.servicenav, a.servicenav:link, a.servicenav:active, a.servicenav:visited {text-indent: 0px;}
a.servicenav:hover {text-indent: 50px;border-bottom:none;}

ul.toolsnav {
margin: 5px 20px 2px 15px; 
float:left;
list-style: none;
padding: 0;
border: none;
height:500px;
}

ul.toolsnav li a {display:block;}

ul.toolsnav li a:link,ul.toolsnav li a:active,ul.toolsnav li a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
font-weight:bold;
color:#999999;
text-decoration:none;
height: 18px;
width: 150px;
border-right: 4px solid #EEEEEE;
text-indent: 7px;
padding-bottom: 5px;border-bottom:none;}
 
ul.toolsnav li a:hover, .selected{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
font-weight:bold;
color: #FFFFFF;
background-color:#000000;
text-decoration:none;
height:18px;
width:150px;
border-right: 4px solid #FF0000;
text-indent: 7px;
padding-bottom:5px;border-bottom:none;
}

ul.secondnavLong {
margin: 5px 20px 2px 15px; 
float:left;
list-style: none;
padding: 0;
border: none;
height:500px;
}

ul.secondnavLong li a {display:block;}

ul.secondnavLong li a:link,ul.secondnavLong li a:active,ul.secondnavLong li a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
font-weight:bold;
color:#999999;
text-decoration:none;
height: 18px;
width: 200px;
border-right: 4px solid #EEEEEE;
text-indent: 7px;
padding-bottom: 5px;
border-bottom:none;}
 
ul.secondnavLong li a:hover, .selected{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
font-weight:bold;
color: #FFFFFF;
background-color:#000000;
text-decoration:none;
height:18px;
width:200px;
border-right: 4px solid #FF0000;
text-indent: 7px;
padding-bottom:5px;
border-bottom:none;
}

#SignUp .signupframe {
border: 1px solid #eeeeee;
background: none;
color: #221D1D;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:300px;
}




/*-----------------------------------------------------------------------------
MISCELLANEOUS
Bio Pics
links
-----------------------------------------------------------------------------*/

.biopic {float:left; margin: 11px; margin-bottom: 200px; border:2px #CCCCCC solid; width:100px;}