/*****************************************************
1. RESET CSS code
2. SPECIAL CASES code
3. BODY code
4. STRUCTURE code
5. QUICK NAV code
5. GALLERY code
*****************************************************/

/********** RESET CSS here **********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr { display:none; }
.clear { clear:both; height:1px; display:block; margin:0; padding:0;}



/********** SPECIAL CASES  here **********/
#visittext{
	color:#818FC1;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
/********** BODY here **********/

body {
	background:url(../../images/skin1/page_bg.jpg) bottom center repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; color:#333;
}
/* TYPOGRAPHY */
h2 { font-size:120%; color:#818FC1; margin:0 0 12px 0; padding:0; }
h3 { font-size:110%; color:#818FC1; margin:0 0 12px 18px; padding:0;}
h2 span.purpleText { color:#818FC1; }
.greenText { color:#818FC1; }
.purpleText { color:#818FC1; }

a.purpleText, #contentRight a.purpleText, #newsList .newsRow a.purpleText { text-decoration:underline }

.red{color:red;}


#newstitle, #newstitle h2, #newstitle .purpleText{ /*color:#323232 !important; font-weight:normal !important;*/ }


a.red{color:red; text-decoration:underline;}

/********** STRUCTURE here **********/
/* Frame */
#frame {
	margin:0 auto;
	position:relative;
	width:724px;
}

/* Header */
#header {
	border-bottom:1px solid #E3E7F3;
	height:97px;
	margin:0 0 5px 0;
	position:relative;
}

#header h1 {
	background: url(../../images/skin1/camira-logo.jpg) top left no-repeat;
	display:block;
	height:80px;
	left:0px;
	position:absolute;
	text-indent:-9999em;
	top:10px;
	width:205px;
}

#header h1 a{
	display:block;
	height:80px;
	width:205px;
}

/* Header Language List */
#header #languages {
	
	height:37px;
	right:5px;
	position:absolute;
	top:10px;
	width:225px;	
}

#header #languages ul{
	
	height:28px;
	width:225px;	
}

#header #languages li{
	float:left;	
}
#header #languages li a{
	display:block;
	height:37px;
	margin:0 2px 0 0;
	text-indent:-9999em;
	width:30px;
}

#header #languages li a#eng{
	background: url(../../images/skin1/lang-eng.jpg) top left no-repeat;
}
#header #languages li a#fr{
	background: url(../../images/skin1/lang-fr.jpg) top left no-repeat;
}
#header #languages li a#ger{
	background: url(../../images/skin1/lang-ger.jpg) top left no-repeat;
}
#header #languages li a#sp{
	background: url(../../images/skin1/lang-sp.jpg) top left no-repeat;
}
#header #languages li a#it{
	background: url(../../images/skin1/lang-it.jpg) top left no-repeat;
}
#header #languages li a#pol{
	background: url(../../images/skin1/lang-pl.jpg) top left no-repeat;
}
#header #languages li a#us{
	background: url(../../images/skin1/lang-us.jpg) top left no-repeat;
}
/* Header Misc */
#header hr {
	display:none;
}

/* Image Strip */
#image_strip {

	height:70px;
	margin:0 0 5px 0;
	overflow:hidden;
}

/********** SPLASH ****************/
body#pagesplash {
	background:url(../../images/skin1/page_bg.jpg);

}
#splash{
	width:724px; height:800px; margin-top:-250px; margin-left:-362px;
	position:absolute; top:50%; left:50%; 
	padding-top:20px;
}

#splash_flags{

}

#splash_flags div{
	float:left; width:300px; height:200px; background-repeat:no-repeat; background-position:top left;
}

#usflag{background-image:url(../../images/splash/usflag.jpg);}
#euflag{background-image:url(../../images/splash/euflag.jpg);}

#splash_flags h2{
	font-size:22px;
	margin:0; color:#495b9e;
	font-weight:normal;
}

#splash_flags h2 a{
	display:block; padding:110px 0 0 0; color:#495b9e; text-decoration:none;
}
#splash_flags h2 a:hover{
	color:#7388bd;
}



