/* CSS Document */



/* layout _____________________________________________________________________________________________________*/
html, body {height: 100%;}

.call { display:none;}

html { background:url(../images/bg_html.gif);}

html body, #wrapper {background: url(../images/background_top3.png) left top  repeat-x ; text-align:center; font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",Verdana; font-size:13px; color:#4e4e4e; line-height:21px;}
html body#projects { background-image:none;}
#subnav, div.leftButton, div.pagetopButton{ display:none;}

#wrapper, #footer { width: 965px; margin:0 auto; text-align:left; padding:0 30px; }

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -46px; /* the bottom margin is the negative value of the footer_outer's height */
	background-color: #FFF;
	-webkit-box-shadow: 0 0 7px  rgba(0,0,0, .1);
	-moz-box-shadow: 0 0 7px rgba(0,0,0, .1);
	box-shadow: 0 0 7px rgba(0,0,0, .1); 
	
	
}

#footer_outer, .push {
	height: 46px; /* .push must be the same height as #footer_outer */ clear:both;
}

#footer_outer { text-align:center; background:#848079 url(../images/background_top.png) repeat-x top; height:46px; clear:both;
 border-top: solid 1px #5f5c59; }
#footer { color:#333; height:46px; background:url(../images/elifant_46.png) no-repeat right 2px;}
#copyright{ width:200px; float:left; margin-top:14px; color:#FFF;}


#header{ height:59px; margin-bottom:23px;/*background:url(../images/elifant_46.png) no-repeat 800px 3px;*/}

h1#logo{ width:199px; height:46px; position:relative; top:11px; background:url(../images/logo.png) no-repeat top left;  float:left;}

h1#logo a { display:block; width:199px; height:46px; text-indent:-9999px;}
h1#logo a:hover, h1#logo a:focus { background:url(../images/logo.png) 0 -46px no-repeat;}  

h2#mainhead { font-size:45px; padding-top:65px; margin-bottom:5px;}
#desctop_only {  height:230px; background:#4e4e4e; clear:both; margin-bottom:35px; border: solid 2px #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: 0 0 5px #888; 
-moz-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
background:url(../images/3x3_pattern_colored.png);
}
#desctop_only h2, #desctop_only p { color:#FFF; margin:20px 0 20px 20px; }
#desctop_only p { font-size:16px; }
#desctop_only p a { color:#ee733d;}
#desctop_only .article { width: 674px; }
#desctop_only img { margin: -130px 0 0 40px;}
p { margin-bottom:14px;}

h2{ font-size: 32px; color:#b35025; letter-spacing:-.02em;}
h3 {font-size:20px;}
dt{ color:#c96d31; font-size:15px!important;}

dd blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:13px;}
dd blockquote:before { content:"\201C ";} 
dd blockquote:after { content:"\201D ";}
#page { }

.article { width:443px; margin:0 23px 23px 0; float:left;}


.article dl dt { font-weight:bold; display:inline; margin-right:10px; float:left;}

div.article ul.tick { margin-left: 20px;}

div.article ul.tick li { list-style-image:url(../images/tick_16.png); font-size:14px; line-height:18px; margin-top:10px; padding-left:3px;}

.topmargin { position:relative; top:32px;}

.clear { clear:both; }

#featured_progect { margin-top:8px;}

/* Projects separate page selectors _________________________________________________________________________________________________________ */

.project { background:#4e4e4e url(../images/bg_project.gif) repeat-x bottom; height:221px; width:910px; 
color:#FFF; text-align:left;}

.project { padding:0 13px; line-height:20px;}
.project dl { width:195px; height:215px; padding-right:23px; border-right: solid 1px #363636; float:left; }

.project dl dt { font-size:15px;   color:#fefefe; font-weight:bold; letter-spacing:1px; padding-top:8px; }

.project dl dd { font-size:12px;   color:#afafaf; line-height:19px; }

.project img {border-right: solid 1px #363636; float:left; margin-right:23px;}

.project dl.noborder { border-right:none; position:relative;}

.project dl dd.visit { width:100px; height:34px; background:url(../images/visit_website.gif) no-repeat; position:absolute; bottom:3px; left:0;} 
.project dl dd.visit a { display:block; width:100%; height:100%; text-indent:-9999px; }
.project dl dd.visit a:hover { background:url(../images/visit_website.gif) no-repeat 0 -34px; }
.project dl dd.author { text-align:right; color:#848484;}

/* Projects thambnail selectors selectors _________________________________________________________________________________________________________ */

.project_th { width:215px; height:auto; margin:23px 18px 10px 0; float:left;  background:url(../images/bg_project_th.gif) no-repeat;}
.project_th img { margin:4px;}
.project_th  a:hover, .project_th  a:focus { background-image:none;} 

.project_th dl { margin: 0 5px;}
div.project_th  dl dd { font-size:12px; line-height:18px; }
div.project_th  dl dd blockquote { font-size:14px; line-height:20px; margin-bottom:3px; }
div.project_th dl dt { font-size:14px; font-weight:bold; padding-top:5px;}
.project_th dt strong { color:#000; font-weight:normal;}
.project_th dd.author { color:#737373; font-size:11px; text-align:right; line-height:15px;}


.work{ background:url(../images/palette.png) no-repeat left center;  }
.work a { text-indent:36px; display:block; height:24px; width:200px; font-size:10px; margin-bottom: 23px;}
.work a:hover, .work a:active{ background-image:none;}

hr { color: #d6d8da; background-color: #d6d8da; height: 1px; border:none;}



/* navigation using image replacement technique ********************************************************************************************/
a { font-weight:bold; }
a:link, a:active, a:visited { color:#7f7969; text-decoration: underline;}
a:hover, a:focus { color:#8d674e;  background:url(../images/dot.gif) bottom repeat-x; text-decoration:none;  }
h2 a { text-decoration:none;}

#footer a { color:#e9eded; font-variant:small-caps; text-decoration:none; font-size:16px; margin-left:23px;  font-weight:normal;}
#footer a:hover, #footer a:focus {color:#fff;} 

#nav{ /*width:441px;*/ height:50px;  margin-left:230px;  border-left: solid 1px #2C2C2C; /* border-right: solid 1px #8b8a8a;*/ }

#nav li{
height:50px; float:left; height:50px;} 



#nav li a { color:#f5772a; font-family:Arial, Helvetica, sans-serif; font-size:20px; padding:20px 20px 0px 20px; text-decoration:none; height:30px; display:block; border-right: solid 1px #2C2C2C;  border-left: solid 1px #8b8a8a; 
text-shadow: rgba(0,0,0,.8) 0px 1px 0px ;

}
#nav li:last-child a { border-right: solid 1px #8b8a8a!important;}
#nav li:last-child { border-right: solid 1px #2C2C2C;}
#nav li a:hover { color:#ff8a0c; background:url(../images/nav_hover2.png) repeat-x; border-bottom:none;}
#projects_page #nav li#projects a, #services_page #nav li#services a, #faq_page #nav  li#faq a, #contact_page #nav  li#contact a { color:#fff;}

img#services_image{ margin-top:50px;}



.float_left { float:left; }