@charset "utf-8";

/* ==============General CSS Document Starts============== */

body {

padding : 0;

margin : 0 auto;

background-image : url(images/left.jpg);

background-repeat : repeat-x;

background-color : #f5e3bf;

font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size : 16px;

color : #75421b;

}

div, p, img, h1, h2, h3, h4, h5, h6, ul, li, a, form, label, dl, dt, dd {

padding : 0;

margin : 0;

}

a {

color : #f26222;

text-decoration : none;

}

a:hover {

text-decoration : underline;

}

a img {

border-style : none;

}

ul, li {

list-style : none;

}

.spacer {

font-size : 0;

line-height : 0;

clear : both;

}

/* ==============General CSS Document Ends============== */



/* ==============Main div============== */

#main {

width : 1002px;

margin : 0 auto;

display : block;

}

/* ==============Header CSS Document Starts============== */

#header {

width : 1002px;

display : block;

height : 737px;

position : absolute;

top : 0;

background:url(images/header.jpg) no-repeat;

z-index : 100;

}

.right {

float : right;

width : 50%;

background-image : url(images/right.jpg);

background-repeat : repeat-x;

height : 738px;

clear : both;

}

.logo {

background : url(images/logo.jpg) no-repeat;

width : 426px;

height : 143px;

margin-top : 35px;

margin-left : 20px;

float : left;

}

/*top navigation starts*/

a.contact {

width : 177px;

height : 32px;

margin-left : 232px;

margin-top : 68px;

display : inline;

float : left;

}

a.contact:hover {

width : 177px;

height : 32px;

margin-left : 232px;

margin-top : 68px;

display : inline;

background : url(images/contact-hover.png) no-repeat;

}

a.query {

width : 83px;

height : 24px;

margin-left : 429px;

margin-top : 77px;

display : inline;

float : left;

}

a.query:hover {

width : 83px;

height : 24px;

background : url(images/query-hover.jpg) no-repeat;

margin-left : 428px;

margin-top : 77px;

display : inline;

}

a.rssboat {

width : 82px;

height : 80px;

margin-left : 40px;

margin-top : 113px;

display : inline;

float : left;

}

a.sitemap {

width : 85px;

height : 59px;

margin-left : 25px;

margin-top : 15px;

display : inline;

float : left;

}

a.sitemap:hover {

background : url(images/sitemap-hover.gif) no-repeat;

width : 85px;

height : 59px;

margin-left : 24px;

margin-top : 15px;

display : inline;

float : left;

}

a.about {

width : 70px;

height : 24px;

margin-left : 193px;

margin-top : 9px;

display : inline;

float : left;

}

a.about:hover {

width : 70px;

height : 24px;

margin-left : 193px;

margin-top : 9px;

display : inline;

background : url(images/about-hover.png) no-repeat;

}

a.hire {

width : 83px;

height : 25px;

margin-left : 54px;

margin-top : 116px;

display : inline;

float : left;

}

a.hire:hover {

width : 83px;

height : 25px;

margin-left : 53px;

margin-top : 116px;

display : inline;

background : url(images/hire-hover.png) no-repeat;

}

a.services {

width : 105px;

height : 33px;

margin-left : 83px;

margin-top : 82px;

display : inline;

float : left;

}

a.services:hover {

width : 105px;

height : 33px;

margin-left : 81px;

margin-top : 81px;

display : inline;

background : url(images/services-hover.png) no-repeat;

}

a.live {

width : 56px;

height : 25px;

margin-left : 110px;

margin-top : 92px;

display : inline;

float : left;

}

a.live:hover {

width : 56px;

height : 25px;

margin-left : 110px;

margin-top : 91px;

display : inline;

float : left;

background : url(images/live-hover.jpg) no-repeat;

}

a.portfolio {

width : 103px;

height : 39px;

margin-left : 704px;

margin-top : 76px;

display : inline;

float : left;

}

