html
{
overflow: scroll;
margin: 0px;
padding: 0px;
}

body
{
margin: 0px;
padding: 0px;
text-align: center;
background: #eee;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #222;
}

.page
{
position: static;
margin-left: auto;
margin-right: auto;
text-align: left;
border: 1px solid black;
background: white;
width: 780px;
margin-top: 50px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
padding-top: 0px;
/*height: 500px;*/
}

.logo
{
position: relative;
margin: 20px 20px 10px 20px;
margin-left: 0px;
}

.menu
{
height: 28px;
}

.menu a, .sublinks a
{
display: block;
float: left;
width: 75px;
height: 10px;


color: #000000;

font-size: 10px;
line-height: 10px;
text-align: center;
text-decoration: none;
font-weight: bold;

padding-top: 4px;
padding-bottom: 4px;
margin: 0px 0px 0px 2px;
}

.sublinks a
{
background: #c1e2e5;
color: #000000;
}

.menu a
{
background: #a0cfeb;
}

.menu a:hover, .sublinks a:hover
{
background: #63b1e5;
}

.menu .active, .sublinks .active
{
background: #63b1e5;
}

/* Holds everything that isnt menu, logo or footer etc. */

.content
{
overflow: hidden;
}

	.sublinks
	{
	position: static;
	float: left;
	width: 500px;
	height: 10px;
	}

	/* Holds the title of the page */
	.title
	{
	width: 200px;
	position: static;
	float: right;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	background: #c2deea;
	color: #888;
	padding: 5px;
	}
	
	.blockimage
	{
	float: left;
	margin: -2px;
	}

	/* Holds the rest of the page */
	.copy
	{
	position: static;
	float: left;
	background: #c2deea;
	/*height: 375px;*/
	overflow: hidden;
	width: 100%;
	line-height: 20px;
	}

.copy_intro
{
	position: static;
	float: left;
	background: #c2deea;
	overflow: hidden;
	width: 100%;
	line-height: 20px;	
}

.texture_1
{
background-image: url(../data/images/bg_texture_1.jpg);	
}

.texture_2
{
background-image: url(../data/images/bg_texture_2.jpg);	
}

.texture_3
{
background-image: url(../data/images/bg_texture_3.jpg);	
}

.texture_4
{
background-image: url(../data/images/bg_texture_4.jpg);	
}

.copy_intro a
{
font-size: 16px;
text-decoration: none;
color: white;
}

.copy_intro a:hover
{
font-size: 16px;
text-decoration: none;
color: grey;
}

.smallprint
{
position: relative;
top: 20px;
color: black;
font-size: 10px;
text-align: right;
padding: 0px;
margin: 0px;
}
	
.smallprint a
{
color: black;
text-decoration: none;
}
	
.footer
{
margin-top: 40px;
text-align: center;
color: #aaa;
font-size: 10px;
}



/* CONTENT CLASSES */

/* General use */


.margin
{
margin: 17px;
}

.center_1
{
background: #a0cfeb;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 10px 0px 15px 0px;
}

.center_2
{
background: #a0cfeb;
text-align: center;
margin: 20px 0px 0px 0px;
padding: 0px 0px 15px 0px;
}

.alternative_1
{
padding: 10px 10px 10px 11px;
margin: 0px 0px 0px 0px;
position: static;
float: left;
overflow: hidden;
width: 340px;
}

.alternative_1 a
{
text-decoration: none;
font-weight: bold;
color: #666666;
}

.alternative_1 a:hover
{
text-decoration: none;
font-weight: bold;
color: #000000;
}

.alternative_1_links
{
padding: 10px 10px 10px 30px;
margin: 0px 0px 0px 0px;
position: static;
float: left;
overflow: hidden;
width: 340px;
}

.alternative_1_links a
{
text-decoration: underline;
font-weight: bold;
color: #666666;
}

.alternative_1_links a:hover
{
text-decoration: underline;
font-weight: bold;
color: #000000;
}

.alternative_1_half
{
position: static;
float: left;
left: -25px;
width: 170px;
}

.alternative_2
{
background: #a0cfeb;
padding: 10px 10px 10px 20px;
margin: 0px 0px 0px 111px;
position: static;
float: left;
overflow: visible;
width: 327px;
}

.alternative_2_img
{
background: #a0cfeb;
padding: 10px 10px 10px 20px;
margin: 0px 0px 0px 51px;
position: static;
float: left;
overflow: visible;
width: 327px;
}

.alternative_2 a
{
text-decoration: none;
font-weight: bold;
color: #666666;
}

.alternative_2 a:hover
{
text-decoration: none;
font-weight: bold;
color: #000000;	
}

