@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0;}

body { background: url(../images/background_top2.png) left -1px  repeat-x ;
    background-color: #ddd; /* Background color */
    color: #222;            /* Foreground color used for text */
    font-family: Helvetica; 
    font-size: 14px;
 }
 
 a { font-weight:bold; text-decoration:none; padding:2px; border-bottom: dotted 2px #da551d;  color:#000!important;
}
 
 #desctop_only img#iphone_image, #demotip, #desctop_contact { display:none;}
#desctop_only a { color:#000000; text-decoration:none; } 

#header h1 a {
   /* background-color: #ccc;*/
    border-bottom: 1px solid #444;
  color: #FE5F30!important;
    display: block;
    font-size: 28px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
}

#header h1 a {
    text-shadow: rgba(0,0,0,.6) 0px -1px 0px ;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(250,250,250,0.2)), to(rgba(0,0,0,0.4)));
}

#header ul {
    list-style: none;
    margin: 10px;
    padding: 0;
}
#header ul li a{
    background: #FFF url(../images_iphone/menu_arrow.gif) 95% center no-repeat;
    border: 1px solid #999999;
    color: #222222;
    display: block;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: -1px;
    padding: 12px 10px;
    text-decoration: none;
	
}

body #page #accordion h2 { background-color: #f6f8fa!important; background-position: 95% 50%; margin-bottom:-1px; padding:10px 50px 10px 20px;  border: 1px solid #999999;  font-size: 17px; font-weight: bold;  font-size: 17px; }

#header ul li:first-child a {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}
#header ul li:last-child a{
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

#header ul.hide {
    display: none;
}

#header ul#subnav a { background:#F3F1ED url(../images_iphone/submenu_arrow.png) 96% center no-repeat ; color:#b35025;}

 div.leftButton {
    position: absolute;
    top: 7px;
    left: 6px;
    height: 30px;
    font-weight: bold;
    text-align: center;
    color: white;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
    line-height: 28px;
	border-width: 0 8px 0 8px;
	-webkit-border-image:url(../images_iphone/button.png) 0 8 0 8;
}

 div.leftButton.pressed{
	-webkit-border-image:url(../images_iphone/button_clicked.png) 0 8 0 8;}

.pagetopButton {height: 30px; width:65px; float:left; text-align:center; line-height: 28px; border-width: 0 8px 0 8px; clear:both;
-webkit-border-image:url(../images_iphone/button.png) 0 8 0 8; color: white;   font-weight: bold; text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
    position: absolute;
    top: -6px;
    left: 6px;}
	




.article, .project_th,  h2#mainhead, h2.mainhead2  { margin:10px;}
.article h2, .project_th h2, h2#mainhead, h2.mainhead2 {  font-family: Helvetica; font-size:20px; color:#b35025; padding:10px 0 5px 10px;}
h3 { font-size:18px; padding:10px 20px 5px 10px;}
.article p, .project_th p {  font-family: Helvetica; font-size:16px; line-height:22px; background-color:#F3F1ED; padding:4px;
-webkit-border-radius: 8px;}
.article dl dt { font-size:20px; color:#c96d31!important; padding:10px 0 5px 10px;}
.article dl dd {font-size:18px!important; line-height:22px; background-color:#F3F1ED; padding:10px; -webkit-border-radius:8px; }

.project_th dl dt { font-size:20px;   color:#b35025; font-weight:bold; letter-spacing:1px; padding-top:8px; }

.project_th dl dd { font-size:14px;   line-height:21px; }

div.project_th  dl dd blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; margin-top:8px;}
div.project_th  dl dd blockquote:before, div.project_th  dl dd blockquote:after  { content:'"';} 

.project_th dt strong { color:#000; font-weight:normal;}
.project_th dd.author { color:#737373; font-size:14px; text-align:right; line-height:15px;}

.project_th img {border: solid 1px #e8dbcf; padding:10px; background-color:#FFF;  -webkit-border-radius: 10px;
-webkit-box-shadow: 0 0 5px #888; }
.project_th a {display:block; width:235px; margin:0 auto;}

#footer_outer { margin:10px; color:#333;  position:relative; height:20px;}
#copyright { text-align:right; margin:20px 0 10px 0; }
/* Services page __________________________________________________________________________________________________8888*/
#services_article p { background-color:#FFF!important;}
ul.tick { padding:10px; font-size: 18px; line-height:20px; list-style-image:url(../images/tick_16.png); background-color:#F3F1ED;
-webkit-border-radius: 8px;}
ul.tick li { margin:0 5px 5px 20px; border-bottom: dotted 1px  #ABB09F; padding-bottom:5px; }
/* FAQ page __________________________________________________________________________________________________8888*/

#faq_page #push, #faq_page #footer_outer  { clear:both;}
#faq_page #footer { margin-top:25px;}

/* Contact oage page __________________________________________________________________________________________________8888*/
legend { font-size:22px!important; margin:20px 0; padding-top:25px;}

.form li { margin: 0 0 12px 0; clear:both;}
label { display:block; float:left;  margin-right:0!important; width: 95%!important; font-size:16px;}
input {  width: 95%!important; 	background:#f4f6f8; height:25px!important; border-width:1px; padding:5px; font-size:16px; }
input:focus, textarea:focus{background: #e3e5e7!important;} 
textarea { width: 95%!important; 	background:#f4f6f8; height:100px; border-width:1px; padding:5px; font-size:16px;}

li#send { padding-left:0!important;}
#send input{background:#f4f6f8; border:solid 2px #999; padding:2px;  width: 98%!important; height:25px; font-weight:bold; color:#4e4e4e; }

#send input:hover, #send input:focus {background:#e47444;}