a.portfolio:hover {

width : 103px;

height : 39px;

margin-left : 704px;

margin-top : 75px;

display : inline;

background : url(images/portfolio-hover.png) no-repeat;

}

/*top navigation ends*/

/* ==============Header CSS Document Ends============== */

/* ==============Body CSS Document Starts============ */

.bodyArea {

background : url(images/body-bkg.jpg) repeat-x;

overflow : hidden;

}

.mainbody {

width : 982px;

margin : 0 auto;

display : block;

}

/* ==============Left Div Starts============ */

.mainleft {

width : 658px;

float : left;

display : block;

}

.who {

width : 576px;

height : 125px;

}

.offer {

width : 642px;

height : 104px;

}

ul.offerlist {

display : block;

float : left;

list-style : none;

}

ul.offerlist li {

display : block;

float : left;

list-style-type : none;

list-style-image : none;

background : url(images/star.gif) no-repeat 0 4px;

padding-left : 25px;

margin-top : 10px;

clear : both;

width : 90%;

}

ul.offerlist li a {

display : block;

float : left;

color : #74421b;

}

/* ==============Left Div Ends============ */



/* ==============Right Div Starts============ */

.mainright {

width : 291px;

float : right;

display : block;

}

.portfolio_sample {

width : 291px;

height : 189px;

margin-bottom : 20px;

cursor:pointer;

}

/* ==============Right Div Ends============ */

/* ==============Footer CSS Document Starts============== */

/* ==============Footer Top div Starts============== */

.footer-top {

width : 100%;

display : block;

float : left;

}

.posts {

float : left;

display : block;

width : 301px;

}

.blog {

background : url(images/blog.gif) no-repeat;

background-position : bottom;

width : 158px;

height : 98px;

float : left;

}

.rss-ico {

background : url(images/rss.gif) no-repeat;

width : 83px;

height : 98px;

float : left;

}

.twitty {

display : block;

float : left;

}

.twitty ul {

display : block;

float : left;

list-style : none;

}

.twitty ul li {

display : block;

float : left;

list-style : none;

background : url(images/shell-ico.gif) no-repeat 0 2px;

padding-left : 25px;

margin-top : 10px;

clear : both;

width : 280px;

}

.twitty a {

font-size : 12px;

}

ul.blog_posts {

display : block;

float : left;

list-style : none;

}

ul.blog_posts li {

display : block;

float : left;

list-style : none;

background : url(images/shell-ico.gif) no-repeat 0 2px;

padding-left : 25px;

margin-top : 10px;

clear : both;

width : 280px;

}

.twitter {

background : url(images/twitter.gif) no-repeat;

background-position : bottom;

width : 236px;

height : 98px;

float : left;

}

.twitter-ico {

background : url(images/twitter-blog.gif) no-repeat;

width : 83px;

height : 98px;

float : left;

}

.quick_contact {

width : 291px;

float : right;

display : block;

}

.quick_contact a {

color : #74421b;

}

.skype {

background : url(images/skype.gif) no-repeat;

padding-left : 70px;

height : 53px;

line-height : 53px;

display : block;

float : left;

clear : both;

margin-bottom : 10px;

}

.gtalk {

background : url(images/gtalk.gif) no-repeat;

padding-left : 70px;

height : 53px;

line-height : 53px;

display : block;

float : left;

clear : both;

margin-bottom : 10px;

}

.yahoo {

background : url(images/yahoo.gif) no-repeat;

padding-left : 70px;

height : 53px;

line-height : 53px;

display : block;

float : left;

clear : both;

margin-bottom : 10px;

}

.msn {

background : url(images/msn.png) no-repeat;

padding-left : 70px;

height : 53px;

line-height : 53px;

display : block;

float : left;

clear : both;

margin-bottom : 10px;

}

.mail {

background : url(images/mail.gif) no-repeat;

padding-left : 70px;

height : 53px;

line-height : 53px;

display : block;

float : left;

clear : both;

margin-bottom : 10px;

}

