/*
Theme name: Crestmoor Montessori Care
Version: 1.0
*/

/***********************************************************************
******************* reset.css ******************************************
************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
th {color:#757475;line-height:40px;min-height:40px;text-align:center;padding:10px;font-weight:bold;}
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img {border:none;}
.clearer {height:0px;overflow:hidden;margin:0px;clear:both;}
.center {text-align:center;}                                       

/* self-clear floats */
.group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
/* ie.css */
* html .group { /* IE6 */
    height:1%;
}
*:first-child+html .group { /* IE7 */
    min-height:1%;
}  
/***********************************************************************/     

html, body, div, p{
  margin: 0;
  padding: 0;
  border: 0;
  }
  
img { border:0 }

/* Main Layout */

html { min-height:100% }
body { font-family:Calibri, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, san-serif; font-size:14px; line-height:1.8em; }

/* typography */
p, li, address, dd, blockquote { color:#545252; font-size:1em; line-height:1.61em } 
h1, h2, h3, h4, h5, h6, p, dl, ul, ol { margin:1em 0 0.8em; }         
a, a:hover { text-decoration:none }
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#8d8c8c; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color:#2c2b2b; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {color:#454545;margin-top:0;clear:both;}
h1 { font-size:2.3em }
h2 { font-size:2.154em }
h3 { font-size:1.8em }
h4 { font-size:1.428em }
h5 { font-size:1em }
h6 { font-size:0.9em }
.post h3 {font-size:1.54em;}
body h5, body h6 {font-family: "Droid Sans", serif !important;}
.cufon-delicious h1, .cufon-delicious h2, .cufon-delicious h3 {letter-spacing:-2px;}
.cufon-delicious h4, .cufon-delicious h5, .cufon-delicious h6 {letter-spacing:-1px;font-weight:normal;}
#content ul { margin-left:40px; list-style:square }
#content ol { margin-left:40px; }
i, em { font-style:italic; }
strong { font-weight:bold; }
#content blockquote { background:url('../images/cite.png') no-repeat 45px 25px; padding:35px; }
dt { font-weight:bold; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #615c5c; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #2a2a2a; }
.no_js .hide-if-no-js {display:none;}
.post p {margin-bottom:1.3em;}

.line { border-top:1px solid #cacaca }
.space { height:45px }                                   
.border-line { height:1px; background:#ddd; width:100%; clear:both; margin:1.2em 0; }
body .last, body .widget-last { margin-right:0; border-right:0; }
 
.shadowBg {background:url('../images/shadow.png') center 10px no-repeat;}
.wrapper { width:960px; margin:0 auto; /* main width */ background-color:#FFF; margin-top:40px; margin-bottom:20px; }
.responsive .wrapper { max-width:960px; width:auto; overflow:hidden; }
.wrapper ul{list-style-position:inside;}

/* ====================== START MAIN STRUCTURE ====================== */
/* ==== Widths, heights, floats and margins of all basic sections === */
#header 	{ position:relative; }
#logo       { float: left; margin: 18px 0 5px 20px;  }
#nav 		{ float:right;  }
#slogan 	{ margin:2em 0; }
#slider 	{  }
#content 	{ padding:1em 20px 30px; }
#primary 	{ width:640px; }
#sidebar 	{ width:250px; }
#footer 	{ padding:10px 10px 30px; }
.extra-content { padding:0 20px 30px; clear:both; }
#content .extra-content {padding:0 0 30px;}

/* layouts */
.layout-sidebar-left #sidebar, .layout-sidebar-right #primary { float:left; }
.layout-sidebar-right #sidebar, .layout-sidebar-left #primary { float:right; }
.layout-sidebar-no #primary { float:left; width:100%; }  
.home #content 	{ padding-top:3em; }
/* ====================== END MAIN STRUCTURE ====================== */

#logo img {max-width:100%;width:auto;}

/* ====================== START HEADER ====================== */
/* navigation */
#nav { font-family:Verdana, Tahoma, Arial, san-serif;  }
#nav ul {list-style:none; margin-top: 26px;}
#nav ul li{display:inline-block; margin-right:25px; height:41px; line-height:32px; position:relative;}
#nav ul li a, #nav ul li a:visited{color:#898787; font-size:10px; text-transform:uppercase; padding-top:12px; display:block;}
#nav ul li a:hover, #nav .menu ul li.current_page_item a, #nav ul li.current-menu-item a{color:#000;}


#nav .menu ul li,               #nav ul li.home     {background:url('../images/nav/home.png') top center no-repeat;}
#nav .menu ul li.page-item-2,   #nav ul li.calendar  {background:url('../images/nav/calendar.png') top center no-repeat;}    
#nav .menu ul li.page-item-3,   #nav ul li.email {background:url('../images/nav/email.png') top center no-repeat;} 
#nav .menu ul li.page-item-4,   #nav ul li.gallery    {background:url('../images/nav/camera.png') top center no-repeat;}                                   
#nav .menu ul li:hover, #nav .menu ul li.current_page_item, #nav ul li.home:hover, #nav ul li.home.current-menu-item,
#nav .menu ul li.page-item-2:hover,  #nav .menu ul li.page-item-2.current_page_item,  #nav ul li.folder:hover,    #nav ul li.folder.current-menu-item,
#nav .menu ul li.page-item-3:hover,  #nav .menu ul li.page-item-3.current_page_item,  #nav ul li.bookmark:hover,  #nav ul li.bookmark.current-menu-item,
#nav .menu ul li.page-item-4:hover,  #nav .menu ul li.page-item-4.current_page_item,  #nav ul li.burst:hover,     #nav ul li.burst.current-menu-item,
 {background-position:bottom center;}
 
/* dropdown */
#nav ul.sub-menu, #nav ul.children { display:none; margin:5px; position:absolute; top:42px; left:-18px; z-index:100000; list-style:none; margin:0; }                                                        
#nav ul.sub-menu li, #nav ul.children li { clear:both; display:block; width:100px; border:none; height:auto; line-height:1em; margin:0; background:none; }                    
#nav ul.sub-menu li a, #nav ul.children li a { font-size:0.75em; font-weight:normal; color:#eee; padding:6px 18px; }
#nav ul.sub-menu li ul, #nav ul.children li ul { top:0; left:170px !important; }
#nav ul.sub-menu li.left ul, #nav ul.children li.left ul { top:0; left:-200px !important; }
#nav ul.black ul.sub-menu, #nav ul.black ul.children { -moz-box-shadow: 0 0 5px #000; padding:9px 0; -webkit-box-shadow: 0 0 5px #000; background-color:#000; filter:alpha(opacity = 80); border:1px solid #333; background:rgba(0,0,0,0.8); }
#nav ul.black ul.sub-menu li:hover, #nav ul.black ul.sub-menu li.sub:hover, #nav ul.black ul.children li:hover, #nav ul.black ul.children li.sub:hover { background-color:#0F0F0F; background-color:rgba(0,0,0,0.6) }
#nav ul.black ul.sub-menu li.sub, #nav ul.black ul.children li.sub { background:url('../images/icons/arrow-sub.png') 156px center no-repeat }
#nav ul.black ul.sub-menu ul, #nav ul.black ul.children ul { top:-10px }
#nav ul.white ul.sub-menu, #nav ul.white ul.children { left:-10px; font-size: 1.05em; display:none; position:absolute; text-transform: none; padding:5px 0; background:#fff; border:1px solid #d3d3d3; z-index:100000; -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }
#nav ul.white ul.sub-menu li, #nav ul.white ul.children li { float:none; display:block; margin:0; line-height:1em; padding: 0 10px; }
#nav ul.white ul.sub-menu li:first-child a, #nav ul.white ul.children li:first-child a { border:0; }
#nav ul.white ul.sub-menu li a, #nav ul.white ul.children a { color:#8c969e; letter-spacing:0; display: block; padding:6px 0; border-top: 1px solid #DDD; text-align:left; }
#nav ul.white ul.sub-menu li a:hover, #nav ul.white ul.children a:hover { color:#333; }
#nav ul.white ul.sub-menu ul, #nav ul.white ul.children ul { top:-6px; }

/*indicators*/
#nav a.sf-with-ul{ min-width:1px; padding-right: 15px; }
#nav .sf-sub-indicator{position:absolute; display:block; width:10px; height:7px; text-indent:-999em; background: url('../images/menu-arrow.png') bottom left; top: 23px; left: 110% !important;}
#nav a:focus >.sf-sub-indicator, 
#nav a:hover >.sf-sub-indicator, 
#nav a:active >.sf-sub-indicator, 
#nav li:hover >a >.sf-sub-indicator, 
#nav li.sfHover >a >.sf-sub-indicator{background: url('../images/menu-arrow.png') top left;}

#nav ul.sub-menu .sf-sub-indicator, #nav ul.children .sf-sub-indicator{ display:block; background: url('../images/menu-arrow.png') bottom right; width: 7px; height: 11px; left: 85% !important; top: 6px;}
#nav ul.sub-menu a >.sf-sub-indicator, #nav ul.children a >.sf-sub-indicator{ display:block; background: url('../images/menu-arrow.png') bottom right; width: 7px; height: 11px; left: 85% !important; top: 6px}
#nav ul.sub-menu a:focus >.sf-sub-indicator, 
#nav ul.sub-menu a:hover >.sf-sub-indicator, 
#nav ul.sub-menu a:active >.sf-sub-indicator, 
#nav ul.sub-menu li:hover >a >.sf-sub-indicator, 
#nav ul.sub-menu li.sfHover >a >.sf-sub-indicator,
#nav ul.children a:focus >.sf-sub-indicator, 
#nav ul.children a:hover >.sf-sub-indicator, 
#nav ul.children a:active >.sf-sub-indicator, 
#nav ul.children li:hover >a >.sf-sub-indicator, 
#nav ul.children li.sfHover >a >.sf-sub-indicator{background: url('../images/menu-arrow.png') top right; }

#nav ul.black ul .sf-sub-indicator {display:none;}

/* nojs */  
body.no_js #nav ul li:hover > ul { display:block }


/* slogan */
#slogan { text-align:center; padding-bottom:16px; }
#slogan {margin-top:0;background:url('../images/slogan-shadow.png') no-repeat center bottom;padding-top:40px;}
#content #slogan {padding-top:0;}
.home #slogan {background:none;}
#slogan h1 { font-size:2.14em; color:#454545; padding-bottom:0.3em; }
#slogan h3, #slogan h1.only { font-size:1.714em; color:#5d5c5c; } 
#slogan h1, #slogan h3 { margin:0; font-weight:normal; }
#slogan h1 span, #slogan h3 span { color:#a6a4a4; }

/* slider */
#slider {position:relative;background:#e2e1e1 url('../images/bg/bg-light.png') center bottom no-repeat;}
#slider img{margin:0; padding:0;display:block;}
#slider.fixed-image img {width:auto;height:auto;max-width:100%;}
#slider .shadow{position:absolute;bottom:0;width:100%;height:10px;left:0;background:url('../images/shadow-slider.png') no-repeat top center;z-index:10;}
.slider-mobile {display:none;}
/* ====================== END HEADER ====================== */    

   

/* ====================== START CONTENT ====================== */       
a {color:#c57901;}
a:hover {color:#1a1a1a;}
      
.home #content {padding-top:40px;}
           
.gradient {background:#fbfafa url('../images/section-gradient.gif') repeat-x top left;}
.gradient-small {background:#fcfbfb url('../images/testimonials-gradient.png') repeat-x top left;}

.image-sphere-style .sphere, .image-sphere-style .sphere img {border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;display:block;margin:0;}
.image-sphere-style .sphere {border:5px solid #B9B7B7;}

/* header map */
.header-map {position:relative;border-top:5px solid #edecec;padding-bottom:10px;background:#b3b2b2;margin-bottom:30px;}
.header-map iframe {}
.header-map #map-wrap {width:100%;height:0px;overflow:hidden;}
.header-map #map-wrap.opened {width:100%;height:400px;overflow:hidden;}
.header-map #map {width:100%;height:400px;}
.header-map .tab-label {display:block;width:59px;height:20px;background:url('../images/map-tab.png') no-repeat;position:absolute;bottom:-20px;right:30px;padding:0 25px 0 10px;line-height:15px;color:#221f1f;font-family:'Droid Sans', sans-serif;font-size:0.857em;text-shadow:1px 1px 2px #fff;}
.header-map .shadow {position:absolute;top:0;left:0;height:5px;width:100%;}
/* ====================== END CONTENT ====================== */ 


/* ====================== START HOME SECTIONS ====================== */                        
.home-sections h1, .home-sections h2, .home-sections h3, .home-sections h4, .home-sections h5, .home-sections h6 {color:#454545;margin-top:0;margin-bottom:0.3em;} 
.home-sections h1 span, .home-sections h2 span, .home-sections h3 span, .home-sections h4 span, .home-sections h5 span, .home-sections h6 span {color:#a6a4a4;} 
.home-sections p {margin:1.5em 0 0 !important;}

.home-sections .section {padding:40px 0 40px 20px;min-height:170px;position:relative;min-height:180px;}
.home-sections .section .section-title {width:205px;position:absolute;top:40px;left:20px;}
.home-sections .section .section-title h2 {margin:0;width:195px;height:164px;line-height:160px;font-size:22px;font-weight:normal;color:#8d8c8c;text-align:right;letter-spacing:0px;padding-right:10px;}
.home-sections .section .section-title h4 {color:#a6a4a4;margin:40px 0 0.5em;font-weight:normal;font-size:1.714em;}
.home-sections .section .section-title h4 span {color:#2c2b2b;}
.home-sections .section .section-title p {margin:0.3em 0 0.5em !important;}
.home-sections .section .section-content {margin-left:250px;padding-right:20px;}

/* Daily Schedule */
.section-content table {margin: 0 52px 42px 78px;}
.section-content table td {border-bottom: 1px dotted #999999;}

.home-sections .section .shadow {width:100%;height:10px;background:url('../images/sections-shadow.png') no-repeat top center;position:absolute;bottom:-10px;z-index:1;left:-10px;padding-right:10px;}

/* alphabets */
.home-sections .section.s-1 .section-title  h2 {background:url('../images/alphabets/a.png');}
.home-sections .section.s-2 .section-title  h2 {background:url('../images/alphabets/b.png');}
.home-sections .section.s-3 .section-title  h2 {background:url('../images/alphabets/c.png');}

/* tabs */
.home-sections .tabs-container{
	margin-top:-40px;
	border:none;
	width:103.2%;
}
.home-sections .tabs-container .tabs {margin:0;list-style:none;overflow:hidden;position:relative;height:60px;}
.home-sections .tabs-container .tabs li{ background:none; border:none !important; width:16.65%;float:left;text-align:center;}
.home-sections .tabs-container .tabs h4{
	padding:0;
	margin:0;
	font-size:16px;
	font-weight:normal;
	background:#e8e8e8;
	border-left:1px solid #d5d5d5;  
	height:60px;
	line-height:60px;
	overflow:hidden;
}
.home-sections .tabs-container .tabs h4 a {display:block;}
.home-sections .tabs h4 a, .home-sections .tabs h4 a:visited, .home-sections .tabs h4 a:hover{color:#666 !important;}
.home-sections .tabs .active h4 a, .home-sections .tabs h4 a:visited, .home-sections .tabs h4 a:hover{color:#302f2f !important;}
.home-sections .tabs-container .tabs .current h4, .home-sections .tabs-container .tabs h4:hover{background:none;}
.home-sections .tabs-container div.panel {padding-left:0;}
.home-sections .tabs-container .tabs li:first-child.current h4 {border-left-color:transparent;}

.home-sections .tabs-container .border-box{
	border:none !important;
	background:none;
	padding-top:20px;
}
/* ====================== END HOME SECTIONS ====================== */ 


/* ====================== START SIDEBAR ====================== */
#sidebar h3 {font-size:1.71em;}
#sidebar p#email{ padding-left: 12px; font-size: 1.02em;}
#sidebar h4{ padding-left: 12px;}
#sidebar a { color: #003399; }
#sidebar a:hover { color:#090807;}
/* ====================== END SIDEBAR ====================== */   

/* ====================== START PORTFOLIO GALLERY ====================== */
.portfolio-filterable #sidebar {width:190px;z-index:2;position:relative;}                     
.portfolio-filterable.layout-sidebar-left #primary, .portfolio-filterable.layout-sidebar-right #primary {width:713.334px;z-index:1;}

.internal_page_item { padding: 5px; border: 1px solid #B2B0B0; float: left; width: 208px; margin:20px 26.666px 30px 0; overflow: hidden; position:relative; }
.layout-sidebar-no .internal_page_item { margin-right:12px; margin-bottom:15px; }
ul#gallery_categories_widget {}
ul#gallery_categories_widget li {line-height:2em;}
#portfolio-gallery { position:relative; width:104%; }
#portfolio-gallery ul.gallery-wrap { list-style:none; margin: 0 0 1em; } 
.gallery-wrap li { float:left; position:relative; overflow:hidden; /*height: 300px;*/ } 
/*.gallery-wrap li h5 {font-size:0.86em;position:absolute;display:none;}*/
.gallery-wrap li h5 {margin:0;left:1px;border-bottom: 1px solid #d3d0d0;position:absolute;text-transform:uppercase;top:1px;z-index:9000;}
.gallery-wrap li h5 a {display:block;padding:8px 10px;color:#000;font-size:11px;}
.gallery-wrap li.group { clear:both; }
.gallery-wrap li img { width: 208px; height: 168px; display:block; margin-bottom:0; }
a.zoom { position:absolute; width:280px; height:204px; left:5px; top:5px; text-indent:-9999px; background:#000 url('../images/icons/zoom.png') center no-repeat }   
.internal_page_item_gallery a.zoom { margin: 6px 6px }
.internal_page_item_gallery { margin-top: 0; } 
#portfolio-gallery .overlay {display:none; background: none repeat scroll 0 0 #FCFCFC;height:100%;left:0;overflow: hidden; position: absolute; top: 0; width: 100%;}
/*#portfolio-gallery .overlay a.icon-more {background:url('../images/more.png') no-repeat;border-left-width:0px;bottom:0;height:20px;position:absolute;right:0;width:20px;text-indent:-9999px;}*/
#portfolio-gallery .overlay a.icon-zoom {background:url('../images/zoom.png') no-repeat;bottom:0;height:20px;position:absolute;right:2px;text-indent:-9999px;width:20px;}
#portfolio-gallery .overlay p {color: #666666;font-size:12px; margin:50px 10px 10px 10px!important;}
.no_js #portfolio-gallery .overlay:hover {opacity: 1;}

.layout-sidebar-no .internal_page_item_gallery a.zoom { margin:26px 19px !important; }
.layout-sidebar-no .internal_page_item_first a.zoom { margin:26px 7px !important }

/*   
.internal_page_item_gallery a.zoom { margin: 26px 16px }
.internal_page_item_first a.zoom { margin: 26px 6px; }
.internal_page_item_last a.zoom { margin: 26px 26px; }
*/
#gallery_categories li { list-style: none; padding: 6px 0; margin-left: -24px;}
/* ====================== END PORTFOLIO GALLERY ====================== */     




/* ====================== START FOOTER ====================== */
#footer {background:#dddada; font-size:0.857em;}

#copyright{background-color:#a09f9f;}
#copyright p {margin:0; padding:13px 20px; font-size:12px; color:#131313; line-height:27px; }

#copyright a, #copyright a:visited{color:#000; text-decoration:none;}
#copyright a:hover{color:#fff;}
/* ====================== END FOOTER ====================== */          

/* ====================== START PAGINATION ====================== */
.general-pagination { height:18px; margin:0 auto; text-align:center; clear:both; margin-bottom:20px; }
.general-pagination span { display:none; }
.general-pagination a { display:inline-block; margin-right:4px; padding:0 5px; line-height:17px; text-align:center; background:url('../images/bg-pagination.png') top repeat-x; border:1px solid #aeaeae; color:#918e8e; font-size:12px; }
.general-pagination a.selected { background-position:0 -24px; color:#3e3c3c; }
.general-pagination a:hover { background-position:0 -49px; color:#3e3c3c; text-decoration:none; }

/*border-radius*/
.general-pagination a, .general-pagination span { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
/* ====================== END PAGINATION ====================== */  

/* ====================== START 404 ====================== */
.p404 { padding:10px 0 }
.p404 * { color:#535252; text-align:center; }  
.p404 h1 { font-size:4.8em; line-height:90px; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; padding-top:15px; }
.p404 strong { font-size:2.5em }
.p404 h2 { width:243px; margin:0 auto 20px !important; border-bottom:1px solid #cacaca; font-size:1.8em; line-height:90px }
.p404 img { border:0 !important; vertical-align:middle }
.p404 input { padding:20px !important }
/* ====================== END 404 ====================== */   


/* ====================== START CONTACT FORM ====================== */                 
#content .contact-form { margin-top:30px; width:104%; }   
#content .contact-form fieldset {padding:0;}          
#content .contact-form ul { margin:0; list-style:none; }  
#content .contact-form li { width: 44.2%; float: left; margin: 0 5% 2% 0; }
#content .contact-form li.on-left { float:left; }
#content .contact-form li.on-right { float:right; }
#content .contact-form li.full { clear:both; }
#content .contact-form li.full label { display: block }  
#content .contact-form li.textarea-field { clear:both; width:auto; float:none; }
#content .contact-form label span.label { font-family:'Yanone Kaffeesatz' !important; font-size:1.286em; }
#content .contact-form label span.sublabel { font-family: "Droid Sans", serif; font-size: 11px; color: #9C9B9B }  
#content .contact-form li.text-field input, #content .contact-form li.checkbox-field input, #content .contact-form li.file-field input, #content .contact-form li select, #content .contact-form li textarea { border:1px solid #cecbcb; margin-top:10px; padding:10px; }
#content .contact-form li.text-field input, #content .contact-form li select { font-size: 12px; background-color:#fff; width:97.5%; }
#content .contact-form li select { padding:10px; }
#content .contact-form li textarea {  width:97%; height:150px; background-color:#fff; } 
#content .contact-form li.icon input, #content .contact-form li.icon textarea, #content .contact-form li input.icon, #content .contact-form li textarea.icon { background-repeat:no-repeat; } 
#content .contact-form li.icon input, #content .contact-form li input.icon { background-position:98% center; }
#content .contact-form li.icon textarea, #content .contact-form li textarea.icon { background-position: 98% 15px; }
#content .contact-form li.error input, #content .contact-form li.error textarea, #content .contact-form li.error select,
#content .contact-form li input.error, #content .contact-form li textarea.error, #content .contact-form li select.error { background-image:url('../images/icons/error.png'); border:1px solid #cf0606; } 
#content .contact-form li.success input, #content .contact-form li.success textarea, #content .contact-form li.success select,
#content .contact-form li input.success, #content .contact-form li textarea.success, #content .contact-form li select.success { background-image:url('../images/icons/success.png'); }                     
#content .contact-form li div.msg-error { font-style:normal; font-size:11px; color:#cf0606; height:14px; }    
#content .contact-form li.submit-button {clear:both; width:auto; float:none;}      
#content .contact-form li.checkbox-field label, #content .contact-form li.radio-field label { display: block; }
#content .contact-form li.submit-button input {
    background: url("../images/input_pattern.png") repeat-x scroll 0 0 #F3F0F0;
    border: 1px solid #D5D4D4;
    cursor: pointer;
    display: block;
    font-size: 9px;
    height: 30px;
    letter-spacing: 1px;
    padding: 0 4px;
    text-transform: uppercase;
    margin:0;
    
}
#content .contact-form li.submit-button input:hover { background: url("../images/input_pattern_hover.png") repeat-x scroll 0 0 #fff; }
#content .contact-form li.submit-button input[disabled] { color:#ddd; }
#content .contact-form label, #content .contact-form input, #content .contact-form textarea { color:#4c4c4c; width:auto; }
#content .contact-form p.success, #content .contact-form p.error { padding:10px 15px 10px 55px; border:1px solid; margin:0 auto 30px; background:no-repeat 15px center; width:400px; }
#content .contact-form p.success { background-color:#effea9; border-color:#d7ee6e; color:#839607; background-image:url('../images/icons/tick_contact.png'); }
#content .contact-form p.error   { background-color:#fedccd; border-color:#fa8c83; color:#c82c1f; background-image:url('../images/icons/error.png'); }
#yiw_bot {display:none !important;}

/* submit alignment */
.contact-form li.submit-button input.alignleft { float:left; }
.contact-form li.submit-button input.alignright { float:right; }
.contact-form li.submit-button input.aligncenter { margin:0 auto; }

/*border-radius*/
#content .contact-form p.success, #content .contact-form p.error { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
/* ====================== END CONTACT FORM ====================== */  


                                                  
/* ====================== START WIDGETS ====================== */
.widget {margin-bottom:30px;}
.widget h2, .widget h3 {margin-bottom:20px;}
.more_projects {margin-bottom:10px;}

/* text image */
.boxs-home { margin-bottom:20px; float:left; }
body .boxs-home h2 { text-align:center; }
.boxs-home img { margin-bottom:20px; }

/* icons text */
.icon-text img {float:left;margin-right:10px;}
.icon-text h3 {float:left;border-bottom:0;line-height:32px;margin:0 0 10px;}
.icon-text p {clear:both;}
/* ====================== START WIDGETS ====================== */



/* ====================== START SHORTCODE ====================== */
hr {margin:40px auto;width:600px;border:1px dotted #ccc;clear:both}
code, pre {background-color:#e8ebec;border:1px dotted #bbb;color:#333;font:13px/18px Consolas,"Courier New",Courier,monospace;padding:0px 5px;}

/*toggle*/
.toggle { margin:0 0 24px; } 
.toggle p.tab-index { padding-bottom:16px; margin-bottom:10px; border-bottom:1px solid #d7d7d7; }
.toggle p.tab-index a { display:block; background:url('../images/icons/baloon.png') left top no-repeat; padding:0 0 0 32px; cursor:pointer; color:#090909; } 
.toggle p.tab-index.tab-opened a { background:url('../images/icons/baloon-active.png') left top no-repeat; }
.toggle p.tab-index a:hover { text-decoration:none; }  
.toggle .content-tab { padding:8px 0 0 45px; background:url(',,/images/bg/toggle-arrow.png') 10px top no-repeat; min-height:35px; }
.toggle .content-tab p { font-family:'Droid Sans', sans-serif !important; font-size:0.786em; color:#585555; }
.toggle .content-tab .arrow { display:none; }

/*tabs*/
#content .tabs-container ul.tabs {list-style-type:none;margin:0 !important;padding:0;height:40px;position:relative;z-index:1;}
#content .tabs-container ul.tabs li {list-style:none;}
#content .tabs-container ul.tabs li a {color:#444;background:#fafafa url('../images/bg/tab/inactive-tab.png') repeat-x left bottom;height:40px;line-height:40px;display:block;float:left;text-align:center;border:1px solid #b6b6b6;margin-left:-1px;padding:0 3%;}
#content .tabs-container ul.tabs li a:hover {color:#000;}
#content .tabs-container ul.tabs li.current a {background:#fff;border-bottom:1px solid #fff;color:inherit;}  
#content .tabs-container ul.tabs li:first-child {border-left:1px solid #b6b6b6 !important;}
#content .tabs-container ul.tabs li:last-child {border-right:1px solid #b6b6b6 !important;}
#content .tabs-container div.panel {padding:20px 20px 10px;}
#content .tabs-container div.panel p {margin:0;}
#content .tabs-container div.border-box {position:relative;top:1px;left:0;border:1px solid #b6b6b6 !important;z-index:0;background:#FFF;}
#content .tabs-container div.border-box {-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5p}
#content .tabs-container ul.tabs {-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5p}
#content .tabs-container ul.tabs h4 {clear:none !important;}

/*dropcap*/
p.dropcap:first-letter {font-size:220%;display:block;float:left;font-size:40px;line-height:40px;margin:10px 8px 5px 0;}

/*quote*/
blockquote p, .cite li {padding:0 0 0 45px;}
.cite {margin:0}

/*highlight*/
span.highlight {background-color:#d9d7d6;}

/*google maps*/
.google-map-frame iframe { padding:3px; border:1px solid #acabab; max-width:100%; width:auto; }   
/* ====================== END SHORTCODE ====================== */

/* shadow */             
#ds-h .ds{background:none repeat scroll 0 0 #000000;overflow:hidden;position:absolute;top:0;z-index:}

#ds-h .o1{opacity:0.05;}
#ds-h .o2{opacity:0.04;}
#ds-h .o3{opacity:0.03;}
#ds-h .o4{opacity:0.02;}
#ds-h .o5{opacity:0.01;}

#ds-h .h1{height:1px;}
#ds-h .h2{height:2px;}
#ds-h .h3{height:3px;}
#ds-h .h4{height:4px;}
#ds-h .h5{height:5px;}

#ds-h div{width:100%;}


/* Extras */

.clear{clear:both;} 
.left{float:left;}
.right{float:right;}
.nomargin{margin:0}
.nopadding{padding:0} 
.for-mobile {display:none !important;}