html, body, img, form, div 

{

	padding: 0px;

	margin: 0px;

	border: 0px;

}



html 

{

	height: 100%;

	width: 100%;

}



body 

{

	font-size: 10px;

	line-height: 15px;

	font-family: Helvetica, Arial, sans-serif;

	font-weight: normal;

	text-align: left;

	color: #ffffff;

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

}



.global

{

position: absolute;

top: 0;

left: 0;

background: url(../images/working/back_gradient.jpg) repeat-x fixed;

width: 100%;

}


.iPhone

{

position: absolute;

top: 0;

left: 0;

background: url(../images/content/clamcam_iphone_banner2.jpg) repeat-x fixed;

width: 320px;

}



.banner

{

background: url(../images/banner/banner_back2b.jpg) top no-repeat;

position: relative;

width: 900px;

height: 145px;

margin: 10px 0px 0px 0px;

}


.bannercontent

{

background: url(../images/banner/banner_back3b.jpg) top no-repeat;

position: relative;

width: 900px;

height: 145px;

margin: 10px 0px 0px 0px;

}


.bannercontentb

{

background: url(../images/banner/banner_back2b.jpg) top no-repeat;

position: relative;

width: 900px;

height: 145px;

margin: 10px 0px 0px 0px;

}


.bannerlogo 

{

float: left;

width: 450px;

height: 93px;

}



.bannernav 

{

float: right;

width: 450px;

height: 93px;

margin: 9px 0px 0px 0px;

}



.searcher

{

float: right;

width: 900px;

height: 23px;

color: #333333;

font-size: 11px;

display: block;

font-family: Arial, sans-serif;

margin: -4px 0px 0px 0px;

}



.textsearch

{

color: #333333;

font-size: 10px;

font-family: Arial, sans-serif;

}



.searchbutton

{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 9px;

color: #333333;

background: url(../images/dot.gif) repeat;

padding: 1px 0;

margin: 1px 0px 0px 0px;

border-width: 0;  

cursor: pointer;

cursor: hand;

width: 110px;

}

	

.searchbutton_hover 

{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 9px;

color: #3366FF;

background: url(../images/working/dot.gif) no-repeat;

padding: 1px 0;

border-width: 0;  

cursor: pointer;

cursor: hand;

width: 110px;

}



.mainbarnav 

{

clear: both;

display: block;

width: 900px;

height: 20px;

}



.mainbarnav a, .mainbarnav a:link, .mainbarnav a:visited 

{

color: #ffffff;

display: inline;

font-weight: bold;

font-size: 11px;

text-decoration: none;

}



.mainbarnav a:hover 

{

color: #3366FF;

font-weight: bold;

font-size: 11px;

border-bottom: none;

text-decoration: none;

}



.mainbarnavdrop

{

float: left;

display: inline;

position: static;

width: 142px; 

visibility: hidden;

top: 138px;

left: 0;

z-index: 1000;

margin: 0px 0px 0px 100px;

}



.dropmenu 

{

float: left;

font-size: 10px;

line-height: 19px;

font-family: Verdana, Helvetica, Arial, sans-serif;

font-weight: normal;

background: #ffffff;

display: block;

z-index: 1000;


}



.dropmenu a, .dropmenu a:link, .dropmenu a:active, .dropmenu a:visited 

{

font-size: 10px;

line-height: 19px;

font-family: Verdana, Helvetica, Arial, sans-serif;

font-weight: normal;

color:#4f6768;

height: 20px;

text-decoration:none;

display:block;

float: left;

z-index: 1000;


}



.dropmenu a:hover 

{

font-size: 10px;

line-height: 19px;

font-family: Verdana, Helvetica, Arial, sans-serif;

font-weight: normal;

color: #3366FF;

height: 20px; 

background-color: #ffcc66;

text-decoration: none;

display: block;

float: left;

z-index: 1000;


}



.splash 

{

clear: both;

position: static;

width: 894px;

height: 200px;

background: #ffffff;

}

.splashmini 

{

clear: both;

position: static;

width: 894px;

height: 75px;

background-color: #ffffff;

background: url(../images/content/content_back_middle2.jpg) top repeat-y;

z-index: 2;

}



.lowerhalf 

{

background: url(../images/lower/lower_back3.jpg) no-repeat;

width: 894px;

height: 307px;

color: #000000;

position: relative;

}



.lowerhalf a, .lowerhalf a:link, .lowerhalf a:active, .lowerhalf a:visited 

{

font-size: 12px;

font-family: Arial, sans-serif;

font-weight: inherit;

color: #000000;

text-decoration: none;

display: inline;

}



.lowerhalf a:hover 