/********** SPLASH END *******************/


/********** CONTENT here **********/
#content {
	font-size:12px;
}

/* Content Left */
#contentLeft {
	float:left;
	width:165px;
}
/* Content Right */
#contentRight {
	float:right;
	padding:10px;
	width:539px;
}
#contentRight p{  margin: 0.5em 0 0.5em 0; line-height:1.4em; }
#contentRight a{ text-decoration:none;color:#666699; }
#contentRight a:hover{ text-decoration:underline; color:#666699; }

#contentRight ul { 
	margin:10px 0 10px 2.0em; 
	list-style:disc outside;
}
#contentRight ul li b.greenText { 
	display:block;
	margin:10px 0;
}



/* Content Right */
#footer {
	border-top: 1px solid #E3E7F3;
	background:url(../../images/skin1/footer-logos.png) top left no-repeat;
	clear:both;
	font-size:9px;
	height:97px;
	margin:10px 0 0 0;
	overflow:hidden;
	padding:10px 0 0 180px;
	position:relative;
	width:598px;
}

#footer a:hover { text-decoration:underline; }
#footer a.fantastic:hover { color:#CC0000;position:relative; }

#footer a, #footer {
	color:#98999F;
	text-decoration:none;
}

#LanguagesFooter {
	
	height:14px;
	margin:5px 0;
	width:600px;
}
#LanguagesFooter ul {
	height:14px;
	
}
#LanguagesFooter ul li{
	float:left;
	height:14px;
}
#LanguagesFooter ul li a{
	height:14px;
	text-align:center;
	width:100px;
}



#footer #teknitPrint { display:none; }
#pageTeknit #teknitPrint {display:block; }




#camirabutton {
	display:none;
}

/********** QUICK NAV here **********/

/* Quick Nav */
#quickNav {  
	right:5px; 
	margin:0; 
	padding: 2px 2px 2px 2px;
	position:absolute; 
	top:55px; 
	width:186px;
	z-index:4000; 
	left:528px;
}


/********** INTRO STRIP here **********/
#introStrip {
	
	border-bottom: 1px solid #E3E7F3;
	color:#818FC1;
	padding:5px 0;
	margin:0 0 10px 0;
	position:relative;
}

#introStrip h2 { 
	font-size:40px;
	margin:0; color:#526297;
	font-weight:normal;
	height:50px;
}

#introStrip b { 
	position:absolute; left:0; top:6px; line-height:0; font-size:0;
	 width:7px; height:6px; background:url(../../images/skin1/header_dots.gif) no-repeat top left;
}

#introStrip b#d1{left:100px;}

#ptro { 
	font-size:18px;
	letter-spacing:0; font-weight:normal;
	margin:0; color:#96a32f;
}

#subptro{font-weight:bold;}

#newsList #newstitle h2 { 
	font-size:26px; font-weight:lighter;
	letter-spacing:-1px;
	height:30px;
	margin:0; color:#526297;
}
#newsList #newstitle h2 .purpleText{
	color:#526297;
}


#gen_ul{
	padding:0 0 5px 0
}
#gen_ul li{
	margin:0 0 5px 0;
}

/********** INTRO STRIP HOME here **********/
#camiraintro {
	margin:0 0 20px 0;
}

/********** GALLERY here **********/
#galleryContainer { margin:15px auto; width:508px; padding:0;}
#galleryContainer h3.greenTab{ margin:0; width:128px; padding:0; height:27px; line-height:27px; text-align:center; background: url(../../images/gallery_tab3.gif) left top no-repeat; color:#ffffff;}
#galleryContainer h3.purpleTab{ margin:0; width:128px; padding:0; height:27px; line-height:27px; text-align:center; background: url(../../images/gallery_tab3.gif) left top no-repeat; color:#ffffff;}
#galleryContainer h3.purpleTab a { color:#ffffff; }


