@charset "utf-8";
.hidden {
	display: none;
}

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:0px;padding:0px;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight:normal;}
body{line-height:1}ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

html, body {
  color: #A6B2A6; /*A6B2A6*/
  width: 100%;
  background: #0E2125 url(../images/body_top.gif) repeat-x left top; /*060D0F */
}

html, body, p, th, td, li, dd, dt {
  font: 90% "Trebuchet MS", Helvetica, sans-serif;
  letter-spacing: .076em;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Times, "Times New Roman", serif;
  font-variant: low-caps;
	text-shadow: 0 1px 5px #000000; 
	letter-spacing: .13em;
	color: #899a95; 
}

h1 { font-size: 1.9em;} /*1.5em*/
h2 { font-size: 1.7em; } /*1.2em*/
h3 { font-size: 1.5em ; }/*1em*/
h4 { font-size: 1.26em; font-weight: normal;} /*.9*/
h5 { font-size: 1em; } /*.8em*/
h6 { font-size: .9em; font-weight: bold}  /*.7em*/



a:link { color: #7c857c; text-decoration: underline; } /*#35484e*/
a:visited { color: #7c857c; text-decoration: underline; }/* #35484e*/
a:hover { color: #FFFFFF; text-decoration: none;} /*#a6b2a6*/
a:active { color: #d5e4d5; text-decoration: none; }/*weblink class #d5e4d5*/

a.blue:link { color: #0000FF; text-decoration: none; }
a.blue:visited { color: #0000FF; text-decoration: none; }
a.blue:hover { color: #A6B2A6; text-decoration: none;} 
a.blue:active { color: #FFFFFF; text-decoration: none; }

a.green:link { color: #00FF00; text-decoration: none; }
a.green:visited { color: #00FF00; text-decoration: none; }
a.green:hover { color: #A6B2A6; text-decoration: none;} 
a.green:active { color: #FFFFFF; text-decoration: none; }

a.red:link { color: #FF0000; text-decoration: none; } /*red links*/
a.red:visited { color: #FF0000; text-decoration: none; }
a.red:hover { color: #A6B2A6; text-decoration: none;} 
a.red:active { color: #FFFFFF; text-decoration: none; }

a img { border: none; }


/*TOP*/
#top {
  height: 198px;
  width: 914px;
  margin: 0px auto 0px auto;
  padding: 0px;
  background: transparent url(../images/topImg.jpg) no-repeat center top;
}
    #top #logo  {
	height: 143px;
	width: 169px;
	float: left;
	padding: 0px;
	margin-top: 10px;
	z-index: 3;
	
	}
	
	#top #navcontainerLeft {
		position:relative;
		top: 24px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		clear: left;
		z-index: 2;

		}
	#top #navcontainerLeft ul {
		/*width: 48px;*/
		padding: 0px;
		margin: 0px 0px 0px 0px;
		list-style-type: none;
		text-align: center;
		z-index: 2;
		}	  

	#top  #navcontainerLeft ul li {
		display: block;
		float: left;
		text-align: center;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 0px;
		z-index: 2;
		}
	#top #navcontainerLeft ul li a {
		width: 58px;
		padding: 0px;
		margin: 0px;
		text-decoration: none;
		display: block;
		text-align: center;
		z-index: 2;
		}


	#top #navcontainerLeft ul li a:hover, #navcontainerLeft a:active {
		text-decoration: none;
		font-size: 1.2em;
		z-index: 2;
	}

	
  #top #navPortfolio {
	position:relative;
	top: 24px;
        margin: 0px 20px 0px 0px;
	padding: 0;
	float: right;
	z-index: 2;
 }

  #top  #navPortfolio ul {
	margin: 0px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	z-index: 2;
}

  #top #navPortfolio ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin-left: 0px;
	z-index: 2;
}
  #top #navPortfolio ul li a {
	width: 48px;
	/*height: 18px;*/
	padding: 0 0 0px 0px;
	margin: 0 0 0px 0px;
	/*color: #f5d7b4;*/
	text-decoration: none;
	display: block;
	text-align: center;
	/*font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;*/
	z-index: 2;
}


 #top #navPortfolio ul li a:hover, #navcontainer a:active {
	/*color: #930;*/
	font-size: 1.2em;
	z-index: 2;
}

#top #const {
	z-index: 1;
	
	float: left;
}

 
/*content*/

#content-backgr {
   background: transparent url(../images/contentBackgrBottom.gif) repeat-y center 613px; 
  /*text-align: center;*/
  margin: 0px auto 0px auto;
  padding: 0px;
  /*height: 100%;*/
  width: 914px;

}

 #content-backgr #frame-backgr {
	
  background: transparent url(../images/frameBackgr.jpg) no-repeat center top;  
  /*text-align: center;*/
  /*padding: 64px 0px 10px 0px;*/
  /*z-index: 90;*/
  /*width: 914px;*/
 }
 #content {
	text-align: center;
        position: relative;
	width: 625px;
	margin: 0px auto 0px auto;
	padding: 64px 0px 10px 0px;
	
}
 
  #content h1 {
	margin-bottom: 1.75em; margin-top: .6em;
}
 
 
.withBorder
{border: #35484E 2px solid;} /*was#38474b*/
.withBorderR
{border: #FF0000 1px solid;}
.withBorderG
{border: #00FF00 1px solid;}
.withBorderB
{border: #0000FF 1px solid;}


.work-description {
   position: relative;
  line-height: 1.6em;
  margin: 1em auto 3.5em auto;
  text-align: left;
  width: 625px;
  /*font-size: 1em;*/
  color: #7c857c;
}
.work-description a:link a:visited a:hover {
	color: #D5E4D5; text-decoration: underline; 	
}
.work-description em {
  /*font-weight: bold;*/
  padding-right: 1em;
  font-style: normal;
  color: #D5E4D5;/*#A6B2A6*/
}


.blue { color: #0000FF;}
.green { color: #00FF00; }
.red{ color: #FF0000; }


#footer {
	clear: both;
	background: #0e2125 url(../images/footerImg.jpg) no-repeat center top;
	margin: 0px;
	padding: 0px;
	height: 60px;
	text-align: center;
	padding-top: 36px;
}
#footer ul li {
	display: inline;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 10px 10px;
}
#footer ul li a {
	text-decoration: none;
}