/* CSS Document */
html {
	margin: 0;
	padding: 0;
	}
body { 
	/*font-family:"Century Gothic", Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	}

#contactUs {
position: absolute;
left: 550px;
top:75px;
width: 400px;
padding-top: 8px;
color:#a4a4a4;
font-size: 11px;
text-align: right;
}
#webshop {
position: absolute;
left: 800px;
top:32px;
z-index: 100;
}
#contactUs .bold {
font-weight: bold;
font-size: 13px;
color:#a4a4a4;
}

#contactUs .smallBold {
color:#a4a4a4;
font-weight: bold;
font-size: 11px;
}

   

#bigBox {
margin: 0 auto; 
position: relative; 
width: 975px;
}
.container {
position:absolute;
top: 20px;
margin-left:-488px;
left: 50%;
}
#logo {
position: absolute;
top: 18px;
left: 40px;
width:543px;
height:92px;
}


/*nav*/
.orange {
	position: absolute;
	left: 0px;
	top:92px;
	background-color: #E85412;
	width: 975px;
	height: 27px;
	z-index:15;
}

#nav {
	position: absolute;
	width: 665px;
	height: 27px;
	left: 0px;
	top:92px;
	background-color: #E85412;
	z-index: 100;
	}
	
 
   
#nav ul {
	margin: 0;
	padding: 0;
	margin-left: 33px;
	
	
  }
#nav li {
	list-style-type: none;
	float: left;
	display: inline;
	font-size:13px;
	font-weight: bold;
	padding: 6px;
	
 }

#nav a:link {
	background-color:#E85412;
	color:#ffffff; 
	text-decoration: none;
	
	
	
	} 

 
#nav a:visited {
	background-color: #E85412;
	color:#ffffff; 
	text-decoration: none;
	
 	
	
 	} 
#nav a:hover{
	color:#212121;
	text-decoration: none;

 	
	
 	} 
#nav a:active{
	color:#212121;
	text-decoration: none;

	
}
#nav .current { 
	color:#212121;
	} 

/*collectionNav*/

#collectionNav  {
letter-spacing: .1em;
position: absolute;
top: 9px;
left: 815px;
width: 160px;
height: 280px;
background-color:#212121;
z-index: 20;
}
#collectionNav ul {
margin:0;
padding:0;
position: relative;
list-style:none;
margin-top: 7px;
line-height: 160%;
}
#collectionNav li {
margin:0;
padding:0;
display: inline;
font-size: 13px;
list-style:none;
font-weight: bold;
}
#collectionNav a:link {
font-size: 13px;
text-decoration: none;
color: #ffffff;
background-color:#212121;
display: block;
padding-left: 10px;
}	
#collectionNav a:visited {
font-size: 13px;
text-decoration: none;
color: #ffffff;
background-color:#212121;
display: block;
padding-left: 10px;
}
#collectionNav a:hover  {
font-size: 13px;
text-decoration: none;
color: #E85412;
background-color:#ffffff;
display: block;
padding-left: 10px;
}
#collectionNav a:active  {
font-size: 13px;
text-decoration: none;
color: #E85412;
background-color:#ffffff;
display: block;
padding-left: 10px;
}
#collectionNav #selected  {
color: #E85412;
background-color:#ffffff;
display: block;

}


#flashContent {
position: absolute;
top:112px;
left: 0px; 
width:975px;
height:318px;
z-index: 1;
}
#flashMain {
position: absolute;
top:112px;
left: 0px; 
width:975px;
height:350px;
z-index: 1;
}
#mainContent {
position: absolute;
top:0px;
left: 0px; 
width:740px;
height:318px;
color:#333333;
padding: 20px 0 0 40px;
}
#flashCat {
position: absolute;
top:0px;
left: 0px; 
width:975px;
height:550px;
z-index: 20;
}

#about {
position: absolute;
width: 168px;
height: 168px;
left: 30px;
top: 290px;
z-index: 10;
}

#alt_content {
position: absolute;
top:125px;
left: 0px; 
width:660px;
height:318px;
color:#333333;
padding: 20px 0 0 40px;
}