{

font-size: 12px;

font-family: Arial, sans-serif;

font-weight: inherit;

color: #3366FF;

text-decoration: none;

display: inline;

}



.footer 

{

color: #000000;

font-family: Arial, sans-serif;

font-size: 10px;

width: 894px;

height: 30px;

}



.footer a, .footer a:link, .footer a:active, .footer a:visited 

{

font-size: 9px;

font-family: Arial, sans-serif;

font-weight: inherit;

color: #000000;

text-decoration: none;

display: inline;

}



.footer a:hover 

{

font-size: 9px;

font-family: Arial, sans-serif;

font-weight: inherit;

color: #3366FF;

text-decoration: none;

display: inline;

}

#ticker-container {
        position:relative;
        overflow:hidden;
        width: 380px;
        height: 100px;
	   margin: 30px 0px 0px 60px;
        background: url(../images/dot.gif);
        background-repeat: repeat;
        padding: 2px;
        border:  none;
        }
	
	#ticker {
		position:relative;
		width:380px;
	}
	
	#ticker ul {
		padding:0;
		margin:0;
		list-style-type:none;
	}
	#ticker ul li {
            display:list-item;
            margin-top: 1px;
            margin-bottom: 1px;
            padding-top: 1px;
            padding-bottom: 1px;
            font-family: arial;
            font-size: 11px;
            font-weight: normal;
            color: #333333;
            padding-left: 2px;
	}
	
	#ticker ul li a {
            font-family: arial;
            font-size: 11px;
            font-weight: bold;
		  color: #3366FF;
            text-decoration: underline;
            padding-left: 0px;
	}
        
        #ticker ul li a:hover {
            font-family: arial;
            font-size: 11px;
            color: blue;
		  padding-left: 0px;
	  	  text-decoration: underline;
        }
	
	.ticked a, a:link {
         	font-family: Arial;
         	font-size: 11px;
         	font-weight: bold;
		color: blue;
         	text-decoration: none;
         	padding-left: 0px;
	}
        
	.ticked a:hover {
            font-family: arial;
            font-size: 11px;
            color: #3366FF;
		  padding-left: 0px;
	  	  text-decoration: underline;
        }


.maincontentpages

{

clear: both;

position: static;

width: 894px;

height: 100%;

margin: 0px 0px 0px 0px;

z-index: 2;

}


.contenttop

{
position: relative;
background: url(../images/content/content_back_top.jpg) top no-repeat;
width: 894px;
height: 6px;
margin: 0px 0px 0px 0px;
z-index: 2;
}

.maincontenthold

{
position: static;
background: url(../images/content/content_back_middle2.jpg) top repeat-y;
width: 894px;
margin: 0px 0px 0px 0px;
color: #666666;
z-index: 1;
}

.maincontenthold a, .maincontenthold a:link, .maincontenthold a:active, .maincontenthold a:visited 

{

font-size: 12px;

font-family: Arial, sans-serif;

font-weight: inherit;

color: #3366FF;

text-decoration: none;

display: inline;

}

.maincontenthold a:hover 

{

font-size: 12px;

font-family: Arial, sans-serif;

font-weight: inherit;

color: blue;

text-decoration: none;

display: inline;

}



.contentbottom

{
position: relative;
background: url(../images/content/content_back_bottom.jpg) top no-repeat;
width: 894px;
height: 5px;
margin: 0px 0px 0px 0px;
padding: 0;
z-index: 2;
}

label.error {
	color: #da3939;
	font-style: italic;
	font-weight: normal;
}

.awardbanner {
color: #000000;
font-size: 14px;
font-family: Arial;
}

.replaceh1g
{
color: #666666;
font-size: 20px;
font-weight: bold;
font-family: Arial;
}

.replaceh1dg
{
color: #333333;
font-size: 20px;
font-weight: bold;
font-family: Arial;
}

.replaceh1b
{
color: #000000;
font-size: 20px;
font-weight: bold;
font-family: Arial;
}

.replaceh2g
{
color: #666666;
font-size: 18px;
font-weight: bold;
font-family: Arial;
}

.replaceh2dg
{
color: #333333;
font-size: 18px;
font-weight: bold;
font-family: Arial;
}

.replaceh2b
{
color: #000000;
font-size: 18px;
font-weight: bold;
font-family: Arial;
}

.replaceh3g
{
color: #666666;
font-size: 16px;
font-weight: bold;
font-family: Arial;
}

.replaceh3dg
{
color: #333333;
font-size: 16px;
font-weight: bold;
font-family: Arial;
}

.replaceh3b
{
color: #000000;
font-size: 16px;
font-weight: bold;
font-family: Arial;
}

.replaceh4g
{
color: #666666;
font-size: 14px;
font-weight: bold;
font-family: Arial;
}