.twitter-follow {

background : url(images/twitter-follow.gif) no-repeat;

padding-left : 70px;

height : 53px;

line-height : 53px;

width : 70%;

display : block;

float : left;

clear : both;

margin-bottom : 10px;

}

.facebook {

background : url(images/facebook.gif) no-repeat;

padding-left : 70px;

height : 53px;

line-height : 53px;

display : block;

float : left;

clear : both;

margin-bottom : 10px;

}

/* ==============Footer Top div Ends============== */

/* ==============Footer Bottom div Starts============== */

.footer-bottom {

width : 100%;

height : 819px;

background : url(images/footer-bg.jpg) repeat-x;

}

.footer-inner {

width : 982px;

height : 819px;

background : url(images/footer.jpg) no-repeat;

margin : 0 auto;

display : block;

}

.footer_left {

width : 450px;

float : left;

display : block;

}

.sand {

width : 100%;

height : 75px;

z-index : 101;

background-image : url(images/sand.gif);

background-repeat : repeat-x;

position : absolute;

margin-top : 634px;

float : left;

display : inline;

}

a.share {

width : 123px;

height : 22px;

margin-top : 202px;

margin-left : 259px;

float : left;

display : inline;

z-index : 106;

cursor : pointer;

}

a.share:hover {

background : url(images/tellAfriend.jpg) no-repeat;

width : 123px;

height : 22px;

margin-top : 192px;

margin-left : 258px;

float : left;

display : inline;

z-index : 107;

cursor : pointer;

overflow : hidden;

}

.octo {

position : absolute;

margin-top : 98px;

margin-left : 79px;

background : url(images/octopus.png) no-repeat;

width : 178px;

height : 174px;

float : left;

display : block;

z-index : 999;

}

a.w3c_css {

margin-top : 134px;

margin-left : 42px;

width : 59px;

height : 28px;

display : inline;

color : #fff;

font-size : 18px;

font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;

font-style : italic;

cursor : pointer;

float : left;

overflow : hidden;

}

a.w3c_css:hover {

text-decoration : none;

color : #003;

}

a.bookmark {

margin-top : 109px;

margin-left : 109px;

width : 160px;

height : 28px;

display : inline;

cursor : pointer;

float : left;

overflow : hidden;

}

a.bookmark:hover {

background : url(images/bookmark.jpg) no-repeat;

margin-top : 109px;

margin-left : 108px;

width : 160px;

height : 28px;

display : inline;

cursor : pointer;

float : left;

}

a.w3c_html {

margin-top : 92px;

margin-left : 375px;

width : 83px;

height : 28px;

display : inline;

color : #fff;

font-size : 18px;

font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;

font-style : italic;

cursor : pointer;

z-index : 105;

float : left;

overflow : hidden;

}

a.w3c_html:hover {

text-decoration : none;

color : #003;

}

.footer_right {

float : left;

display : block;

margin-left : 55px;

width : 300px;

}

/* ==============Quick Query form Starts============== */

form.quickQ {

float : left;

display : block;

}

h1.query_heading {

font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;

color : #fff;

font-size : 40px;

margin-top : 107px;

margin-left : 15px;

font-weight : lighter;

display : block;

margin-bottom : 40px;

}

input.text {

width : 242px;

height : 27px;

display : block;

background-color : #17b4e9;

border : none;

color : #23285f;

font-family : Arial, Helvetica, sans-serif;

font-size : 14px;

float : left;

margin-bottom : 43px;

}

.message {

width : 242px;

height : 175px;

background-color : #17b4e9;

border : none;

color : #23285f;

font-family : Arial, Helvetica, sans-serif;

font-size : 14px;

float : left;

overflow : hidden;

margin-top : 10px;

display : block;

}

#frmquery .frmSubmit {

background : url(images/submit.gif) no-repeat;

margin-top : 78px;

margin-left : 135px;

