/*
Theme Name: CIOGreen
Theme URI: http://www.ciosgreen.com
Version: 1.0
Author: Manish Patel
Author URI: manish@phoenixmedialab.com
Tags: Picture Archive Services
*/

/*-----------------------------------------------
                    General
-------------------------------------------------*/
* { padding: 0; margin: 0; }
body { font-family:tahoma; font-size: 12px; background:url(../images/layout/main-bg.jpg);  }
#wrapper {  margin: 0 auto; width: 1000px; }
.rc { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; }
.bs {-moz-box-shadow: 0px 0px 3px #999; -webkit-box-shadow:0px 0px 3px #999; box-shadow: 0px 0px 3px #999;}

/*-----------------------------------------------
                    Header
-------------------------------------------------*/
#header { color: #333; width: 1000px; float: left; height: 115px;  margin: 0px 0px 20px 0px; background: #FFF;
 border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; -khtml-border-radius:0px 0px 10px 10px;}
#header .logo { float:left; margin:15px; }
#header .info { float:left; width:680px; padding:10px 0px; text-align: right;  }
#header .info p { color:#888; font-size:14px; font-family: "HN"; padding-right: 25px; }
#header .info p span { font-weight: bold; color:#64ac4a; padding-top: 3px;}

/*-----------------------------------------------
                    Navigation
-------------------------------------------------*/
.navigation { float: right; width: 535px; color: #333; border-bottom: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2;  }
.navigation a { float:left; text-decoration:none; color:#909090;  padding:5px 15px; margin-right:10px; font-size:20px; font-family:"FT";}
.navigation a:hover { color:#01b41b;  }
.navigation a.active { color:#01b41b; }
.navigation a.last { background:none; padding-right:0px; }

/*-----------------------------------------------
                    Slide
-------------------------------------------------*/
#slide { float: left; width: 1000px; height:668px; color: #333; padding: 0px 0px; margin: 0px 0px 20px 0px; background: url(../images/banners/main-banner.jpg); }
#banner { float: left; width: 1000px; height:320px; color: #333; padding: 0px 0px; margin: 0px 0px 20px 0px; }
.two { background: url(../images/banners/two.jpg);  }
.three { background: url(../images/banners/three.jpg);  }
.four { background: url(../images/banners/four.jpg);  }
.five { background: url(../images/banners/five.jpg);  }

/*-----------------------------------------------
                   Main Content
-------------------------------------------------*/
#content { color: #333; margin: 0px 0px 5px 0px; padding-bottom: 10px;  width: 1000px; float: left; background: #FFF; }
#content .last { margin-right:0px!important; }
#content .block1 { float:left; width:100%; }
#content .block1 p.title { float:left; width:100%; font-size:38px; font-family:"FT"; text-align:center; background-color:#64ac4a; color:#FFF; margin-top:15px ; padding: 5px 0px; }
#content .block1 p.subtitle { float:left; width:100%; font-size:22px; font-family:"FT"; text-align:center; background-color: #ebebeb; color:#626161; padding: 5px 0px; }
#content .block1 p.text { float:left; text-align:center; width:960px; padding: 10px 20px; color:#888; font-size:16px; margin-top:10px; line-height:1.8; font-family: "HN"; }
#content .block1 p.text a {color: #499e2a; text-decoration: none;}
#content .block1 p.logo { float: left; text-align: center; width: 100%; padding-top: 30px;}

/*-----------------------------------------------
                   Our Role
-------------------------------------------------*/
#content .block2 { float:left; width:100%; border-top:1px solid #ccc;  margin: 10px 0px; }
#content .block2 .box { float: left; width: 420px; margin-right: 20px; margin-left: 30px;  }
#content .block2  p.title { font-size:28px; font-family:"FT";  color:#64ac4a; border-bottom: 1px solid #f4f4f4; padding: 10px 20px; margin-bottom: 10px; }
#content .block2 .box ul { padding-left: 40px; line-height: 1.8; color:#888; font-size:16px; font-family: "HN"; }
#content .block2 .box ul li { padding-left: 10px; }

/*-----------------------------------------------
                   Client
-------------------------------------------------*/
#content .last { margin-right:0px!important; }
#content .block3 { float:left; width:1000px; border-top:1px solid #CCC;}
#content .block3 .box { float:left; width:230px; height:180px; padding:10px; margin:10px 0px;   }
#content .block3 .image { margin:10px; text-align:center; }
#content .block3 .icon { float:left; padding:8px; height:45px; width:45px;}
#content .block3 p.title { float:left; padding:8px 0px; width:100%; text-align:center; font-size:16px; color:#448844; font-family: "HN";  line-height:1.5; }

/*-----------------------------------------------
                   Contact
-------------------------------------------------*/
#content .form { width:1000px; color:#666; display:table-cell;}
#emailus {margin:15px 0px; margin-left: 150px; }
#emailus #prevent { visibility:hidden; display:none; height:0px!important; margin:0!important; }
#emailus label { float:left; font-family:"FT"; font-size:22px; width:200px;  }
#emailus input[type='text'] { float:left; color:#64ac4a; height:16px; width:450px; font-family: "HN"; margin-bottom:20px; border:2px solid #64ac4a; padding:10px 10px; font-size:16px; font-style:italic;}
#emailus textarea { float:left; color: #64ac4a;  height:120px; resize:none; width:450px; font-family: "HN"; font-size:16px;  margin-bottom:20px; padding:10px; border:2px solid #64ac4a;  font-style:italic;  margin-bottom:10px;}
#emailus fieldset {border:none; }
#emailus input[type='submit'] {float:left; cursor:pointer; width:90px; padding:7px 7px;border:2px solid; font-family:"FT"; color: #FFF; font-size:22px; background:#64ac4a;  margin-top:10px; margin-left:200px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}


/*-----------------------------------------------
                    Footer
-------------------------------------------------*/
#footer {  width: 100%; float:left; clear: both;  color: #333;  height:40px; font-family: "HN";  }
#footer .fcontent { margin:0 auto; width:1000px; }
#footer .fcontent .copy { float:left; text-align:center;  width:960px; padding:10px; font-size:11px; color:#696868;   }