/*
Theme Name: Northwest Condo Services Theme
Theme URI: http://nwcondoservices.com/
Version: 1.0
Description: Northwest Condo Services Theme
Author: Cory Hutton 
Author URI: http://nwcondoservices.com/
Tags: Northwest Condo Services
*/

/* CSS Document */

body{ text-align:center; margin:0; padding:0; font-family:Arial; font-size:13px; color:#323232; }

.wrapper{ margin:0 auto; width:900px; position:relative; text-align:left;}

.wrapper2{ margin:0 auto; width:900px;text-align:left;}

h1{color:#002855; font-size:22px; margin-top:0;}

h2{color:#002855; font-size:16px;}

.green{color:#9fbe34; font-size:18px; font-weight:bold; margin-bottom:0px; }
	
.left{float:left;}

.clear{clear:both;}

a{color:#002855;}

a:hover{color:#002855;}

.line{height:1px; border-top:1px solid #ccc; margin:10px 0;}

.background {
 background-color: #222222;  
 background-color: #003AB6;
 background-color:#002855;
}

.primary-background {
  /* background-color:#363636; */
  background-color:#CBDBD2;
  background-color:#002855;
}

.secondary {
  color: #003768;
  color: #E0E0D3;
  color: #e6f0e7;
}

.secondary-background {
  background-color: #E0E0D3;
  background-color:#CBDBD2;
  background-color:#dce4dd;
}

/*.................................................................................................. Header......................................................................................... */


#header{ height:100px;}

#header .description{position:absolute; top:30px; right:0px; width: 400px; font-size: 11pt; text-align:left; line-height: 1.3em;}

#header .logo{padding-top:15px;}

#login{position:absolute; top:20px; right:0px; text-align:right;}

.top_box{padding:8px; background-color:#222222; border:none; color:#a5a497; width:130px; margin:0px 5px; }

.go{margin-left:5px;}



/*........................................... Nav................................ */


#nav{height: 50px; }

#nav a{text-decoration:none; color:#626262; color:#002855; font-weight:bold;}

#nav a:hover{color:#222222; color:#002855; }

.link{  background: #fff; position: relative; margin: 10px 0; text-align:center; float:left;}

.link_other{margin-right:15px; float:left; margin: 10px 0; text-align:center;}

.tab{margin-right:15px; float:left; margin: 10px 0; text-align:center;}

.inside{padding:10px 30px 30px 30px;}

body.home #tab_home, body.about #tab_about, body.services #tab_services, body.blog #tab_blog, body.contact #tab_contact{background: #fff; position: relative; margin: 10px 0; text-align:center; float:left;}

.tl, .tr {display:none;}

body.home #tab_home .tl, body.about #tab_about .tl, body.services #tab_services .tl, body.blog #tab_blog .tl, body.contact #tab_contact .tl { display: block; position: absolute; width: 11px; height: 11px; background: url(images/top_left.jpg) top left no-repeat; top: 0px; left: 0px; }

body.home #tab_home .tr, body.about #tab_about .tr, body.services #tab_services .tr, body.blog #tab_blog .tr, body.contact #tab_contact .tr { display: block; width: 11px; height: 11px; background: url(images/top_right.jpg) top right no-repeat; position: absolute; top: 0px; right: 0px; }


/*.................................................................................................. Content......................................................................................... */


.content{background-color:#FFFFFF; padding:40px 0; line-height:1.5em;}

.main{width:590px;}

.cir{padding-top:7px; margin-right:10px;}

fieldset { border: none; }

/*........................................... Slide................................ */

.right { width: 270px; margin: 0; float:right; }


.side-nav { width: 270px; margin: 0; padding: 0;}

.side-nav li { margin: 0; padding: 0; list-style:none; }
   
.side-nav li a { display: block; margin: 0; padding:8px; background-color:#fff; border-top: 1px solid #002855; cursor: pointer;  color:#002855; font-size:14px; font-weight: bold; text-decoration: none; }

.side-nav li ul li a { display: block; margin: 0; padding: 5px 2px; background-color:#fff; border: none; cursor: pointer;  color:#002855; font-size:12px; font-weight: bold; text-decoration: underline; }
	    
.side-nav li ul { padding: 5px 2px; }

.side-nav ul{ margin:0; padding:0; }

.side-nav ul li{ padding-left:8px; padding-bottom:7px; }



.demo-show { width: 270px; margin: 0; }
   
.demo-show h3 { margin: 0; padding:8px; background-color:#fff; border-top: 1px solid #cdccbf; cursor: pointer;  color:#4f4e4e; font-size:14px; }
	    
.demo-show div { padding: 5px 2px; }

.demo-show ul{ margin:0; padding:0; }

.demo-show li{ list-style:none; padding-left:8px; padding-bottom:7px; }



.side-box{margin:20px 0; border:1px solid #002855; padding: 4px 15px 15px 15px; background-color: #e6f0e7;}

.side-box h2{ padding-bottom: 1px; border-bottom: 1px solid #002855; color:#002855; font-size:14px; font-weight: bold; }

.side-box .title {
  font-weight: bold;
}

#news{margin:20px 0; border:1px solid #002855; padding: 4px 15px 15px 15px; background-color: #e6f0e7;}

#news h2{color:#002855; font-size:14px; font-weight: bold; }

#blog-categories ul { margin: 0; padding: 0; }

#blog-categories li { list-style: none; margin: 0; }


/*........................................... Extra area and Footer................................ */


.extra{ padding:20px 0 30px 0; color:#323232; line-height:1.7em;}

.extra h2 { color: #002855; }

.extra a{padding:3px; text-decoration:none;}

.footer{padding:2px 0 20px 0; color:#e6f0e7; text-align:right;}

.footer a {color: #FFF;}

/*........................................... Blog................................ */

.post { }

/*........................................... Forms................................ */

.formcontainer .error {
  color: red;
}

.formcontainer fieldset {
  margin: 10px 0 10px 0;
  border-top: 2px solid #002855;
}

.formcontainer .form-submit {
  margin: 10px;
  text-align: center;
}

label.required {
  font-weight: bold;
}

input.error, textarea.error {
  border: 2px solid red;
}