width : 92px;

height : 39px;

display : inline;

float : left;

cursor : pointer;

overflow : hidden;

}

#frmquery a.frmSubmit:hover {

background : url(images/submit-hover.gif) no-repeat;

margin-top : 78px;

margin-left : 135px;

width : 92px;

height : 39px;

display : inline;

float : left;

cursor : pointer;

z-index : 900;

}

/* ==============Quick Query form Ends============== */

.toplink {

width : 168px;

float : left;

display : block;

}

a.top {

background : url(images/top.jpg) no-repeat;

margin-top : 461px;

margin-left : 116px;

width : 42px;

height : 16px;

display : inline;

float : left;

overflow : hidden;

}

a.top:hover {

background : url(images/top-hover.jpg) no-repeat;

margin-top : 461px;

margin-left : 116px;

width : 42px;

height : 16px;

display : inline;

float : left;

}

.footertxt {

float : right;

display : block;

color : #b35d27;

font-size : 18px;

font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;

}

.footertxt a {

color : #b35d27;

}

.footertxt a:hover {

text-decoration : none;

color : #23275d;

}

.copy {

color : #5c3413;

float : right;

display : block;

font-size : 14px;

font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;

}

/* ==============Footer Bottom div ends============== */

/* ==============Footer CSS Document Ends============== */

.mandatory {

color : #c00;

}

/* ==============Wordpress Blog CSS Document Starts============== */

/* ==============Search form Starts============== */

#searchform {

text-align : left;

}

#sidebar #searchform #s {

width : 108px;

padding : 2px;

border:1px dashed #de7e20;

}

#sidebar #searchsubmit {

	background:url(images/binoculars-icon.png) no-repeat;

	border:none;

	cursor:pointer;

	font-size:0px;

	color:#a6bf81;

	width:80px;

	height:51px;

	text-indent:+10000px;

}

/* ==============Search form Ends============== */

.entry form {

text-align : center;

}

select {

width : 130px;

}

/* ==============Comment part Starts============== */

#commentform input {

width : 170px;

padding : 2px;

margin : 5px 5px 1px 0;

border:1px dashed #de7e20;

}

#commentform {

margin : 5px 10px 0 0;

}

#commentform textarea {

width : 100%;

padding : 2px;

border:1px dashed #de7e20;

}

#respond:after {

content : ".";

display : block;

height : 0;

clear : both;

visibility : hidden;

}

#commentform #submit {

margin-top : 5px;

background:url(images/submit-small.jpg) no-repeat;

width:177px;

height:63px;

font-size:0px;

text-align:left;

padding-left:2px;

color: #234125;

text-indent:-100000px;

border:none;

cursor:pointer;

display:block;

float:left;

}

.alt {

margin : 0;

padding : 10px;

}

.commentlist {

padding : 0;

text-align : justify;

}

.commentlist li {

margin : 15px 0 10px;

padding : 5px 5px 10px 10px;

list-style : none;

}

.commentlist li ul li {

margin-right : -5px;

margin-left : 10px;

}

.commentlist p {

margin : 10px 5px 10px 0;

}

.children {

padding : 0;

}

#commentform p {

margin : 5px 0;

}

.nocomments {

text-align : center;

margin : 0;

padding : 0;

}

.commentmetadata {

margin : 0;

display : block;

}

/* ==============Comment part ends============== */

/* ==============Side bar starts============== */

#sidebar {

margin-top : 30px;

}

#sidebar form {

margin : 0;

}

#wp-calendar {

empty-cells : show;

margin : 10px auto 0;

width : 155px;

}

#wp-calendar #next a {

padding-right : 10px;

text-align : right;

}

#wp-calendar #prev a {

padding-left : 10px;

text-align : left;

}

#wp-calendar a {

display : block;

}

#wp-calendar caption {

text-align : center;

width : 100%;

}

#wp-calendar td {

padding : 3px 0;

text-align : center;

}

