﻿body {padding:0;margin:0; }
.defaultStyle { font:8pt tahoma;}

body { margin:0;padding:0;background:#d5d5d5;}

#logo { width:790px;background:#fff;margin:1px;float:left;height:100px;}
#headerLogo { width:790px;height:70px; margin:0 auto;}
#shadowFrame { width:950px;float:left; border:0px solid silver;}

#top {height:150px;}
#topMenu {height:30px;}

#holder { margin:0 auto;width:856px; }
#menuHolder { float:left;width:500px;margin-top:140px;margin-left:5px; }

#wrapper { width:100%;float:left;border:0px solid silver;background:white;}
#marginedWrapper { width:800px;float:left;margin-left:25px; border:0px solid silver; }


#header {margin:0 auto;width:1000px;height:199px;background:#d5d5d5 url(images/SVSHeader.png);}
#menu  { margin:0 auto; width:800px; height:200px;}
#bannermenuHolder { width:790px;background:#f2f2f2}

#banner{ width:800px; height:200px;float:left;  background:#fff;}
#bannerBottom { width:800px; height:7px;float:left;  background:#f2f2f2;}


#bodySection { border-top:3px solid #f9f9f9;width:950px;float:left;padding:0px;}
#leftSide    { background:#ff9f9;margin:5px;width:200px;float:left;font:0.7em arial;border:0px solid silver;}
#rightSide    {float:right; width:200px; background:#f9f9f9;font:0.7em arial;}

#contentHolder { width:800px;background:#fff;float:left;border:0px solid silver;font:0.8em arial;}

#bottomBanner { float:left;width:800px;height:347px;background:#d5d5d5 url(images/SVSFooter.png);margin-top:20px;}
#footer { float:left;width:800px;height:80px;background:#fff;}
#footerMenu { float:right;width:500px;height:20px;font:0.7em tahoma;}

a.imageLink { }
a.imageLink:hover {background:white;}




/*** Horizontal menu ***/
#mainmenu {
/*background:#eee;*/
 float:left;width:650px;height:35px;
 margin:7px;
}

#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}

#mainmenu li {
float:left;
height:35px;
list-style:none;
margin:1px;
padding:0;
}

#mainmenu a {
border:0px solid #b0b0b0;
color:#222;
display:block;
font-family:Arial;
font-size:0.7em;
padding:7px 5px 5px;
text-decoration:none;
font-weight:bold;
background:#f9f9f9;
}

#mainmenu a:hover {
background:#f2f2f2 url(Images/header_bg.gif) top left repeat-x;
color:#222;
border:0px solid #b3ddf5;
}

#mainmenu a.current {
background:#f0f0f0 url(Images/menuhover+.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

/*** Horizontal menu ends ***/

/*******footer menu starts***********/

#footerMenu  { margin-right:10px;margin-top:10px;padding:0;float:right; width:400px;border:0px solid red;}
#footerMenu ul { margin:0;padding:0;float:right; }
#footerMenu li { float:left;  list-style:none; margin:0; padding:0; }
#footerMenu a { color:#222; display:block; font-family:tahoma; font-size:0.8em;padding:8px 2px 2px; text-decoration:underline;}
#footerMenu a:hover { color:#555; text-decoration:none;}
#footerMenu a.current { background:#f0f0f0 url(Images/menuhover+.jpg) top left repeat-x; color:#505050; text-decoration:none;}

/*******footer menu ends***********/

#topMenu ul { margin:0;padding:0;float:right; }
#topMenu li { float:left; height:25px; list-style:none; margin-left:4px; padding:0; }
#topMenu a { color:#777; display:block; font-family:arial; font-size:0.9em;padding:8px 2px 2px; text-decoration:none;font-weight:bold;}
#topMenu a:hover { color:#222; text-decoration:none;}
#topMenu a.current { background:#f0f0f0 url(Images/menuhover+.jpg) top left repeat-x; color:#505050; text-decoration:none;}





.projectPics { float:left;margin:3px; border:1px solid silver;}




