@charset "utf-8";

/*************************************
CI Business and Protfolio.
Valid Css Level 3 - XHTML 1.0 Strict.
Designed by: Sherif Fawzi.
URL: http://www.CasLay.com
     http://themeforest.net/user/CasLay
*************************************/

body {
   margin: 0;
   padding: 0;
   font-family: Georgia;
   font-size: 11px;
   color: #fff;
   letter-spacing: 1px;
   
   

}

#wrapper {
   margin: 0 auto;
   width: 960px;
   overflow: hidden;
   text-align: left;
}

img {
   border:0;
}

a {
   font-size: 11px;
   line-height: 16px;
   letter-spacing: 0px;
   text-decoration: none;
   outline:none;
}

p {
   margin:0;
   padding:0px 0 0 0;
   font-size: 12px;
   line-height: 18px;
}

span {
   margin:0;
   padding:0;
   font-size:11px;
   line-height:16px;
}

a.continue {
   margin-top:15px;
   padding:0;
   height:24px;
   width:68px;
   text-indent:-9999px;
   display:block;
}

h2, h2 a {
   margin:0;
   padding:0;
   font-size:12px;
   font-weight:100;
   letter-spacing:1px;
   line-height:23px;
}

h3, h3 a  {
   margin:0;
   padding:0;
   font-size:14px;
   letter-spacing:1px;
}

pie  {
   margin:0;
   padding:0;
   font-size:20px;
   letter-spacing:1px;
}

img.thumble {
   margin:0;
   padding: 10px 10px 0 0;
   width:200px;
   float:left;
   clear:both;
}

div.line {
   margin:0;
   padding:0 20px;
   width:840px;
   height:2px;
   clear:both;
}

/**********************************************
Header, Container, Container-Top
Container-Center, Container-Bottom and Footer
**********************************************/

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

#header {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 385px;
	position: relative;
	background-color: #000000;
}

#logo {
   margin: 0;
   padding: 0 0 0 10px;
   position: absolute;
   top: 35px;
   left: 0;
}

#menu {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 470px;
	right: 685px;
	width:960px;
}

/*--------------------------------*/
/*.......... Container ..........*/
/*------------------------------*/

#container {
   margin:0;
   padding:0;
   width: 930px;
   padding: 40px 15px 20px 15px;
   position:relative;
}


/*------------------------------------*/
/*.......... Container Top ..........*/
/*----------------------------------*/

#container-top {
   width: 880px;
   min-height: 50px;
   padding: 10px 25px 25px 25px ;
}

#container-top img.p-title {
   float:left;
   border:0;
}

/*--------------------------------------*/
/*.......... Container Center ..........*/
/*------------------------------------*/

#container-center {
   margin: 0;
   width: 880px;
   padding: 35px 25px 0 25px;
   overflow:hidden;
}

/*---------------------------------------*/
/*.......... Container Bottom ..........*/
/*-------------------------------------*/

#container-bottom {
   margin:10px 0 0 0;
   width:880px;
   padding: 40px 25px 0 25px;
   overflow:hidden;
}



/*-----------------------------*/
/*.......... Footer ..........*/
/*--------------------------*/

#footer {
   margin: 300;
   padding: 30px 0 8px 30;
   text-align: left;
}

#footer p {
   margin: 0px 0;
   padding:0;
   letter-spacing: 1px;
   font-size:9px;
   line-height:5px;
}

#footer ul {
   margin:0;
   padding:0;
   list-style-type:none;
}

#footer ul li {
   display:inline;
   margin: 0;
   padding: 0 1px;
}

#footer ul li a {
   font-size: 9px;
   letter-spacing: 1px;
   text-decoration:none;
}

#footer ul li a:hover {
   text-decoration: none;
}

/*-----------------------------*/
/*.......... Menu Bottom ..........*/
/*--------------------------*/

#menu-bottom {
   margin: 0;
   padding: 20px 0 2px 0;
   text-align: center;
}

#menu-bottom p {
   margin: 5px 0;
   padding:0;
   letter-spacing: 1px;
   font-size:11px;
   line-height:16px;
}

#menu-bottom ul {
   margin:0;
   padding:0;
   list-style-type:none;
}

#menu-bottom ul li {
   display:inline;
   margin: 0;
   padding: 0 5px;
}

#menu-bottom ul li a {
   font-size: 13px;
   letter-spacing: 1px;
   text-decoration:none;
}

#menu-bottom ul li a:hover {
   text-decoration: none;
}


