* { margin: 0; padding: 0; }
body { font: normal 90% "Lucida Grande", "Lucida Sans Unicode", sans-serif; background: #e2daca url(../img/bg-card.jpg) repeat; text-shadow: 0px 1px 1px #fff; }

#container { margin: 0 auto; width: 980px; position: relative; }
#head-bg { margin: 0 auto; width: 100%; position: absolute; background: #ffffff url(../img/bg-card-head.jpg) repeat; height: 210px; z-index: -5; border-bottom: solid 2px #b9a891; }
.home #head-bg { height: 358px; }

h1 { color: #ffffff; font: normal 40px Georgia, "Times New Roman", serif; }
h2 { margin-bottom: 0.7em;  font: normal 32px Georgia, "Times New Roman", serif; color: #1f363c; text-shadow: 0px 1px 1px #fff; }
h3 { margin-bottom: 0.6em;  font: normal 30px Georgia, "Times New Roman", serif; color: #008caf; text-shadow: 0px 1px 1px #fff; }
h4 { margin-bottom: 0.6em;  font: normal 26px Georgia, "Times New Roman", serif; color: #1f363c; text-shadow: 0px 1px 1px #fff; }
h5 { margin-bottom: 0.6em;  font: normal 22px Georgia, "Times New Roman", serif; color: #1f363c; }
h6 { margin-bottom: 0.6em;  font: normal 17px "Lucida Grande", "Lucida Sans Unicode", sans-serif; color: #1f363c; }

.getintouch { font: italic 26px Georgia, "Times New Roman", serif; color: #1f363c; margin: 20px 0 50px 0; position: absolute; left: 580px; }
.getintouch span { font-size: 40px; }

a {	text-decoration: none; color: #008caf; }
a:hover, a:focus, a:active, a:hover span, a:focus span, a:active span { color: #d3f6ff; background: url(../img/link-bg.png) repeat transparent; text-shadow: none; cursor: pointer; }

p { margin-bottom: 0.8em; line-height: 1.4em; }

a.logo { background: transparent url(../img/pixelcreation.png) repeat scroll 0 0; width: 280px; height: 69px; position: absolute; left: 0; top: 18px; display: block; text-indent: -9999px; padding: 0; margin: 0; }
h1.title { margin: 20px 0 50px 0; text-shadow: 0px -1px 1px #333; }
h1.title-port { margin: 20px 0 0 0; text-shadow: 0px -1px 1px #333; }
h1.title a, h1.title-port a { color: #fff; text-decoration: none; font-weight: normal; }
.m0 { margin-bottom: 0px;}
.home h1.title { position: absolute; left: 0; top: 135px; width: 430px; }
#cat-title { margin-bottom: 30px;  font: normal 16px Georgia, "Times New Roman", serif; color: #1f363c; }
#cat-title a { color: #1f363c; }
#cat-title a:hover, #cat-title a:focus, #cat-title a:active { color: #008caf; background: none; text-decoration: underline; text-shadow: 0px 1px 1px #fff; }

ul.nav { position: absolute; right: 0; top: 51px; list-style: none; display: inline; }
ul.nav li { list-style: none; display: inline; padding: 0 0 0 12px; float: left; }
ul.nav a, ul.nav { color: #fff; font-size: 16px; text-decoration: none; font-weight: normal; text-shadow: 0px -1px 1px #333; }
ul.nav a:hover, ul.nav a:focus, ul.nav a:active { color: #008caf; background: none; text-shadow: 0px -1px 1px #015b72, 0px 1px 1px #ccc; }
ul.nav li.current_page_item a { color: #000; border-bottom: solid 2px #008caf; font-size: 16px; text-decoration: none; font-weight: normal; text-shadow: 0px 1px 1px #fff; }

.ie6-upgradebar { display: none; }

.main ul li { list-style-image: url(../img/accept.png); margin: 0 0 5px 25px; }
.main ul li ul { margin-top: 10px; }
.main ul li ul li { list-style-image: url(../img/promotion.png); }

#nav-desc { position: absolute; right: 0; top: 70px; height: 38px; width: 490px; }

#header { position: relative; width: 980px; height: 118px; }
.home #header { position: relative; width: 980px; height: 407px; }
.main, .intro { float: left; }
#sub { width: 486px; margin: 220px 0 0 490px; border-top: solid 2px #c8baa8; padding: 20px 0; }
#sub2 { width: 486px; margin: 0 0 0 490px; }

.main { width: 980px; }
.home .main, #footer .main, .intro, .narrow { position: relative; width: 438px; }
#main p { text-align: justify; }

#feature { float: right; width: 470px; height: 250px; margin: 0 0 30px 40px; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; border: solid 10px #000; overflow: hidden; z-index: 1; background: #000; }
#feature a img { border: none; }
.home #feature { margin: 0; position: absolute; width: 470px; height: 250px; right: 0; top: 118px; z-index: 1;}
.intro { min-height: 170px; height: auto !important; height: 170px; }
#quotes { position: absolute; width: 496px; height: 197px; right: 0; top: 366px; z-index: 2; background: url(../img/bubble.png) no-repeat; display: table; overflow: hidden; }
#qcontainer {  display: table-cell; vertical-align: middle; }
#quotecontent { padding: 45px 19px 10px 19px; font: italic 16px Georgia; color: #454545; }
#quoteby { position: absolute; width: 477px; min-height: 35px; height: auto !important; height: 35px; right: 0; top: 567px; padding-bottom: 10px; }

#footer { width: 980px; border-top: solid 2px #c8baa8; padding: 30px 0 10px 0; margin: 25px 0 0 0; }
#footer .item {	float: left; width: 52px; }
#footer .item-detail { float: left; }

#social { width: 980px; border-top: solid 2px #c8baa8; padding: 25px 0 70px 0; margin: 25px 0 0 0; }
#s-flickr, #s-twitter, #s-linkedin, #s-facebook, #s-skype, #s-email, #s-rss { float: left; text-align: center; margin: 0 45px; }
#s-flickr a, #s-twitter a, #s-linkedin a, #s-facebook a, #s-skype a, #s-email a, #s-rss a { width: 50px; height: 40px; text-indent: -9999px; display: block; padding: 0; margin: 0; }
#s-flickr a { background: url(../img/social.png) no-repeat 0px 0px; }
#s-twitter a { background: url(../img/social.png) no-repeat -50px 0px; }
#s-linkedin a { background: url(../img/social.png) no-repeat -100px 0px; }
#s-facebook a { background: url(../img/social.png) no-repeat -150px 0px; }
#s-skype a { background: url(../img/social.png) no-repeat -200px 0px; }
#s-email a { background: url(../img/social.png) no-repeat -250px 0px; }
#s-rss a { background: url(../img/social.png) no-repeat -300px 0px; }
#s-flickr a:hover { background: url(../img/social.png) no-repeat 0px -40px; }
#s-twitter a:hover { background: url(../img/social.png) no-repeat -50px -40px; }
#s-linkedin a:hover { background: url(../img/social.png) no-repeat -100px -40px; }
#s-facebook a:hover { background: url(../img/social.png) no-repeat -150px -40px; }
#s-skype a:hover { background: url(../img/social.png) no-repeat -200px -40px; }
#s-email a:hover { background: url(../img/social.png) no-repeat -250px -40px; }
#s-rss a:hover { background: url(../img/social.png) no-repeat -300px -40px; }

.center { text-align: center; }
.clearall { clear: both; }
.m5 { height: 5px; }
.m10 { height: 10px; }
.quotestyle { font: italic 24px Georgia; color: #454545; }

#twitter { float: left; width: 229px; font-size: 90%; }
#blog { float: right; width: 230px; font-size: 90%; }

.links { margin-top: 25px; line-height: 1.5em; }
.links p { line-height: 1.5em; font-size: 85%; margin-top: 10px; }

input { color: #008caf; height: auto; font: normal 20px Georgia, "Times New Roman", serif;  -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background: #fafafa url(../img/bg-grid.gif) repeat; border: solid 8px #c8baa8; padding: 7px; width: 180px; }
input.search { width: 394px; }
input.submit { background: #d6effa; border: solid 8px #99d2e0; padding: 7px; width: 55px; cursor: pointer; -webkit-appearance: none; }
textarea { color: #008caf; height: auto; font: normal 15px Georgia, "Times New Roman", serif;  -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background: #fafafa url(../img/bg-grid.gif) repeat; border: solid 8px #c8baa8; padding: 7px; width: 300px; }
.main input { width: 300px; }
.main input.submit { width: 55px; }
input.contact-submit { background: #d6effa; border: solid 8px #99d2e0; padding: 7px; width: 300px; -webkit-appearance: none; }

.main input.search { width: 300px; }

#theForm { border-bottom: solid 2px #c8baa8; }
#theForm p { margin: 0.7em 0; font-size: 85%; }
#theForm, #theForm form, #searchForm form { margin-bottom: 10px; float: left; }

.g { font-family: Georgia, "Times New Roman", serif; }
.i { font-style: italic; }
.lh { line-height: 2.1em; }

.p90 {font-size: 90%; }
.p110 {font-size: 110%; }
.p120 {font-size: 120%; }
.p130 {font-size: 130%; }
.p140 {font-size: 140%; }
.p150 {font-size: 150%; }
.p160 {font-size: 160%; }
.p170 {font-size: 170%; }
.p190 {font-size: 190%; }

#thmb-holder { margin-left: -20px; position: relative; }
#thmb-holder a { width: 170px; height: 140px; float: left; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background: url(../img/ajax-loader2.gif) no-repeat center center #b2a390; border: solid 5px #b2a390; margin: 0 0 20px 16px; text-decoration: none; font-size: 90%; color: #ffffff; text-shadow: none; position: relative; }
#thmb-holder a img { border: none; background: none; width: 170px; height: 100px; padding-bottom: 3px; }
#thmb-holder a:hover { color: #000; border: solid 5px #99d1df; background: #99d1df; padding: 0; margin: 0 0 20px 16px; }
#thmb-holder a span { margin: 0; line-height: normal; color: inherit; background: none}
#thmb-holder a em { width: 54px; height: 54px; text-indent: -9999px; display: block; background: url(../img/new.png) no-repeat transparent; margin: 0; padding: 0; overflow: hidden; position: absolute; top: -5px; right: -5px; z-index: 5; }

.img404 { float: right; padding: 20px 20px 0 0; }
#search-arrow { width: 209px; height: 368px; z-index: 20; position: absolute; top: 420px; left: 270px; }
div.archive-list { margin: 0 0 30px 0 }
div.archive-list h5 span { position: absolute; left: 780px; color: #454545; font-size: 85%; }

.alignright { float: right; }
.alignleft { float: left; }
.mtop { margin-top: 10px; }
.mbot-clear { margin-bottom: 0; }
.btop { border-top: solid 2px #c8baa8; padding: 15px 0 15px 0; }
.mright { margin-right: 15px; }

.hlight { font: normal 28px Georgia, "Times New Roman", serif; }

ul.cat-list { list-style: none; border-bottom: solid 2px #c8baa8; padding: 0 0 5px 0; margin: 20px 0 20px 0; width: 980px; float: left; }
ul.cat-list li { list-style: none; display: inline; padding: 0 30px 10px 0; float: left; margin: 0; }
ul.cat-list li.current-cat a { padding: 0 0 2px 0; border-bottom: solid 3px #1f363c; }
ul.noborder { border: none; }
ul.cat-list li a { font: normal 22px Georgia, "Times New Roman", serif; }

.quote-holder { float: left; width: 980px; border-top: solid 2px #c8baa8; padding: 0; margin-top: 10px; }
.quote { color: #527780; font: italic 27px Georgia, "Times New Roman", serif; margin: 30px 0 10px 0; }

#port-nav { width: 135px; float: left; margin: 0 25px 0 -40px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background: #fafafa url(../img/bg-grid.gif) repeat; border: solid 8px #c8baa8; padding: 7px; }
#port-nav ul, #port-nav ul li { list-style: none; list-style-image: none; }
#port-nav ul { border-top: solid 1px #fff; }
#port-nav ul li { padding: 8px 0; border-bottom: solid 1px #fff; margin: 0; font-size: 13px; }
.port-content { width: 300px; float: left; min-height: 200px; height: auto !important; height: 200px; }
.extra-imgs { float: right; margin: 0 0 30px 40px; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; border: solid 10px #b2a390; overflow: hidden; z-index: 1; overflow: hidden; background: #b2a390; }
.main-content { width: 750px; float: left; }

.services { float: left; border-top: solid 2px #c8baa8; padding: 50px 0; }
.services .img { float: left; width: 150px; padding: 0 20px 10px 0; }
.services .detail { float: left; width: 810px; padding: 0 0 10px 0; }
.desc { border-bottom: solid 2px #c8baa8; padding: 15px 0; 
width: 980px; }

div#clientlist { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; padding: 15px 0; }
#clientlist ul { list-style: none; padding: 0; margin: 0; }
#clientlist ul li { list-style: none; padding: 0 0 10px 0; font: normal 18px Georgia, "Times New Roman", serif; }

#feedback a { display:block; position:fixed; top:200px; right:-1px; text-indent: -9999px; background: url(../img/subscribe.png) no-repeat 0px 0px; width: 45px; height: 139px; cursor: pointer; z-index: 999; }
#feedback a:hover{ background: url(../img/subscribe.png) no-repeat -45px 0px; padding: 0; margin: 0; }

#toplink a { display: block; position: fixed; bottom: 20px; left:-1px; text-indent: -9999px; background: url(../img/top.png) no-repeat 0px 0px; width: 36px; height: 69px; cursor: pointer; z-index: 999; }
#toplink a:hover{ background: url(../img/top.png) no-repeat -36px 0px; padding: 0; margin: 0; }

a #prev-post, a #next-post { position: absolute; top: 425px; cursor: pointer; z-index: 100; font-size: 120px; overflow: hidden; }
a #prev-post { left: -95px; }
a #next-post { right: -60px; }

.wpcf7-not-valid-tip-no-ajax, .wpcf7-validation-errors, .wpcf7-mail-sent-ok { clear: both; display: block; color: #b5131a; border: solid 2px white; }
input.contact-submit { cursor: pointer; }

small, .smallprint { font-size: 13px; }
label { color: #1f363c; }

.tweet .tweet_list li { overflow: hidden; }

ol.commentlist, ol.commentlist li, .commentlist ul li ul li { list-style: none; }
.vcard img { -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background: #b2a390; border: solid 5px #b2a390; float: left; margin: 0 0 0 -100px; }
#commentform input { width: 550px; }
#commentform textarea { width: 550px; }
#commentform input.contact-submit { width: 550px; }

form.wpcf7-form select { color: #008caf; height: 30px; font: normal 15px Georgia, "Times New Roman", serif;  -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background: #fafafa url(../img/bg-grid.gif) repeat; border: solid 8px #c8baa8; padding: 7px; width: 300px; size: 3; }

img.size-full { -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background: #b2a390; border: solid 5px #b2a390; }
.wp-caption-text { font-size: 90%; font-style: italic; margin: 5px 0 10px 20px; }
.wp-caption { margin-bottom: 20px; border-bottom: solid 2px #c8baa8; }

.blog-post-item { float: left; width: 420px; margin: 0 60px 40px 0; }

.noborder { border: none; }
.bgnone { background: none; }

fieldset { border: none; }

/* Media Query */

/* iPhone specific bits */
@media handheld and (max-device-width: 480px), screen and (max-device-width: 480px) {
	#container { padding: 0 30px; }
	#head-bg { margin: 0; width: 1040px; padding: 0; }
	#feedback a { right: -61px; }
}

/* iPad specific bits */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#container { padding: 0 30px; }
	#head-bg { margin: 0; width: 1040px; padding: 0; }
	#feedback a { right: -61px; }
}