|
|
| (One intermediate revision not shown) |
| Line 1: |
Line 1: |
| - | body {
| |
| - | color: #A29C9A;
| |
| - | font-family: Arial, Helvetica, sans-serif;
| |
| - | font-size: 13px;
| |
| - | line-height: 18px;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | /*border-top:4px solid #f96e5b; */
| |
| - | background-color:#fbfbfb;
| |
| - | overflow:hidden;
| |
| - | position:relative;
| |
| - | overflow-y:auto;
| |
| | | | |
| - | }
| |
| - | p, ul, ol, dl, table, fieldset, blockquote, pre, code {
| |
| - | }
| |
| - | /* headings
| |
| - | ------------------------------------------------------*/
| |
| - | h1, h2, h3, h4, h5, .jqueryslidemenu a, .jqueryslidemenu ul li ul li a {
| |
| - | color:#fefefe;
| |
| - | font-family: 'Open Sans', sans-serif;
| |
| - | }
| |
| - | h1, h2, h3, h4, h5, h6 {
| |
| - | color:#282724;
| |
| - | padding-bottom:15px;
| |
| - | }
| |
| - | h1 {
| |
| - | font-size: 30px;
| |
| - | }
| |
| - | h2 {
| |
| - | font-size:27px;
| |
| - | }
| |
| - | h3 {
| |
| - | font-size: 20px;
| |
| - | }
| |
| - | h4 {
| |
| - | font-size: 18px;
| |
| - | }
| |
| - | h5 {
| |
| - | font-size: 16px;
| |
| - | }
| |
| - | h6 {
| |
| - | font-size: 11px;
| |
| - | }
| |
| - | hr {
| |
| - | border: 0 #ccc solid;
| |
| - | border-top-width: 1px;
| |
| - | clear: both;
| |
| - | height: 0;
| |
| - | }
| |
| - | hr {
| |
| - | border: 1px solid #eee;
| |
| - | width: 100%;
| |
| - | color: #eee;
| |
| - | height: 1px;
| |
| - | }
| |
| - | p {
| |
| - | color:#888888;
| |
| - | padding-bottom:10px;
| |
| - | }
| |
| - | strong {
| |
| - | color:#545454;
| |
| - | }
| |
| - | #footer_wrap strong {
| |
| - | color:#ccc;
| |
| - | }
| |
| - | iframe{
| |
| - | border:0px;
| |
| - | max-width:100%;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | /* imgage alignment
| |
| - | ----------------------------------------------------------------------------------------------------*/
| |
| - | .alignright {
| |
| - | float: right;
| |
| - | margin: 3px 0 0px 10px;
| |
| - | width:auto;
| |
| - | }
| |
| - | .alignleft {
| |
| - | float: left;
| |
| - | margin:0px 20px 0px 0px;
| |
| - | width:auto;
| |
| - | }
| |
| - | .align {
| |
| - | float: left;
| |
| - | margin: 0 10px 0px 0;
| |
| - | width:auto;
| |
| - | }
| |
| - | a img {
| |
| - | border:none;
| |
| - | }
| |
| - | img {
| |
| - | max-width:100%;
| |
| - | height:auto;
| |
| - | }
| |
| - | *|*:focus {
| |
| - | outline: none;
| |
| - | }
| |
| - | a:link, a {
| |
| - | color:#a29c9a;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - | a:hover {
| |
| - | color:#F96E5B;
| |
| - | }
| |
| - | .thumb_img {
| |
| - | float: left;
| |
| - | margin: 0px 20px 0px 0px;
| |
| - | }
| |
| - | .description {
| |
| - | display:block;
| |
| - | overflow:hidden;
| |
| - | }
| |
| - | .clear {
| |
| - | clear: both;
| |
| - | display: block;
| |
| - | height: 0;
| |
| - | visibility: hidden;
| |
| - | width: 100%;
| |
| - | }
| |
| - | .description h3 {
| |
| - | padding-top:20px;
| |
| - | overflow:hidden;
| |
| - | }
| |
| - | .inner_copyright{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
| |
| - | .drop_cap {
| |
| - | background-color:#343434;
| |
| - | height:50px;
| |
| - | width:50px;
| |
| - | -moz-border-radius: 35px;
| |
| - | -webkit-border-radius: 35px; /* Safari and Chrome */
| |
| - | border-radius: 35px;
| |
| - | text-align:center;
| |
| - | }
| |
| - | .drop_cap h4 {
| |
| - | color:#fff;
| |
| - | padding-top:15px;
| |
| - | }
| |
| - | .drop_cap:hover {
| |
| - | background-color:#F96E5B;
| |
| - | cursor:pointer;
| |
| - | }
| |
| - | span.divider {
| |
| - | overflow:hidden;
| |
| - | clear:both;
| |
| - | margin-top:40px;
| |
| - | margin-bottom:40px;
| |
| - | border-top:1px solid #D7D7D7;
| |
| - | display: block;
| |
| - | }
| |
| - | .blockquotes {
| |
| - | background-image:url(images/blockquote_img.png);
| |
| - | background-repeat:no-repeat;
| |
| - | background-position:6px 10px;
| |
| - | font-style:italic;
| |
| - | background-color:#FBFBFB;
| |
| - | padding:20px;
| |
| - | border-left:4px solid #F96E5B;
| |
| - | }
| |
| - | .button {
| |
| - | background-color:#000000;
| |
| - | float:left;
| |
| - | }
| |
| - | a.button {
| |
| - | background-color:#303030;
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#111111'); /* for IE */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#111111)); /* for webkit browsers */
| |
| - | background: -moz-linear-gradient(top, #303030, #111111); /* for firefox 3.6+ */
| |
| - | background: -o-linear-gradient(top, #303030, #111111); /* for opera 3.6+ */
| |
| - | border:1px solid #000;
| |
| - | padding:7px 15px 7px 15px;
| |
| - | border-radius:5px;
| |
| - | color:#fff;
| |
| - | font-size:13px;
| |
| - | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
| |
| - | -moz-transition: all 0.2s ease 0s;
| |
| - | font-family: 'Open Sans', sans-serif;
| |
| - | }
| |
| - | a.button:hover {
| |
| - | background-color:#111111;
| |
| - | -moz-transition: background-color 0.3s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#303030'); /* for IE */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#303030)); /* for webkit browsers */
| |
| - | background: -moz-linear-gradient(top, #111111, #303030); /* for firefox 3.6+ */
| |
| - | background: -o-linear-gradient(top, #111111, #303030); /* for opera 3.6+ */
| |
| - | border:1px solid #000;
| |
| - | color:#F96E5B;
| |
| - | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
| |
| - | }
| |
| - | a.detail {
| |
| - | -moz-transition: all 0.2s ease 0s;
| |
| - | background: url("images/detail_bt.png") no-repeat scroll right 5px transparent;
| |
| - | color: #303030;
| |
| - | cursor: pointer;
| |
| - | display: inline-block;
| |
| - | font-family: Arial, Helvetica, sans-serif;
| |
| - | font-size: 12px;
| |
| - | font-style: italic;
| |
| - | font-weight: bold;
| |
| - | line-height: 15px;
| |
| - | padding: 0 16px 0 0;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | a.detail:hover {
| |
| - | color:#fff;
| |
| - | text-decoration:underline;
| |
| - | padding:0px 20px 0px 0px;
| |
| - | -webkit-transition:all 0.2s ease;
| |
| - | -moz-transition:all 0.2s ease;
| |
| - | -o-transition:all 0.2s ease;
| |
| - | transition:all 0.2s ease;
| |
| - | }
| |
| - | .v_space {
| |
| - | padding-top:15px;
| |
| - | padding-bottom:15px;
| |
| - | }
| |
| - | .teaser_icon {
| |
| - | background-color:#1A1D1E;
| |
| - | display: block;
| |
| - | height:50px;
| |
| - | width:50px;
| |
| - | border-radius:68px 68px 68px 68px;
| |
| - | position:relative;
| |
| - | }
| |
| - | .teaser_icon img {
| |
| - | position:absolute;
| |
| - | margin-top:-12px;
| |
| - | left:50%;
| |
| - | margin-left:-13px;
| |
| - | top:50%;
| |
| - | }
| |
| - | .teaser_icon:hover {
| |
| - | -moz-transition: background-color 0.3s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
| |
| - | background-color:#F96E5B;
| |
| - | cursor:pointer;
| |
| - | }
| |
| - | /*end common/genral style*/
| |
| - | /***********************************HEADER START***********************************/
| |
| - | #header_wrap {
| |
| - | width:100%;
| |
| - | background-color:#333;
| |
| - | height:70px;
| |
| - | border-bottom:1px solid #fff;
| |
| - | border-top:4px solid #f96e5b;
| |
| - | background-image: url(images/header_bg.png);
| |
| - | background-repeat: repeat-x;
| |
| - | background-position: left top;
| |
| - | }
| |
| - |
| |
| - | /***********************************HEADER END***********************************/
| |
| - |
| |
| - | /***********************************LOGO START***********************************/
| |
| - | figure {
| |
| - | text-align:center;
| |
| - | padding-top:30px;
| |
| - | }
| |
| - | /***********************************LOGO END***********************************/
| |
| - |
| |
| - | /***********************************CONTENT START***********************************/
| |
| - | #content_wrap {
| |
| - | width:100%;
| |
| - | background-color:#eeeeee;
| |
| - | border-top:1px solid #ddd;
| |
| - | overflow:hidden;
| |
| - | margin-bottom:-10px;
| |
| - |
| |
| - | }
| |
| - | article {
| |
| - | width:1000px;
| |
| - | margin:0px auto;
| |
| - | padding-top:30px;
| |
| - | padding-bottom:60px;
| |
| - | overflow:hidden;
| |
| - | }
| |
| - | article h3 span {
| |
| - | color: #F96E5B;
| |
| - | }
| |
| - |
| |
| - | .page_title {
| |
| - | width:1000px;
| |
| - | margin:0px auto;
| |
| - | text-align:center;
| |
| - | line-height:30px;
| |
| - | padding-top:20px;
| |
| - | padding-bottom:50px;
| |
| - | }
| |
| - | .page_title h2 {
| |
| - | text-align:center;
| |
| - | line-height:40px;
| |
| - | font-size:30px;
| |
| - | font-weight:lighter;
| |
| - | }
| |
| - | .page_title span {
| |
| - | color:#f96e5b;
| |
| - | }
| |
| - | .sub_header {
| |
| - | padding-bottom:25px;
| |
| - | margin-bottom:40px;
| |
| - | overflow:hidden;
| |
| - | border-bottom: 1px solid #DDDDDD;
| |
| - | }
| |
| - | .portfolio .sub_header {
| |
| - |
| |
| - | }
| |
| - | .sub_header h2 {
| |
| - | float:left;
| |
| - | font-weight: lighter;
| |
| - | }
| |
| - | .searchform {
| |
| - | height: 34px;
| |
| - | float:right;
| |
| - | }
| |
| - | .s {
| |
| - | border: 1px solid #d0d0d0;
| |
| - | background-color:#fff;
| |
| - | color:#666666;
| |
| - | -moz-box-shadow: inset 0 0 8px #eeeeee;
| |
| - | -webkit-box-shadow: inset 0 0 8px #eeeeee;
| |
| - | box-shadow: inset 0 0 8px #eeeeee;
| |
| - | border-radius: 3px 0 0 3px;
| |
| - | color: #BBBBBB;
| |
| - | display: block;
| |
| - | float: left;
| |
| - | font-size: 13px;
| |
| - | height:14px;
| |
| - | line-height: 20px;
| |
| - | margin: 0;
| |
| - | padding: 7px 6px;
| |
| - | width:150px;
| |
| - | }
| |
| - | .searchsubmit {
| |
| - | -moz-border-bottom-colors: none;
| |
| - | -moz-border-left-colors: none;
| |
| - | -moz-border-right-colors: none;
| |
| - | -moz-border-top-colors: none;
| |
| - | -moz-transition: all 200ms ease 0s;
| |
| - | background: url(images/icon-search.png) no-repeat scroll center center #f96e5b;
| |
| - | border-color: #f96e5b #f96e5b #db5f4e;
| |
| - | border-image: none;
| |
| - | -webkit-border-bottom-right-radius:3px;
| |
| - | -moz-border-radius-bottomright:3px;
| |
| - | border-bottom-right-radius:3px;
| |
| - | -webkit-border-top-right-radius:3px;
| |
| - | -moz-border-radius-topright:3px;
| |
| - | border-top-right-radius:3px;
| |
| - | border-style: solid;
| |
| - | border-width: 1px;
| |
| - | box-shadow: 0 1px 0 0 #ffc2ba inset;
| |
| - | color: #FFFFFF;
| |
| - | cursor: pointer;
| |
| - | display: inline-block;
| |
| - | float: left;
| |
| - | font-weight: bold;
| |
| - | height:30px;
| |
| - | margin: 0;
| |
| - | padding: 7px 10px 8px;
| |
| - | text-align: center;
| |
| - | text-shadow: 1px 1px 0 #555555;
| |
| - | width:30px;
| |
| - | }
| |
| - | .searchsubmit:hover {
| |
| - | -moz-transition: background-color 0.3s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
| |
| - | border-color: #353535;
| |
| - | background-color: #1A1D1E;
| |
| - | box-shadow: inset 0 1px 0 0 #808080;
| |
| - | }
| |
| - |
| |
| - | /***********************************CONTENT END***********************************/
| |
| - |
| |
| - | #triangle-up {
| |
| - | border-bottom: 10px solid #EEEEEE;
| |
| - | border-left: 10px solid transparent;
| |
| - | border-right: 10px solid transparent;
| |
| - | height: 0;
| |
| - | margin: 0 auto;
| |
| - | width: 0;
| |
| - | position:relative;
| |
| - | top:1px;
| |
| - | }
| |
| - | #triangle-down {
| |
| - | width: 0;
| |
| - | margin:0px auto;
| |
| - | height: 0;
| |
| - | border-top:10px solid #eee;
| |
| - | border-left:10px solid transparent;
| |
| - | border-right:10px solid transparent;
| |
| - | position:relative;
| |
| - | top:10px;
| |
| - | overflow:hidden;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /***********************************FOOTER START***********************************/
| |
| - | #footer_wrap {
| |
| - | width:100%;
| |
| - | background-color: #2c2c2c;
| |
| - | border-top:4px solid #f96e5b;
| |
| - | }
| |
| - | footer {
| |
| - | width:1000px;
| |
| - | margin:0px auto;
| |
| - | padding-top:45px;
| |
| - | overflow:hidden;
| |
| - | }
| |
| - | /***********************************FOOTER END***********************************/
| |
| - |
| |
| - | /***********************************BOTTOM SEC START***********************************/
| |
| - | .bottom_sec {
| |
| - | background-color: #38393a;
| |
| - | color:#fff;
| |
| - | padding:1% 2% 1% 2%;
| |
| - | margin-top:20px !important;
| |
| - | width:96%;
| |
| - | overflow:hidden;
| |
| - | float:left;
| |
| - | }
| |
| - | .bottom_sec span {
| |
| - | float:left;
| |
| - | padding-top:15px;
| |
| - | color:#888888;
| |
| - | }
| |
| - | .bottom_sec ul {
| |
| - | list-style:none;
| |
| - | float:right;
| |
| - | padding-top:10px;
| |
| - | }
| |
| - | .bottom_sec ul li {
| |
| - | display:inline-block;
| |
| - | }
| |
| - | .bottom_sec ul li:hover {
| |
| - | opacity:0.7;
| |
| - | cursor:pointer;
| |
| - | }
| |
| - | /***********************************BOTTOM SEC END***********************************/
| |
| - |
| |
| - |
| |
| - | /***********************************CONTACT START***********************************/
| |
| - | #contact-form input, #contact-form textarea {
| |
| - | padding: 5px;
| |
| - | font-family: Helvetica, sans-serif;
| |
| - | margin: 10px 0px 10px 0px;
| |
| - | border: 1px solid #DDDDDD;
| |
| - | background-color:#fff;
| |
| - | color:#666666;
| |
| - | -moz-box-shadow: inset 0 0 8px #eeeeee;
| |
| - | -webkit-box-shadow: inset 0 0 8px #eeeeee;
| |
| - | box-shadow: inset 0 0 8px #eeeeee;
| |
| - | }
| |
| - | #contact-form input {
| |
| - | width:95%;
| |
| - | }
| |
| - | #contact-form textarea {
| |
| - | height:185px;
| |
| - | width:98%
| |
| - | }
| |
| - | #contact-form textarea:focus, #contact-form input:focus {
| |
| - | border: 1px solid #E1E1E1;
| |
| - | }
| |
| - | #contact-form p input#submit {
| |
| - | float:left;
| |
| - | background-color:#303030;
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#111111'); /* for IE */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#111111)); /* for webkit browsers */
| |
| - | background: -moz-linear-gradient(top, #303030, #111111); /* for firefox 3.6+ */
| |
| - | background: -o-linear-gradient(top, #303030, #111111); /* for opera 3.6+ */
| |
| - | border:1px solid #000;
| |
| - | padding:7px 15px 7px 15px;
| |
| - | border-radius:5px;
| |
| - | color:#fff;
| |
| - | font-family: 'Open Sans', sans-serif;
| |
| - | font-size:15px;
| |
| - | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
| |
| - | float:left;
| |
| - | margin-top:10px;
| |
| - | -moz-transition: all 0.2s ease 0s;
| |
| - | width:100px;
| |
| - | }
| |
| - | #contact-form p input#submit:hover {
| |
| - | background-color:#111111;
| |
| - | -moz-transition: background-color 0.3s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#303030'); /* for IE */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#303030)); /* for webkit browsers */
| |
| - | background: -moz-linear-gradient(top, #111111, #303030); /* for firefox 3.6+ */
| |
| - | background: -o-linear-gradient(top, #111111, #303030); /* for opera 3.6+ */
| |
| - | border:1px solid #000;
| |
| - | color:#F96E5B;
| |
| - | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
| |
| - | cursor:pointer;
| |
| - | }
| |
| - | #contact-form label {
| |
| - | float: left;
| |
| - | width:70px;
| |
| - | padding-top: 5px;
| |
| - | font-size:13px;
| |
| - | font-family: 'Open Sans', sans-serif;
| |
| - | color: #282724;
| |
| - | }
| |
| - | .vaidate_error {
| |
| - | border:1px solid #F96E5B!important;
| |
| - | }
| |
| - | #response {
| |
| - | color:#006633;
| |
| - | }
| |
| - | .contact_details div {
| |
| - | margin-bottom:35px;
| |
| - | display:block;
| |
| - | }
| |
| - | /***********************************CONTACT END***********************************/
| |
"