.alternative_3
{
padding: 10px 10px 10px 20px;
margin: 0px 0px 0px 0px;
position: static;
float: left;
width: 370px;
overflow: hidden;
}

.alternative_3 a
{
text-decoration: none;
font-weight: bold;
color: #666666;
}

.alternative_3 a:hover
{
text-decoration: none;
font-weight: bold;
color: #000000;
}

.alternative_3b
{
background: #a0cfeb;
overflow: visible;
padding: 10px 10px 10px 10px;
margin: 0px;
position: static;
float: left;
width: 360px;
}

.alternative_3b a
{
text-decoration: none;
font-weight: bold;
color: #666666;
}

.alternative_3b a:hover
{
text-decoration: none;
font-weight: bold;
color: #000000;
}



/* SHOWCASE 

 +-------------+---------------------+
 |             |                     |
 |             |                     |
 |    COPY     |       IMAGE         |
 |             |                     |
 |             |                     |
 +-------------+---------------------+
 |                                   |
 |                                   |
 +-----------------------------------+



*/

.content_row
{
position: static;
float: left;
height: 250px;
margin-top: 37px;
width: 100%;
}

.bottom_row
{
position: static;
float: left;
height: 70px;
width: 740px;
color: #000;
padding-left: 20px;
overflow: hidden;
}

.bottom_row a
{
color: #666666;
font-weight: bold;
text-decoration: none;
}

.bottom_row a:hover
{
color: #000000;
font-weight: bold;
text-decoration: none;
}

.col_left_40
{
position: static;
float: left;
width: 320px;
height: 350px; /* 250px inc. the 40px padding */
padding: 20px 20px 20px 20px;
margin: 40px 0px 0px 0px;
overflow: visible;
background: #fff;
line-height: 14px;
}

.col_right_60
{
position: static;
float: left;
height: 350px;
width: 420px;
margin: 80px 0px 0px 0px;
overflow: hidden;
}

.col_left_40b
{
position: static;
float: left;
width: 312px;
height: 265px;
padding: 20px 20px 0px 20px;
margin: 0px 0px 0px 0px;
overflow: visible;
line-height: 20px;
background-color: #ffffff;
}

.col_right_60b
{
position: static;
float: left;
height: 285px;
width: 428px;
margin: 0px 0px 0px 0px;
overflow: hidden;
}

/* Large image with text below it 

 +-----------------------+
 |                       |
 |         IMAGE         |
 |                       |
 +-----------------------+
 |         COPY          |
 +-----------------------+


*/

.image_top
{
height: 285px;
}

.image_content
{
position: static;
float: left;
width: 100%;
overflow: hidden;
}

.alternative_top
{
padding: 10px 0px 10px 30px;
margin: 0px;
position: static;
float: left;
overflow: visible;
width: 730px;
}

.alternative_top_half
{
padding: 10px 0px 10px 30px;
margin: 0px;
position: static;
float: left;
overflow: visible;
width: 250px;
}

.alternative_top_half_wide
{
padding: 10px 0px 10px 30px;
margin: 0px;
position: static;
float: left;
overflow: visible;
width: 270px;
}

.alternative_top_half a
{
text-decoration: none;
font-weight: bold;
color: #666666;	
}

.alternative_top_half a:hover
{
text-decoration: none;
font-weight: bold;
color: #000000;	
}

.alternative_top_half_link
{
padding: 10px 0px 10px 30px;
margin: 0px;
position: static;
float: left;
overflow: visible;
width: 250px;
}

.alternative_top_half_link a
{
text-decoration: none;
font-weight: bold;
color: #000000;	
}

.alternative_top_half_link a:hover
{
text-decoration: none;
font-weight: bold;
color: #666666;	
}

.alternative_top a
{
text-decoration: none;
font-weight: bold;
color: #666666;	
}

.alternative_top a:hover
{
text-decoration: none;
font-weight: bold;
color: #000000;	
}

/* Columns

 +---------+--------------+
 |    I    |       C      |
 |    M    |       O      |
 |    A    |       P      |
 |    G    |       Y      |
 |    E    |              |
 +---------+--------------+
 
*/

.col_40
{
position: static;
float: left;
width: 370px;
height: 500px;
overflow: hidden;
}

.col_60
{
position: static;
float: left;
width: 370px;
overflow: hidden;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px;
}

.col_60 a
{
text-decoration: none;
font-weight: bold;
color: #666666;
}

.col_60 a:hover
{
text-decoration: none;
font-weight: bold;
color: #000000;	
}

.col_left
{
padding: 10px 10px 10px 20px;
margin: 0px 0px 0px 0px;
position: static;
float: left;
width: 330px;
overflow: hidden;
}

.col_right
{
padding: 20px 10px 10px 30px;
margin: 0px 0px 0px 0px;
position: static;
float: left;
width: 400px;
overflow: hidden;
}