/**********************************************
Menu, Tabs-Menu & Sub-Menu, Tabs
Slider and Contact Forms
**********************************************/


/*---------------------------*/
/*.......... Menu ..........*/
/*-------------------------*/

#menu ul {
   margin: 0;
   padding: 10;
   float:right;
}

#menu ul li {
   float:left;
   list-style-image: none;
   list-style-type: none;
   height: 200px;
   padding: 30 50px 0 0;
}

#menu ul li a {
   float:left;
   font-size: 14px;
   letter-spacing: 1px;
   text-decoration: none;
   height:200px;
   padding: 5px 0 5px 50px;
   display: block;
}


/*------------------------------------------*/
/*.......... Tab-Menu & Sub Menu ..........*/
/*.......... We use it for tabs ..........*/
/*---------------------------------------*/

#sub-menu {
   padding: 0;
   margin: 0 !important;
   float:right;
   right:10px;
}

ul.tabs-menu, ul.sub-menu {
	list-style-type:none;
	float:right;
	margin:0 !important;
	padding:0;	
	height:30px;
}

ul.tabs-menu li, ul.sub-menu li {
   margin:0 !important;
   float:left;
   text-indent:0;
}

ul.tabs-menu li a, ul.sub-menu li a {
   font-size: 14px;
   letter-spacing: 1px;
   text-decoration: none;
   display: block;
   position:relative;
   padding: 5px 15px;
   margin:0;
   float:left;
}


/*---------------------------*/
/*.......... Tabs ..........*/
/*-------------------------*/

.tabs-panes .pane {
   display:none;
   margin:0 !important;
   padding:0;
   overflow:hidden;
   clear:left;
}


/*-----------------------------*/
/*.......... Slider ..........*/
/*---------------------------*/

#slider-holder {
   padding: 0 0px 0 20px;
   margin-top:0px;
   width: 840px;
   height: 350px;
   position:relative;
}

#slider {
   padding: 0px 0;
   width:840px;
   margin:0;
   height:350px;
}

#slider ul {
   margin:0;
   padding:0;
   list-style-type:none;
}

#slider ul li {
   margin:0;
   padding: 0;
   width:840px;
   height:350px;
   float:left;
}

#nextBtn, #prevBtn {
   z-index:5;
   position:absolute;
   top:155px;
}

#nextBtn {
   right: -20px;
}

#prevBtn {
   left:-1px;
}

#nextBtn a, #prevBtn a{
   display:block;
   text-indent:-9999px;
   height:50px;
   width:50px;
}


.slider-wide {
   width: 8400px;
   padding: 0 0px 0 0px;
}

.slider-wide p, .slider-wide h3, .slider-wide span {
   margin:0;
   padding:0;
}

.slider-wide p {
   padding-top:0px;
}

.slider-wide span, .slider-wide h3 {
   width:840px;
}

.slider-mini p, .slider-mini h3, .slider-mini span {
   margin:0;
   padding:0;
   letter-spacing:1px;
}

.slider-mini p, .slider-wide p {
   padding:10px 0;
   font-size:11px;
   line-height:16px;
}

.slider-mini h3, .slider-wide h3 {
   font-size:16px;
   line-height:22px;
   letter-spacing:1px;
}

.slider-mini span, .slider-wide span {
   font-size:10px;
   line-height:14px;
   letter-spacing:1px;
}

.slider-mini {
   width: 840px;
   height:350px;
   padding: 0 40px 0 40px;
}

.slider-mini img {
   float:left;
   margin: 0;
   padding-right: 20px;
}

.slider-mini div {
   margin:0;
   overflow:hidden;
   padding: 0;
}

.slider-img {
   width:840px;
   height:350px;
   padding: 0 40px;
}

a.readmore {
   margin:0;
   padding:0;
   text-decoration:none;
   font-size:11px;
   clear:both;
}



/*------------------------------------*/
/*.......... Contact Forms ..........*/
/*----------------------------------*/

#contactforms {
   margin:0 20px 0 20px;
   padding:0;
   width:400px;
}

#contactforms p {
   margin:0 0 0 5px;
   padding:0;
}


div.thankyou {
   margin:0 0 20px 0;
   padding:0;
}

label, label span {
   display:block;
   padding-bottom:10px;
}

label {
   width:400px;
   float:left;
   margin:0;
}

label span, #contactforms div span {
   float:left;
   width:150px;
   text-align:left;
   color:#ababab;
}

fieldset {
   padding-bottom:10px;
   border:none;
   margin:0;
}