#wp-calendar td.pad:hover {

background-color : #fff;

}

acronym, abbr, span.caps {

cursor : help;

}

acronym, abbr {

border-bottom : 1px dashed #999;

}

blockquote {

margin : 15px 30px 0 10px;

padding-left : 20px;

border-left : 5px solid #ddd;

}

blockquote cite {

margin : 5px 0 0;

display : block;

}

.center {

text-align : center;

}

.hidden {

display : none;

}

.screen-reader-text {

position : absolute;

left : -1000em;

}

hr {

display : none;

}

a img {

border : none;

}

.navigation {

display : block;

text-align : center;

margin-top : 10px;

margin-bottom : 60px;

}

.aligncenter, div.aligncenter {

display : block;

margin-left : auto;

margin-right : auto;

}

.wp-caption {

border : 1px solid #ddd;

text-align : center;

background-color : #f3f3f3;

padding-top : 4px;

margin : 10px;

}

.wp-caption img {

margin : 0;

padding : 0;

border : 0 none;

}

.wp-caption p.wp-caption-text {

font-size : 11px;

line-height : 17px;

padding : 0 4px 5px;

margin : 0;

}

h1 {

margin : 0;

}

h2 {

margin : 30px 0 0;

}

h2.pagetitle {

margin-top : 30px;

text-align : center;

}

#sidebar h2 {

margin : 5px 0 0;

padding : 0;

}

h3 {

padding : 0;

margin : 30px 0 0;

}

h3.comments {

padding : 0;

margin : 40px auto 20px;

}

p img {

padding : 0;

max-width : 100%;

}

img.centered {

display : block;

margin-left : auto;

margin-right : auto;

}

img.alignright {

padding : 4px;

margin : 0 0 2px 7px;

display : inline;

}

img.alignleft {

padding : 4px;

margin : 0 7px 2px 0;

display : inline;

}

.alignright {

float : right;

}

.alignleft {

float : left;

}

.entry li {

margin : 7px 0 8px 10px;

}

.entry ol {

padding : 0 0 0 35px;

margin : 0;

}

.entry ol li {

margin : 0;

padding : 0;

}

.postmetadata ul, .postmetadata li {

display : inline;

list-style-type : none;

list-style-image : none;

}

#sidebar ul, #sidebar ul ol {

margin : 0;

padding : 0;

}

#sidebar ul li {

list-style-type : none;

list-style-image : none;

margin-bottom : 15px;

}

#sidebar ul p, #sidebar ul select {

margin : 5px 0 8px;

}

#sidebar ul ul, #sidebar ul ol {

margin : 5px 0 0 10px;

}

#sidebar ul ul ul, #sidebar ul ol {

margin : 0 0 0 10px;

}

#sidebar ul ul li, #sidebar ul ol li {

margin : 3px 0 0;

padding : 0;

}

/* ==============Side bar ends============== */

.narrowcolumn {

width : 650px;

float : left;

}

/* ==============Wordpress Blog CSS Document Starts============== */

/* ==============Portfolio gallery starts============== */

#featured {

width : 100%;

float : left;

padding : 30px 0 0 0;

}

.featured-gall {

background-repeat : no-repeat;

background-position : 0 0;

width : 100%;

height : 217px;

display : inline;

overflow:hidden;

}

.featured-gall p {

margin : 3px 0 0 30px;

font-size : 0.9em;

}

#featured h2 {

vertical-align : bottom;

}

.btn-left, .btn-right {

width : 9px;

height : 190px;

display : block;

overflow : hidden;

text-indent : -99em;

}

.btn-left {

background-position : 0 0;

background-repeat : no-repeat;

float : left;

}

.btn-right {

background-position : 0 0;

background-repeat : no-repeat;

float : right;

margin : 0 9px 0 0;

}

#fea-web, #fea-branding, #fea-art {

padding : 0;

}

#fea-web h2 {

background : url(../images/portfolio-home/heading-website.png) no-repeat 0 bottom;

