@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.portfolio {
width : 103px;
height : 39px;
margin-left : 283px;
margin-top : 217px;
display : inline;
float : left;
}
a.portfolio:hover {
width : 103px;
height : 39px;
margin-left : 282px;
margin-top : 216px;
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============== */