fieldset input {
   float:right;
   width:220px;
   height:21px;
   padding-left:10px;
   padding-top:9px;
   background: no-repeat url(../../../CL%20business%20and%20Portfolio/blue/images/input.gif) left top;
   border:1px solid #d9d9d9;
   color:#6f6f6f;
   font-size:11px;
   line-height:16px;
}

fieldset label:hover input {
   border:1px solid #d9d9d9;
   background: no-repeat url(../../../CL%20business%20and%20Portfolio/blue/images/input-hover.gif) left top;
}

fieldset label:hover span {
   color:#000;
}

#contactforms fieldset div:hover span {
   color:#000;
}

fieldset input:active, input:focus {
   background: no-repeat url(../../../CL%20business%20and%20Portfolio/blue/images/input-active.gif) left top;
}

fieldset textarea#message {
   height:140px;
   width:220px;
   padding-top:9px;
   padding-left:10px;
   background: no-repeat url(../../../CL%20business%20and%20Portfolio/blue/images/input-m.gif) left top;
   color:#6f6f6f;
   font-size:11px;
   line-height:16px;
   border:1px solid #d9d9d9;
   float:right;
}

fieldset label:hover textarea#message {
   background: no-repeat url(../../../CL%20business%20and%20Portfolio/blue/images/input-mh.gif) left top;
}

fieldset label textarea#message:active, fieldset label textarea#message:focus {
   background: no-repeat url(../../../CL%20business%20and%20Portfolio/blue/images/input-ma.gif) left top;
}

div#button {
   margin:0 0 20px 0;
   padding:0 10px 0 0 ;
   width:220px;
   float:right;
}

div#button input {
   margin:0;
   padding:0;
   width:80px;
   height:30px;
   background: no-repeat url(../../../CL%20business%20and%20Portfolio/blue/images/send.gif) top left transparent;
   display:block;
   border:none;
   text-indent:-9999px;
   cursor: pointer;
   overflow: hidden;
   font-size:0px;
   line-height:0px;
   outline:none;
}

div#button input:hover {
  background: no-repeat url(../../../CL%20business%20and%20Portfolio/blue/images/send-h.gif) top left transparent;
}

.error {
   color:#ff0000;
   margin:0;
   padding:0;
   font-size:11px;
}

/**********************************************
Divs, Lists and Options
**********************************************/


/*-----------------*/
/*......lists.....*/
/*---------------*/

ul.normal {
   margin: 20px 0 0 0;
   padding:0;
}

.product ul {
   margin: 20px 0 0 100px;
   padding:0;
}

ul.normal li, .product ul li {
   margin-bottom:10px;
   padding:0 0 0 30px;
   list-style-type: none;
   font-size:11px;
   line-height:16px;
}

ul.normal li a:hover, .product ul li a:hover{
   color:#6f6f6f;
}


/*---------------------------*/
/*.......... Divs ..........*/
/*-------------------------*/

.wide {
   margin: 0 20px 40px 20px;
   padding:0;
   width: 840px;
   clear:both;
}

.medium {
   margin: 0;
   padding: 0 20px 40px 20px;
   width: 400px;
   clear:both;
}

.small {
   margin:0;
   padding: 0 20px 40px 20px;
   width:253px;
   clear:both;
}

.small img {
   width:250px;
   margin-top:15px;
}

.medium img {
   width:400px;
   margin-top:15px;
}

.product {
   padding: 20px 20px;
   margin:0;
   width:840px;
   overflow:hidden;
}

.product img {
   margin:0;
   padding: 0 15px 15px 0;
   float:left;
}

.product div {
   margin:0;
   padding-bottom:10px;
   width:600px;
   float:right;
}

.title {
   margin: 0 20px 40px 20px;
   padding:0 0 40px 0;
   width: 840px;
   clear:both;
}

.individual {
   padding: 20px 20px 0 20px;
   margin: 0;
}

.contactforms {
   margin: 0;
   padding: 0 20px 40px 20px;
   width: 400px;
   float:left;
   clear:left;
}

.vertical-left {
   margin:0;
   padding:0;
   overflow:hidden;
   float:left;
   clear:left;
}

.vertical-center {
   margin:0;
   padding:0;
   overflow:hidden;
   float:left;
}

.vertical-right {
   margin:0;
   padding:0;
   overflow:hidden;
   float:right;
   clear:right;
}

#p-title {
   float:left;
   margin-right:10px;
   height: 100%;
}


/*------------------------------*/
/*.......... Options ..........*/
/*----------------------------*/

span.note {
   font-size:12px;
   margin:0;
   padding-right:10px;
}