#tech_content {
position: absolute;
top:0px;
left: 0px; 
width:660px;
height:318px;
color:#333333;
padding: 20px 0 0 40px;
}
#content {
position: absolute;
top:112px;
left: 0px; 
width:740px;
height:318px;
color:#333333;
padding: 20px 0 0 40px;
}
#collections_content {
position: absolute;
top:10px;
left:420px; 
width:330px;
height:318px;
color:#333333;
padding: 20px 0 0 40px;
}
#download {
position: absolute;
top: 166px;
left: 742px;
}
#default {
position: absolute;
top: 0px;
left: 0px;
}

h1 {
margin: 0;
padding: 0;
}
h3 {
font-family:"Times New Roman", Times, serif;
margin:0;
font-size:18px;
font-weight:bold;
line-height: 120%;
padding-top: 15px;
}
h4 {
font-family:"Times New Roman", Times, serif;
font-size: 15px;
margin: 0;
padding-top: 15px;
}
.small {
font-size: 10px;
}
#aboutContent {
position: absolute;
top:110px;
left: 0px; 
width:590px;
height:530px;
color:#333333;
padding: 20px 0 0 40px;
}
p {
padding: 0;
margin: 0;
}

#left {
position: relative;
float: left;
width: 270px;

}
#right {
position: relative;
float: right;
width: 300px;
padding-right: 10px;
}
.heading_1 {
position: absolute;
top: 135px;
left: 650px;
}
.bodyText{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height: 140%;
padding-top: 10px;
}
#footer {
position: absolute;
left: 0px;
top:430px;
background-color: #565A63;
width: 975px;
height: 92px;

}
#footer2 {
position: absolute;
left: 0px;
top:430px;
background-color: #565A63;
width: 975px;
height: 92px;

}
#plainFooter {
position: absolute;
left: 0px;
top:430px;
background-color:#565A63;
width: 975px;
height: 92px;

}

#numbers {
position: relative;
margin-right: 320px;
padding-top: 4px;
color:#212121;
font-size: 11px;
text-align: right;

}
#numbers .bold {
font-weight: bold;
font-size: 13px;
color:#212121;
}
#note {
position: absolute;
left: 300px;
top: 46px;
width: 350px;
font-weight: bold;
font-size: 11px;
font-style:italic;
color:#212121;
}
#numbers .smallBold {
color:#212121;
font-weight: bold;
font-size: 11px;
}
#flashRotate{
position: absolute;
left: 0px;
top: 0px;
}
.heading {
position: absolute;
left: 680px;
margin-top: 10px;

}

#FAQcontent {
margin-left: 250px;

}



#contact {
position: relative;
margin-right: 765px;
padding-top: 15px;
color:#040404;
font-size: 11px;
text-align: right;

}
#contact .bold {
font-weight: bold;
font-size: 13px;
color:#040404;
}

#contact .smallBold {
color:#040404;
font-weight: bold;
font-size: 11px;
}
.design {
padding: 35px 0 0 40px;
}
.family {
position: absolute;
top: -139px;
left: 780px;
z-index: 100;
}
#flashFamily {
position: absolute;
top: -134px;
left: 782px;
z-index: 200;
}
.circle {
position: absolute;
top: -141px;
left: 780px;
z-index: 100;
}
.smallImage {
position: relative;
margin-left: 600px;
}



/*form  - start*/
#form {
position: absolute;
width:505px;
left: 255px;
top: 80px;
font-weight:bold;
font-size:12px;
color:#333333;
}

#form label, label span {
display: block;
padding-bottom: .25em;
}
#form label {
float: left;
width: 100%;
}
#form label span {
float: left;
width: 20%;
text-align: left;
}
#form fieldset {
width: 100%;
border: 0;

}
#form fieldset textarea {
width: 305px;
height: 70px;
font-size: 11px;
border:0;
float: left;
border: 1px solid #333333;
}
#form fieldset input {
width: 305px;
height: 21px;
font-size: 10px;
background-image:url(images/formField.gif);
border:0;
float: left;
border: 1px solid #333333;
}

#form fieldset input:active, input: focus {
border-color: #E85412;
}
#form fieldset input:hover {
border-color: #E85412;
}
#form fieldset textarea:active, textarea: focus {
border-color: #E85412;
}
#form fieldset textarea:hover {
border-color: #E85412;
}
#form strong {
color: #E85412;
}
#submit {
margin: 0;
padding: 0;
position:absolute;
width: 100px;
height: 21px;
background-color:#E85412;
top: 192px;
left: 310px;
color:#FFFFFF;
border: 0;


}