height : 165px;

width : 47px;

display : inline-block;

overflow : hidden;

text-indent : -999em;

float : left;

}

#fea-web .featured-gall {

float : left;

}

#fea-web .btn-left {

background-image : url(../images/portfolio-home/btn_left-web.png);

}

#fea-web .btn-right {

background-image : url(../images/portfolio-home/btn_right-web.png);

}

#fea-branding h2 {

float : left;

background : url(../images/portfolio-home/heading-logo.png) no-repeat 0 bottom;

height : 165px;

width : 47px;

display : inline-block;

overflow : hidden;

text-indent : -999em;

}

#fea-branding .featured-gall {

background-image : url(../images/portfolio-home/bg_featured-brand.jpg);

float : left;

}

#fea-branding .btn-left {

background-image : url(../images/portfolio-home/btn_left-logo.png);

}

#fea-branding .btn-right {

background-image : url(../images/portfolio-home/btn_right-logo.png);

}

#fea-art h2 {

float : left;

background : url(../images/portfolio-home/heading-illustration.png) no-repeat 0 bottom;

height : 165px;

width : 47px;

display : inline-block;

overflow : hidden;

text-indent : -999em;

}

#fea-art .featured-gall {

background-image : url(../images/portfolio-home/bg_featured-art.jpg);

float : left;

}

#fea-art .btn-left {

background-image : url(../images/portfolio-home/btn_left-art.png);

}

#fea-art .btn-right {

background-image : url(../images/portfolio-home/btn_right-art.png);

}

.contact_div{

	display:block;	

}

.contact_div p{

	margin-bottom:10px;

}

#wpsf_contact_form input{

	border:1px dashed #de7e20;

}

#wpsf_contact_form #wpsf_contact_message{

	border:1px dashed #de7e20;

}

#wpsf_contact_form #wpsf_contact_submit{

	background:url(images/submit-bottle.jpg) no-repeat;

	width:287px;

	height:102px;

	font-size:0px;

	text-align:left;

	padding-left:2px;

	color: #234125;

	text-indent:-100000px;

	border:none;

	cursor:pointer;

	display:block;

}

/* ==============Portfolio gallery ends============== */

/* ==============Hire Us page CSS Document============== */

.hire_img

{

	width:314px;

	height:100px;

}

.why_hire_us {

background-image:url(images/why-hire-us.gif);

background-repeat:no-repeat;

width : 517px;

height : 128px;

}

.hire_left{

	width:331px;

	float:left;

}

.hire_right{

	width:286px;

	height:160px;

	background-image:url(images/crab-trio.jpg);

	background-repeat:no-repeat;

	float:left;

}

.hire_div{

	width:106px;

	float:left;

	display:block;

}

ul.hire_us{

	list-style-type:none;

	width:106px;

	float:left;

	margin-top:20px;

}

ul.hire_us li{

	float:left;

	display:block;

	width:106px;

	clear:both;

	list-style-type:none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	text-decoration:none;

	color:#74421b;

	line-height:30px;

}

ul.why_hire {

display : block;

float : left;

list-style : none;

}

ul.why_hire li {

display : block;

float : left;

list-style-type : none;

list-style-image : none;

background : url(images/star.gif) no-repeat 0 4px;

padding-left : 25px;

margin-top : 10px;

clear : both;

width:602px;

}

/* ==============Hire Us page CSS Document Ends============== */



/* ==============Services page CSS Document Starts============== */



.services_img{

	width:354px;

	height:124px;

}

ul.allservices {

display : block;

float : left;

list-style : none;

margin-top:20px;

font-size:14px;

}

ul.allservices li {

display : block;

float : left;

list-style-type : none;

list-style-image : none;

clear : both;

width:291px;

border-bottom:dashed #75421b 1px;

height:32px;

line-height:32px;

vertical-align:middle;

}

/* ==============Services page CSS Document Ends============== */