/* Columns

 +---------+--------------+
 |    C    |       I      |
 |    O    |       M      |
 |    P    |       A      |
 |    Y    |       G      |
 |         |       E      |
 +---------+--------------+
 
*/

.col_30
{
position: static;
float: left;
width: 290px;
height: 530px;
overflow: visible;
border-right: 1px solid #a0cfeb;
padding: 10px;
background-color: #C2E2FB;
}

.col_70
{
position: static;
float: left;
width: 440px;
overflow: visible;
border: 0px; 
padding: 5px 10px 0px 10px;
margin: 0px;
}

.col_70 a
{
font-weight: bold;
text-decoration: none;
color: #666666;
}

.col_70 a:hover
{
font-weight: bold;
text-decoration: none;
color: #000000;	
}

.alternative_4
{
background: #a0cfeb;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px;
position: relative;
top: 50px;
float: left;
overflow: visible;
width: 400px;
}

.alternative_5
{
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px;
position: absolute;
top: 600px;
float: right;
overflow: visible;
width: 270px;
}

/* OTHER CLASSES */

.formtable
{
border-spacing: 0px;
}

.formtable td
{
border-bottom: 1px solid #63b1e5;
padding: 5px;
margin: 0px;
}

.framebuttons
{
padding-top: 450px;
padding-left: 16px;
padding-right: 0px;
background: url(../data/images/splash.jpg);
width: 765px;
height: 75px;
}
.framebuttons a
{
display: block;
position: static;
float: left;
width: 140px;
height: 20px;
}

.home
{
width: 115px;
height: 20px;
position: static;
float: left;
overflow: hidden;
margin: 0px;
padding: 15px 0px 0px 20px;	
}

.developers
{
width: 100px;
height: 20px;
position: static;
float: left;
overflow: hidden;
margin: 0px;
padding: 15px 0px 0px 0px;	
}

.trade
{
width: 135px;
height: 20px;
position: static;
float: left;
overflow: hidden;
margin: 0px;
padding: 15px 0px 0px 0px;	
}

.home a
{
font-size: 18px;
text-decoration: none;
color: #E6A027;
}
.home a:hover
{
font-size: 18px;
text-decoration: none;
color: #FFFFFF;
}

.trade a
{
font-size: 18px;
text-decoration: none;
color: #E6A027;
}
.trade a:hover
{
font-size: 18px;
text-decoration: none;
color: #FFFFFF;
}

.developers a
{
font-size: 18px;
text-decoration: none;
color: #E6A027;
}
.developers a:hover
{
font-size: 18px;
text-decoration: none;
color: #FFFFFF;
}

.framehome_h
{
padding-top: 400px;
padding-left: 16px;
padding-right: 0px;
background: url(../data/images/retail-land.jpg);
background-repeat: no-repeat;
width: 765px;
}

.framebuttonA_h
{
display: block;
float: left;
width: 208px;
height: 60px;
position: relative;
top: 28px;
left: 0px;
}

.framebuttonA_h a
{
display: block;
float: left;
width: 208px;
height: 60px;
background: url(../data/images/techspec-but3.jpg);
}

.framebuttonA_h a:hover
{
display: block;
float: left;
width: 208px;
height: 60px;
background: url(../data/images/techspec-but3.jpg);
}

.framebuttonB_h
{
display: block;
float: left;
width: 208px;
height: 60px;
position: relative;
top: 28px;
left: 20px;
}

.framebuttonB_h a
{
display: block;
float: left;
width: 208px;
height: 60px;
background: url(../data/images/tv-button.jpg);
}

.framebuttonB_h a:hover
{
display: block;
float: left;
width: 208px;
height: 60px;
background: url(../data/images/tv-button.jpg);
}

.framehome_c
{
padding-top: 400px;
padding-left: 16px;
padding-right: 0px;
background: url(../data/images/commercial_landing.jpg);
background-repeat: no-repeat;
width: 765px;
}

.framebuttonA_c
{
display: block;
float: left;
width: 208px;
height: 60px;
position: relative;
top: 28px;
left: 0px;
}

.framebuttonA_c a
{
display: block;
float: left;
width: 208px;
height: 60px;
background: url(../data/images/techspec-but3.jpg);
}

.framebuttonA_c a:hover
{
display: block;
float: left;
width: 208px;
height: 60px;
background: url(../data/images/techspec-but3.jpg);
}

.framebuttonB_c
{
display: block;
float: left;
width: 208px;
height: 60px;
position: relative;
top: 28px;
left: 20px;
}

.framebuttonB_c a
{
display: block;
float: left;
width: 208px;
height: 60px;
background: url(../data/images/tv-button.jpg);
}

