@charset "UTF-8";
/* CSS Document */



/* IE 6 Hack 

* html #main {
height:100%
}
*/


html, body {
height: 100%;
}


body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

/*overflow-y: hidden;*/

font-family: 'PT Sans', arial, serif;
color:#333333;
background-image:url(../images/mainbgTile.jpg);
}


h1 {font-size:32px;color:#66ccff;letter-spacing:-1px;text-transform:uppercase;}
h1 .headeralt{color:#CCCCCC;}
h2 {font-size:28px;color:#003366;letter-spacing:-1px;}
h3 {font-size:16px;color:#202020;letter-spacing:-1px;}
h4 {font-size:18px;color:#66ccff;letter-spacing:-1px;}


#main {
min-height: 100%;
width:1000px;
margin-left: auto;
margin-right: auto;
background-image:url(../images/shadow.png);
background-repeat:repeat-y;
}


#mediawindow {
position:relative;
height:400px;
width:960px;
margin-left: 20px;
margin-right: 20px;
background-image:url(../images/mediawindowBG.jpg);
background-repeat:no-repeat;
}


#topnavigation{
position:relative;
height:20px;
width:960px;
}

#logo{
position:relative;
height:90px;
width:220px;
margin-left: 370px;
margin-right: 370px;
}

#navshadow {
position:relative;
height:10px;
width:960px;
background-image:url(../images/navshadow.png);
background-repeat:no-repeat;
}



#navigation {
position:relative;
height:40px;
width:960px;
text-align:center;
text-transform:uppercase;
font-size:11px;
font-weight:bold
	
}


#navigation ul {
margin-left:250px;

}

#navigation li {
float:left;

}

#navigation li.devider {
margin-left: 20px;
margin-right: 20px;

}

#navigation li.currpage {
font-size:11px;
font-weight:bold;
color:#003366;	
}

#navigation a{

text-decoration:none;
color:#fff;
padding-top: 10px;
padding-bottom: 10px;
display:block;
}


#navigation a:hover{
color:#003366;
}

#currpage{
color:#003366;
}

#mediaslider {
position:relative;
height:220px;
width:960px;

}

#mediaslidernav {
height:10px;
width:150px;
position:absolute;
z-index:100;
margin-left: 20px;
margin-right: 20px;
}



#contentwrapper {
position:relative;
width:960px;
margin-left: 20px;
margin-right: 20px;
background-image:url(../images/rightpanelVline.png);
background-repeat:repeat-y;
}

#contentshadow {
position:relative;
height:20px;
width:960px;

background-image:url(../images/contentshadow.png);
background-repeat:no-repeat;
}

#leftpanel {
position:relative;
width:632px;
padding-bottom:20px;
float:left;
}

#mainheader {
position:relative;
height:35px;
width:510px;
float:left;
padding-left: 20px;
}

#pagefunctions {
position:relative;
height:35px;
width:100px;
float:left;
}

#productsheader {
position:relative;
height:35px;
width:360px;
float:left;
padding-left: 20px;
}

#productsselect {
position:relative;
height:35px;
width:230px;
float:left;
padding-right: 20px;
}

#productsselector {
position:relative;
height:20px;
width:230px;
}

#contenttxt {
position:relative;
width:590px;
padding: 10px 20px 20px 20px ;
float:left;
font-size:11px;
text-align:justify;
}

#contenttxt .intro{
position:relative;
width:590px;
padding: 0px 0px 20px 0px ;
float:left;
font-size:11px;
text-align:justify;
}

#contenttxt a{

text-align:center;
color:#003366;
font-weight:bold;
}

#thanks{
width:590px;
padding: 10px 0px 20px 0px ;
font-size:11px;
text-align:center;
color:#003366;
font-weight:bold;
}

#contenttxt ol{
color:#66ccff;
}

#contenttxt strong{
font-weight:bold;
}


#contentimg{
width:270px;
padding: 10px 10px 10px 10px ;
float:right;
text-align:left;
}

#imgcaption{
width:270px;
padding: 10px 5px 10px 5px ;
float:left;
font-size:10px;
font-style:italic;
color:#003366;
}

#clientslist{
float:left;
height:200px;
width:270px;
text-align:left;
padding: 0 10px 0 10px ;
}

#clientslist ul{
list-style:disc inside;
}

#clientslist li{
color:#66ccff;
line-height:20px;
}


#galleryWrapper{
float:left;
width:570px;
text-align:left;
padding-left:20px;
}


#productsintro{
float:left;
height:80px;
width:290px;
text-align:left;
}

#productsintro img{
float:left;
height:80px;
width:110px;
padding-right:10px;
}

#productsintro p{
height:75px;
width:190px;
padding-top:5px;
}

#productsintro .header{
font-weight:bold;
font-size:12px;
color:#66ccff;
padding-bottom:5px;
}

#gallerythumb{
float:left;
height:80px;
width:110px;
text-align:left;
}

.readmore{
font-size:12px;
color:#003366;
text-align:left;
padding-bottom:5px;
}

.readmore a{
text-decoration:none;
font-size:11px;
color:#66ccff;
padding-bottom:5px;
}

.readmore a:hover{
color:#66ccff;
}

#rightpanel {
position:relative;
width:328px;
float:right;
margin-bottom:auto;
}

#contacttype{
color:#66ccff;
width:50px;
display:block;
float:left;
}

#contactdetail{
width:100px;
display:block;
float:left;
}

#rightpanel ul{
color:#66ccff;
}

#rightpanel li{
padding-bottom: 10px;
display:block;


}

#rightpanel a{
text-decoration:none;
color:#333333;
}

#rightpanel a:hover{
text-decoration:none;
color:#66ccff;
}



#extras {
position:relative;
width:230px;
padding: 0 20px 20px 20px ;
float:left;
}

#extrasdevider {

width:308px;
height:2px;
padding: 20px 20px 0 0 ;
float:left;
background-image:url(../images/extrasdevider.png);
background-repeat:repeat-x;

}


#icon {
position:relative;
width:20px;
padding: 0px 20px 0px 0px ;
float:left;
zoom:1;
}

#extrasdescript {
position:relative;
width:100px;
float:left;
}

#extrasinfo {
position:relative;
width:260px;
padding: 0px 0px 20px 20px ;
float:left;
font-size:11px;
}

#extrasicons {
position:relative;
width:16px;
padding: 0px 0px 20px 10px ;
float:left;

}

#extrasicons img {
padding: 0 4px 0 0 ;
float:right;

}

#clientpanel {
position:relative;
height:85px;
width:960px;

background-image:url(../images/clientBG.png);
background-repeat:repeat-x;
clear:both;
}



#clientlogos {
position:relative;
height:45px;
width:960px;
padding-top: 20px;

}

#clientshadow {
position:relative;
height:20px;
width:960px;

background-image:url(../images/contentshadowbot.png);
background-repeat:no-repeat;
}

#footer {
position:relative;
height:120px;
width:960px;
margin-left: 20px;
margin-right: 20px;
background-image:url(../images/footerBG.png);
background-repeat:repeat-x;
}

#footerinfo {
position:relative;
height:100px;
width:960px;
text-align:center;
font-size:10px;
color:#FFFFFF;
padding-top: 20px;
}