#galleryLeft{ margin:0 0 20px 0; width:508px; float:left; padding: 1px 0;}
#galleryRight{ margin:20px 0 0 0; width:508px; float:left; padding: 1px 0; }
ul.gallery {  margin:0 !important; padding:0; list-style:none; width:508px; background-color:#ffffff; border-top: 4px solid #B9C5DD; list-style:none !important; }

ul#galleryPurple {background-color:#ffffff;  border: 1px solid #B9C5DD;  border-width:4px 1px 1px 1px;}
ul.gallery li { margin:0; padding:0; float:left; }
ul.gallery li a { margin:0; padding:5px; display:block; width:117px; text-align:center; }
ul.gallery li a:hover { background:#B9C5DD; }
ul#galleryPurple li a:hover { background:#B9C5DD; }

ul.gallery li a:hover img { filter: none; }
ul.gallery li a img { margin:0; padding:0; border:none; width:117px; }

/* gallery tabs */
#contentRight .gallerytabs-wrapper{
	clear:both;
}

#contentRight .gallerytabs-container{
	
}

#contentRight .gallerytabs-menu{
	float:left; margin:0 0 0 0; padding:0 0 0 0; list-style:none;
}

#contentRight .gallerytabs-menu li{
	float:left; margin:0 2px 0 0; padding:0; list-style:none; border:1px solid #b9c5dd; border-bottom:1px solid #F5F5F5; position:relative; top:1px;
	background:#F5F5F5;  letter-spacing:0;
	
}

#contentRight .gallerytabs-menu li a{
	display:block; padding:3px 8px; text-align:center; color:#7387bc; font-family:sans-serif;
}

#contentRight .gallerytabs-menu li a:hover{
	color:#b9c5dd;  text-decoration:none;
}

#contentRight .gallerytabs-menu li.tab-selected {
	border:1px solid #b9c5dd; border-bottom:1px solid #b9c5dd; background:#b9c5dd; 
}

#contentRight .gallerytabs-menu li.tab-selected a{
	color:#fff;  padding:3px 8px 4px 8px;
}

/**/


#printlogo{display:none;}
body#pageSampleSearch #introStrip h2, body#pageSampleProducts #introStrip h2{padding:10px 0; }

body#pageSampleSearch #introStrip h2, body#pageSampleProducts #introStrip h2{margin:0; padding:10px 0; }
/********** CONTACT here **********/

div.outerdiv_contact{
	float:left; width:531px; margin:0 0 20px 0; padding:3px; border:1px solid #CBD3E8; background:#ebeff8; color:#666699; font-size:90%;
}
div.innerdiv_contact{
	float:left; width:526px; margin:0; padding:5px 0 20px 5px; background:url(../../images/bg/stripe.gif) repeat;
}

#contactFilter_back{
	float:right; padding:10px; font-size:12px
}

#contactResults {

}

#contactResults h3{
	margin:0;
}

.employeeRow {
	margin:10px 0;
	padding:10px;
}

#contactFilter {
	display:block;
	clear:both;
}


.selectList {
	
}

#holdsworth_link {
	display:block;
	height:50px;
	background: url(../../images/hworth_btn2.png) top left no-repeat;
	width:165px;
	text-indent:-9999em;
	margin:0 auto 30px auto;
}


#peopleList {
	margin:20px 0;	
}
.peopleRow {
	float:left;
	height:202px;
	width:179px;
	
	overflow:hidden;
	position:relative;
	margin:0 0 1px 0;
}

.peopleRow img{
	height:152px;
	width:114px;
	position:absolute;
	top:0px;
	left:50%;
	margin:0 0 0 -57px;
}
.peopleRow span{
	display:block;
	font-size:10px;
	height:32px;
	width:179px;
	position:absolute;
	bottom:0px;
	text-align:center;
	padding:9px 0;
	left:0;
	margin:0;
}
.peopleRow span b{
	
	font-size:11px;
}

/* bcrumb */
#bcrumb{
	margin:0 0 10px 0; padding:0;
}
#bcrumb ul{
	margin:0; padding:0; list-style:none; display:inline;
}
#bcrumb ul li{
	margin:0; padding:0; list-style:none; display:inline; font-size:x-small
}
#bcrumb ul li a{
	text-decoration:underline
}
#bcrumb ul li a:hover{
	text-decoration:none
}