.editToolbox {border:1px solid silver;height:21px;background:#f0f0ee;}
.editToolbox a { padding:2px; border:1px solid silver;margin:1px;width:18px;
                 display:block;float:left;text-align:center;text-decoration:none;
                 background:#f9f9f9;
                }
.editToolbox a:hover {background:#B2BBD0; border:1px solid #0A246A;}

/*********** REFERENCES TABLE *****************/

table.refGroup { font:10pt arial;}
table.refGroup caption { font:14
pt arial;text-align:left;color:black;height:30px;}

table.refGroup tr.header {background:#444;color:white;}
table.refGroup tr td {height:20px;padding:5px;}
table.refGroup tr.alter {background:#e9e9e9;}
table.refGroup tr td.marka {width:120px;}
table.refGroup tr td.model {width:200px;}
table.refGroup tr td.amount {text-align:center;font-weight:bold;}

.titleHolder {

background:#fff url(Pictures/Titlesbg.jpg);
height:59px;width:100%;
border:0px solid silver;
margin-bottom:10px;
}

.titleHolder h2 {  
margin-top:12px;
margin-left:15px;
float:left;
font:20pt verdana;
/*color:#1e82b6;*/
}

/*.tabberPicture {width:50px;height:37px;}*/

/*highslide   */

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 1px solid gray;
}
.highslide:hover img {
	border: 1px solid white;
}

.highslide-image {
    border: 1px solid white;
    
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    position: relative;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
    margin-top: 1px;
    margin-bottom: 1px;
}

.control:hover {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
}

.control, .control * {
	color: #666;
}

/* SLIDE SHOW */
div.slideshow {
  margin: 10px auto;
}
div.slideshow p {
  padding-top: 9px;
}
div.slideshow ul {
  background: #FFF;
  bottom: -35px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  padding: 5px 0;
  z-index: 10001;
}
div.slideshow ul a {
  background-position: 50% 50%;
  cursor: pointer;
  display: block;
  height: 25px;
  margin-right: 5px;
  opacity: 0.5;
  width: 30px;
}

div.slideshow ul a.active,
div.slideshow ul a:hover { opacity: 1; }
div.slideshow ul li {
  float: left;
  list-style: none;
} 


#keywords {font-size:0.9em;}
#keywords h1,#keywords h2, #keywords h3 ,
#keywords h4 #keywords h5 {float:left;margin:2px;padding:0;}


.refImgHolder {text-align:center; vertical-align:middle;border:1px solid #e2e2e2;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;padding:3px;}
.galleryHolder {width:140px;height:80px;text-align:center;float:left;border:1px solid #e2e2e2;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;margin:1px;padding:3px;padding-top:6px;background:#555;}
.galleryTitle {font:7pt tahoma;margin-top:3px;color:#f2f2f2; height:1%;}

/* NAVIGATION ELEMENTS START*/
	
 #leftMenu ul, #rightSide ul {	margin-left: 10px;padding-left: 0;list-style-type: none; float: left; width: 170px;}
 #leftMenu a, #rightSide a {	display: block;	padding: 5px; width: 170px;	border-bottom: 1px solid #CCC;	}
 #leftMenu a:link, #rightSide a:link,
 #leftMenu a:visited,#rightSide a:visited {	color:#CC6714;text-decoration: none;}
 #leftMenu a:hover,#rightSide a:hover {	background: #000000 url(images/arrow.gif) 96% 50% no-repeat; background-color: #F5F5F5;	color:#CC6714;	}
 #leftMenu h3 { width:100%; background:white; height:20px; float:left;}

/* NAVIGATION ELEMENTS END*/



/* LOGIN FORM STYLE STARTS*/

	#stylized{
		border:solid 2px #b7ddf2;
		background:#f7fbfe;
		/*background:#ebf4fb;*/
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;

	}
	#stylized .button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		border:none;
		cursor:pointer;
		background:#666666 url(images/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}

/* LOGIN FORM STYLE ENDS*/

/* CONTACT INFO STYLE STARTS*/

#contactInfo label {width:80px;font-weight:bold;float:left;}        
#contactInfo p {color:#555;}

/* CONTACT INFO STYLE ENDS*/

#writing h3 {color:#222;margin-bottom:0px;}
#writing p {color:#444;}
#writing p.firstP {margin-top:3px;}
#writing p:first-letter{}
#writing strong {color:#000;}


/* EDIT CONTENTS PAGE STYLES START*/

#contentDetailsTable input { border:1px solid silver; padding:3px; font:10pt verdana; }