.framebuttonB_c a:hover
{
display: block;
float: left;
width: 208px;
height: 60px;
background: url(../data/images/tv-button.jpg);
}

.framehow_p
{
padding: 285px 0px 0px 0px;
background: url(../data/images/c_production.jpg);
width: 780px;
}

.how_p
{
display: block;
float: left;
width: 180px;
height: 20px;

color: #000000;

font-size: 10px;
text-align: center;
text-decoration: none;
font-weight: bold;

padding: 0px 0px 0px 0px;
margin: -20px 0px 0px 0px;
}

.how_p a
{
width: 180px;
height: 20px;
position: static;
float: left;
background: #ffffff;
color: #000000;
text-decoration: none;
}

.how_p a:hover
{
width: 180px;
height: 20px;
position: static;
float: left;
background: #63b1e5;
text-decoration: none;
}

.framehow_i
{
padding: 285px 0px 0px 0px;
background: url(../data/images/c_production.jpg);
width: 780px;
}

.how_i
{
display: block;
float: left;
width: 180px;
height: 20px;

color: #000000;

font-size: 10px;
text-align: center;
text-decoration: none;
font-weight: bold;

padding: 0px 0px 0px 0px;
margin: -20px 0px 0px 0px;
}

.how_i a
{
width: 180px;
height: 20px;
position: static;
float: left;
background: #ffffff;
color: #000000;
text-decoration: none;
}

.how_i a:hover
{
width: 180px;
height: 20px;
position: static;
float: left;
background: #63b1e5;
text-decoration: none;
}

.frametechspec_h
{
padding-top: 250px;
padding-left: 20px;
padding-right: 0px;
background: url(../data/images/h_techspec.jpg);
width: 780px;
height: 35px;
}

.frametechspec_c
{
padding-top: 250px;
padding-left: 20px;
padding-right: 0px;
background: url(../data/images/c_techspec.jpg);
width: 780px;
height: 35px;
}

.techspec
{
width: 85px;
height: 28px;
position: static;
float: left;
overflow: hidden;
margin: 0px;
padding: 0px;
}

.techspec a
{
width: 85px;
height: 28px;
position: static;
float: left;
overflow: hidden;
margin: 0px;
padding: 0px;
}

.techspec a:hover
{
width: 85px;
height: 28px;
position: static;
float: left;
overflow: hidden;
margin: 0px;
padding: 0px;
}

.center
{
text-align: center;
}

.t1
{
position: static;
float: left;
display: block;
text-align: center;
padding: 5px 10px 0px 10px;
margin: 0px;
}

.t2
{
position: static;
float: left;
display: block;
text-align: center;
padding: 5px 10px 0px 10px;
margin: 0px;
border-left: 1px solid #a0cfeb;
border-right: 1px solid #a0cfeb;
}

.t3
{
position: static;
float: left;
display: block;
text-align: center;
padding: 5px 10px 0px 10px;
margin: 0px;
border-top: 1px solid #a0cfeb;
border-bottom: 1px solid #a0cfeb;
}

.t4
{
position: static;
float: left;
display: block;
text-align: center;
padding: 5px 10px 0px 10px;
margin: 0x;
border-top: 1px solid #a0cfeb;
border-bottom: 1px solid #a0cfeb;
border-left: 1px solid #a0cfeb;
border-right: 1px solid #a0cfeb;
}

.video_top
{
position: relative;
top: 0px;
left: 400px;
}

.img_link
{
position: relative;
float: right;
top: 70px;	
}

.img_link_2
{
position: relative;
float: right;
top: 3px;
left: 0px;
}

.link a
{
font-weight: bold;
text-decoration: none;
color: #666666;
}

.link a:hover
{
font-weight: bold;
text-decoration: none;
color: #000000;
}

h1
{
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 0px;
float: left;
}

h2
{
font-size: 12px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-transform: uppercase;
}

.small_font
{
font-size: 12px;
}

.small_font_2
{
font-size: 12px;
}

.italic
{
font-style: italic;
}

.bold
{
font-weight: bold;	
}

h3
{
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;;	
}

p
{
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

ul
{
font-size: 12px;
line-height: 20px;
}

li
{
font-size: 12px;
line-height: 20px;
}


.advert_b_r
{
display: block;
float: left;
width: 99px;
height: 93px;
position: relative;
top: -140px;
left: 650px;
background: url(../data/images/g06winner.jpg);
}

.advert_b_r a
{
display: block;
float: left;
width: 99px;
height: 93px;
background: url(../data/images/g06winner.jpg);
}

.newlink
{
display: block;
float: left;
width: 780px;
padding-top: 10px;
text-decoration: none;
}

.newlink a img
{
text-decoration: none;
border: 0px;
}