.replaceh4dg
{
color: #333333;
font-size: 14px;
font-weight: bold;
font-family: Arial;
}

.replaceh4b
{
color: #000000;
font-size: 14px;
font-weight: bold;
font-family: Arial;
}

.productstxt
{
font-size: 10px;
color: #000000;
font-family: Arial;
width: 185px;
}

.softstyle
{
width: 600px;
color: #000000;
}

.softheader
{
color: #333333;
vertical-align: top;
font-weight: bold;
background-color: #99ccff;
}

.softholder
{
color: #333333;
background-color: #99ccff;
vertical-align: top;
}

.softholder a, .softholder a:link, .softholder a:active, .softholder a:visited 

{


font-family: Arial, sans-serif;

font-weight: bold;

text-decoration: underline;

color: blue;

display: inline;

font-size: 11px;

}

.softholder a:hover 

{


font-family: Arial, sans-serif;

font-weight: bold;

text-decoration: underline;

color: #ff6600;

display: inline;

font-size: 11px;

}


.replaceh3wbak
{
color: #ffffff;
background: url(../images/content/titleback.jpg) top repeat-x;
font-size: 1.2em;
line-height: 2em;
font-weight: bold;
margin-left: 0;
padding: 0 7px;
margin-bottom: 8px;
text-transform: none;

}

.replaceh4wbak
{
color: #ffffff;
background: url(../images/content/titleback.jpg) top repeat-x;
font-size: 1em;
line-height: 2em;
font-weight: bold;
margin-left: 0;
padding: 0 7px;
margin-bottom: 8px;
text-transform: none;

}

.price 
{
color: #333333;
font-size: 14px;
font-weight: bold;
font-family: Arial;
}

.quicknav
{
color: #ffffff;
font-size: 1em;
font-weight: bold;
}


.quickoption
{
font-size: 10px;
color: #333333;
}

.softnavl
{
font-size: 10px;
font-family: Arial, sans-serif;
color: #666;
width: 298px;
float: left;
}

.softnavl a, .softnavl a:link, .softnavl a:active, .softnavl a:visited 

{
font-family: Arial, sans-serif;
font-weight: bold;
text-decoration: underline;
color: blue;
font-size: 10px;
}

.softnavl a:hover 

{
font-family: Arial, sans-serif;
font-weight: bold;
text-decoration: underline;
color: #ff6600;
font-size: 10px;
}

.softnavr
{
font-size: 10px;
font-family: arial, sans-serif;
color: #666;
width: 298px;
float: right;
}

.softnavr a, .softnavr a:link, .softnavr a:active, .softnavr a:visited 

{
font-family: Arial, sans-serif;
font-weight: bold;
text-decoration: underline;
color: blue;
font-size: 10px;
}

.softnavr a:hover 

{
font-family: Arial, sans-serif;
font-weight: bold;
text-decoration: underline;
color: #ff6600;
font-size: 10px;
}

.orangebox

{
border-width: 2px;
border-color: coral;
border-style: solid;
display: inline;
}


.resources

{
position: static;
width: 600px;
margin: 0px 0px 0px 0px;
color: #333;
font-size: 12px;
font-family: Arial, sans-serif;
font-weight: inherit;

}

.resources a, .resources a:link, .resources a:active, .resources a:visited 

{

font-size: 12px;
font-family: Arial, sans-serif;
font-weight: inherit;
color: #3366FF;
text-decoration: none;
display: inline;

}

.resources a:hover 

{

font-size: 12px;
font-family: Arial, sans-serif;
font-weight: inherit;
color: coral;
text-decoration: none;
display: inline;

}

.servicescap a, .servicescap a:link, .servicescap a:active, .servicescap a:visited 

{

font-size: 10px;
font-family: Arial, sans-serif;
font-weight: normal;
color: #666666;
text-decoration: none;
display: inline;

}

.servicescap a:hover 

{

font-size: 10px;
font-family: Arial, sans-serif;
font-weight: normal;
color: coral;
text-decoration: none;
display: inline;

}

.truebold
{
font-size: 110%;
font-weight: bold;
}

.truebold2
{
font-size: 130%;
font-weight: bold;
}


.trueboldz
{
font-size: 110%;
font-weight: bold;
font-style: italc;
}

.gallerykey
{

font-size: 10px; 
color: #333; 
position: relative; 
top: -20px; 
width: 500px;
padding: 5px 3px 5px 3px;
border: 1px solid orange;
}


.centerdiv
{ 
/*IE method of centering a relative div*/ 
text-align: center; 
}  
.centerdiv>div{ /*Proper way to center a relative div*/ margin: 0 auto; }