﻿/*
Theme: Noise In Fashion
Author: http://themeforest.net/user/navigator
Only At: ThemeForest.net
*/

/*
    HTML5 RESET
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,hgroup,
header,menu,nav,section,footer { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*
    BACKGROUND STYLES
*/

html {
    background-color:#eee;
    background-image:url("../images/bcg_body.png");
}

body {
    background:none;
    color:#777;
    font-family:helvetica, arial, sans-serif;
    font-size:13px;
    line-height:19px;
}

body#subpage {
    background:url("../images/bcg_subpage.png") repeat-y top center;
}

body#subpage.full_width {
    background:none;
}

header {
    background-color:#4d8e8e;
    background-image:url("../images/bcg_header.png");
	margin-bottom:10px;
    overflow:visible;
}

#header_main .container {
    padding:20px 0px 0px 0px;
    background:url("../images/header_light.png") no-repeat 50% 0%;
}

#header_bottom {
    background:url("../images/bcg_header_bottom.png") repeat-x;
    height:101px;
}

footer {
    background:#383838 url("../images/bcg_footer.gif") repeat;
    border-top:1px solid #000;
}

#footer_bottom {
    height:31px;
    background:#383838 url("../images/bcg_footer_bottom.png") repeat-x;
}

/*
    GENERIC STYLES
*/

h1, h2, h3, h4, h5 { clear:both; }

h1 {
    margin:15px 0px;
	padding-top:15px;
    color:#333;
    font-size:30px;
    font-weight:300;
}

h2 {
    margin:15px 0px;
	padding-top:15px;
    color:#333;
    font-size:26px;
    font-weight:300;
}

h3 {
    margin:15px 0px;
    color:#333;
    font-size:22px;
    font-weight:300;
}

h4 {
    margin:10px 0px;
    color:#444;
    font-size:20px;
}

h5 {
    margin:10px 0px;
    color:#333;
    font-size:14px;
}

h6 {
    margin:10px 0px;
    color:#999;
    font-size:14px;
}


p {
    color:#555;
	margin-bottom: 15px;
	font-size: medium;

}

a {
    color:#4486be;
    text-decoration:none;
}

a:hover, a:active, a:focus {
    text-decoration:underline;
    outline:none;
}

blockquote {
    margin:25px 20px 25px 40px;
    padding-left:10px;
    line-height:23px;
    color:#606060;
    font-family:georgia, 'times new roman', serif;
    font-size:15px;
    font-style:italic;
    border-left:2px solid #777;
}

blockquote span.author {
    display:block;
    margin-top:10px;
    margin-right:40px;
    text-align:right;
}

figure { margin-bottom:15px; }

pre {
	padding:0px 10px;
	margin:20px 0px;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	background:url("../images/bcg_pre.jpg");
}

::selection { background:orange; } /* Change selection color - Safari */

::-moz-selection { background:orange; } /* Change selection color - Firefox */

:-moz-any-link:focus { outline:none; } /* Removes the dotted outline in Firefox */

input:hover, input:active, input:focus { outline:none; }

.left { float:left; margin:5px 20px 5px 0px; }

.right { float:right; margin:5px 0px 5px 20px; }

.clear { clear:both; }

/*
    LIST STYLES
*/

ol { margin-left:20px; }

ul {font-size: medium; color:#555; margin-bottom:20px; clear:both; }

ul li { list-style:none; }

ul.blue_dots li { background:url("../images/li_blue_dot.png") no-repeat 0px 9px; padding-left:12px; }

ul.grey_dots li { background:url("../images/li_grey_dot.png") no-repeat 0px 9px; padding-left:12px; }

ul.orange_dots li { background:url("../images/li_orange_dot.png") no-repeat 0px 9px; padding-left:12px; }

ul.red_dots li { background:url("../images/li_red_dot.png") no-repeat 0px 9px; padding-left:12px; }

ul.blue_buttons li { background:url("../images/li_blue_button.png") no-repeat 0px 7px; padding-left:12px; }

ul.grey_buttons li { background:url("../images/li_grey_button.png") no-repeat 0px 7px; padding-left:12px; }

ul.orange_buttons li { background:url("../images/li_orange_button.png") no-repeat 0px 7px; padding-left:12px; color:#555; }

ul.red_buttons li { background:url("../images/li_red_button.png") no-repeat 0px 7px; padding-left:12px; }

ul.blue_arrows li { background:url("../images/li_blue_arrow.png") no-repeat 0px 7px; padding-left:12px; }

ul.grey_arrows li { background:url("../images/li_grey_arrow.png") no-repeat 0px 7px; padding-left:12px; }

ul.orange_arrows li { background:url("../images/li_orange_arrow.png") no-repeat 0px 7px; padding-left:12px; }

ul.red_arrows li { background:url("../images/li_red_arrow.png") no-repeat 0px 7px; padding-left:12px; }

ul.yellow_stars li { background:url("../images/li_yellow_star.png") no-repeat 0px 6px; padding-left:12px; }

/*
	HEADER STYLES
*/

#header_top {
    height:20px;
    background:url("../images/bcg_header_top.png") repeat-x;
    font-size:10px;
	font-family:tahoma, helvetica, arial, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
}

ul#social_networks { margin:0px; padding:0px; }

ul#social_networks li { display:inline; margin-right:10px; }

ul#social_networks li a { color:#979797; text-decoration:none; }

#short_slogan {
    color:#eee;
    position:absolute;
    top:0px;
    right:0px;
}

.orange { color:#ff8800; }

#logo h1, #logo small {
	margin:0px; padding:0px;
	display:block;
	text-indent:-9999px;
}

#logo h1 a{
	background:url(../images/logo.png) no-repeat bottom;
	display:block;
    width:52px;
	height:52px;
}

/* #logo h1 a:hover { background:url(../images/logo.png) no-repeat top; }
*/

nav {
    position:absolute;
    top:17px;
    right:0px;
	list-style:none;
	z-index:10;
}

nav ul {
	overflow:visible;
}

nav ul li {
	position:relative;
	float:left;
	margin-left:10px;
}

nav ul li a {
	display:block;
	float:left;
	padding:3px 9px;
	margin-bottom:3px;
	color:#f4f4f4;
	font-family:helvetica,arial,serif;
	line-height:20px;
	font-size:13px;
	text-shadow:#333 0px 1px 0px;
}

nav ul li a.has_subnav {
	background:url("../images/btn_subnav.png") no-repeat right 13px;
}

nav ul li a:hover, nav ul li a.selected{
	color:#eee;
	background:#428383 url("../images/btn_subnav.png") no-repeat right 13px;
	text-decoration:none;
	text-shadow:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

nav ul li ul.subnav {
	display:none;
	position:absolute;
	left:0; top:26px;
	margin:0; padding:0;
	margin-top:3px;
	float:left;
	width:170px;
	background:#383838 url("../images/menu_marker.png") no-repeat 21px 0px;
	list-style:none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter:alpha(opacity = 90);
	opacity:0.9;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	box-shadow:#555 0px 1px 2px;
}

nav ul li ul.subnav li {
	margin:0;
	padding:3px 3px 0px 3px;
	border-top:1px solid #222;
	width:164px;
}

nav ul li ul.subnav li:first-child {
	border:none;
}

nav ul li ul.subnav li a {
	float:left;
	padding:4px 0px 4px 20px;
	width:144px;
	color:#e4e3e2;
	background:#333;
	font-weight:normal;
	font-size:12px;
	font-family:helvetica,arial,serif;
	text-transform:none;
	text-shadow:none;
}

nav ul li ul.subnav li a:hover {
	color:#fff;
	background:#428383;
}

#header_main #secondary {
    position:relative;
    padding:20px 0px;
    background:url("../images/shadow_devide.png") no-repeat;
}

#header_main #secondary #slogan {
    padding-top:15px;
    width:430px;
    min-height:160px;
}

#header_main #secondary #slogan h2 {
	margin:15px 0px;
	color:#dfdfdf;
}

#header_main #secondary #slogan p {
    margin-bottom:0px;
	padding-bottom:15px;
    color:#d4d4d4;
    font-size:15px;
	font-family:georgia, times, sans-serif;
    line-height:21px;
    text-shadow:#555 0px 1px 0px;
}

#header_main #secondary #slogan p.text1 {
	margin-bottom:10px;
    color:#eee;
    font-size:35px;
	font-family:helvetica, arial, serif;
	letter-spacing:-1px;
}

#header_main #secondary #slogan p.text2 {
	color:#F9D17A;
}

#header_main #secondary #slogan p.text3 {
	color:#eee;
}

ul#header_menu {
    padding-top:34px;
	margin:0px;
	line-height:30px;
}

ul#header_menu li { float:left; margin-right:20px; }

ul#header_menu li a {
	padding:7px 15px 6px 15px;
	background:#acad9a;
    color:#f4f4f4;
    font-family:helvetica, arial, sans-serif;
    font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
    text-decoration:none;
    text-shadow:#888 -1px -1px 1px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	box-shadow:#696969 0px 3px 0px;
	border:#bebebe solid 1px;
}

ul#header_menu li a:hover {
	background:#b4b59e;
    text-decoration:none;
}

/*
    NIVO-SLIDER STYLES
*/

/* Nivo Slider Layout Styles */
#header_main #secondary #slider_container {
    position:absolute;
    top:30px;
    right:0px;
}

#header_main #secondary #slider_container #slider {
    position:relative;
    margin:9px 12px;
    width:369px;
    height:230px;
    background:#efe9d1 url(../images/loading.gif) no-repeat 50% 50%;
}

#header_main #secondary #slider_container #slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

#header_main #secondary #slider_container #slider a {
    border:0;
    text-decoration:none;
    display:block;
}

#header_main #secondary #slider_container #slider p {
    color:#bbb;
}

#header_main #secondary #slider_container #slider_frame {
    position:absolute;
    top:0px;
    right:0px;
    width:393px;     /* 454 */
    height:255px;
    background:url("../images/slider_frame2.png") no-repeat;
    z-index:6 !important; /* Slider Frame above Nivo slider */
}

/*
 * jQuery Nivo Slider v2.5.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2011
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:7;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:3px;
	background:#333;
	color:#fff;
	opacity:0.7; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:6;
}
.nivo-caption p {
	padding:5px 10px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
    display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-prevNav {
	left:15px;
}
a.nivo-nextNav {
    background-position:-30px 0;
	right:15px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position:absolute;
	right:-7px;
	bottom:-34px;
}
.nivo-controlNav a {
	position:relative;
	display:block;
	width:14px;
	height:14px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-left:5px;
	z-index:9;
	cursor:pointer;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -14px;
}

/*
	CONTENT STYLES
*/

.container {
    margin:0px auto;
    padding:0px;
    width:950px;
    position:relative;
}

.block {
    display:block;
    overflow:hidden;
    /* background:url("../images/line_divide.png") repeat-x; */
}

.block p {
    margin:5px 0px;
    text-shadow:#fff 0px 1px 0px;
}

.box {
    margin-top:20px;
	padding-bottom:20px;
    float:left;
    position:relative;
}

.half, #subpage.full_width .half, .third, #subpage.full_width .third, .fourth, #subpage.full_width .fourth, .fifth, #subpage.full_width .fifth, .sixth, #subpage.full_width .sixth,.twothird, #subpage.full_width .twothird {
	float:left;
	margin-right:38px;
} 

.half, #subpage.full_width .half { width:456px; }

.third, #subpage.full_width .third { width:291px; }

.fourth, #subpage.full_width .fourth { width:209px; }

.fifth, #subpage.full_width .fifth { margin-right:40px; width:158px; }

.sixth, #subpage.full_width .sixth { margin-right:40px; width:125px; }

.twothird, #subpage.full_width .twothird { width:621px; }

.last, #subpage.full_width .last { margin-right:0px; }

h3.letter { padding-left:30px; margin-top:0px; height:24px; }

h3.a { background:url("../images/letters_slide.png") no-repeat 0% 0%; }

h3.b { background:url("../images/letters_slide.png") no-repeat 0% 20%; }

h3.c { background:url("../images/letters_slide.png") no-repeat 0% 40%; }

h3.d { background:url("../images/letters_slide.png") no-repeat 0% 60%; }

h3.e { background:url("../images/letters_slide.png") no-repeat 0% 80%; }

h3.f { background:url("../images/letters_slide.png") no-repeat 0% 100%; }

.button_readmore {
    margin-top:10px;
    background:url("../images/btn_readmore.png") no-repeat left top;
    width:82px;
    height:22px;
    color:#999;
    font-size:11px;
    line-height:22px;
    text-align:center;
    text-decoration:none;
    float:right;
}

a.button_readmore:hover {
    background:url("../images/btn_readmore.png") no-repeat left bottom;
    text-decoration:none;
}

.even_more {
    margin:10px 0px;
    padding-right:20px;
    background:url("../images/plus_minus.png") no-repeat right top;
    color:#707070;
    font-family:arial, helvetica, serif;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    cursor:pointer;
    line-height:15px;
    float:right;
	text-shadow:#fff 0px 1px 0px;
}

.even_more_active { background:url("../images/plus_minus.png") no-repeat right bottom; }

#featured_posts {
	position:relative;
    margin:20px 0px;
	padding:15px 0px 20px 0px;
    background:#E4E0D7;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
}

#featured_posts h4 {
    margin-bottom:0px;
}

#featured_posts small {
	display:block;
	margin-bottom:8px;
    font-size:10px;
}

#featured_posts img {
	width:115px;
	height:68px;
}

#featured_posts div.ribbon {
	position:absolute;
	bottom:-26px;
	left:45%;
	padding:0px 7px;
	background:url("../images/flip.png") no-repeat 0px 0px;
}

#featured_posts div.ribbon p {
	float:left;
	padding:2px 15px;
	background:#5fb0b0;
	color:#fff;
	font-size:12px;
	font-family:helvetica,arial,sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow:#888 0px 1px 1px;
}

#featured_posts div.ribbon span {
	float:right;
	width:7px;
	background:url("../images/flip.png") no-repeat top right;
}

div.your_project {
	padding-top:5px;
	color:#555;
	font-size:12px;
	text-shadow:#fff 0px 1px 0px;
}

ul#testimonials {
	height:65px;
    padding:20px;
    background:url("../images/bcg_testimonials.png") repeat;
    overflow:hidden;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

ul#testimonials li div {
	float:left;
	width:220px;
	border-right:1px solid #bbb;
}

ul#testimonials li div img {
	width:50px;
	height:50px;
}

ul#testimonials p {
	float:left;
    margin-top:3px;
	margin-bottom:0px;
    font-size:11px;
	text-shadow:#eee 0px 1px 0px;
}

ul#testimonials blockquote {
	margin:0px 0px 0px 210px;
	padding-left:40px;
	font-size:16px;
	width:650px;
	border:none;
}

div#prevnext {
	position:absolute;
	bottom:20px;
	right:20px;
	width:24px;
	height:12px;
	overflow:hidden;
}

div#prevnext a#prev {
	display:block;
	float:left;
	padding:6px;
	background:url("../images/prevnext.png") no-repeat left top;
}

div#prevnext a#prev:hover {
	background:url("../images/prevnext.png") no-repeat left bottom;
}

div#prevnext a#next {
	display:block;
	float:left;
	padding:6px;
	background:url("../images/prevnext.png") no-repeat right top;
}

div#prevnext a#next:hover {
	background:url("../images/prevnext.png") no-repeat right bottom;
}

.img_frame, .img_frame_thin {
	margin-top:3px;
    padding:1px;
    display:inline-block;
    line-height:0px;
    background:#fff;
    border:1px solid #ccc;
}

.img_frame img, .img_frame iframe {
    padding:1px;
    border:4px solid #f2f1f0;
}

.img_frame_thin img, .img_frame_thin iframe {
	padding:1px;
	border:2px solid #f2f1f0;
}

.img_frame a, .img_frame_thin a { display:block; }

.hover_image { background:url("../images/preview_image.png") center center no-repeat; }
.hover_link { background:url("../images/preview_link.png") center center no-repeat; }
.hover_video { background:url("../images/preview_video.png") center center no-repeat; }

/*
    FOOTER STYLES
*/

footer { margin-top:30px; }

footer .light {
    background:url("../images/footer_light.png") no-repeat 50% 0%;
    overflow:auto;
}

footer .left {
	margin-top:10px;
}

footer .right {
	margin-top:10px;
}

footer h3 { color:#999; }

footer p { color:#777; }

footer ul li {
    padding:5px 0px 5px 12px;
    border-bottom:1px solid #383838;
}

footer ul li a {
    padding:6px 0px;
    color:#777;
}

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

footer ul.blue_dots li, footer ul.grey_dots li, footer ul.orange_dots li, footer ul.red_dots li { background-position:0px 13px; }

footer ul.blue_buttons li, footer ul.grey_buttons li, footer ul.orange_buttons li, footer ul.red_buttons li { background-position:0px 12px; }

footer ul.blue_arrows li, footer ul.grey_arrows li, footer ul.orange_arrows li, footer ul.red_arrows li { background-position:0px 12px; }

footer .social_networks { margin:20px 0px; }

footer .social_networks a { margin-right:5px; }

#footer_bottom p {
    padding:0px 20px 0px 0px;
    color:#999;
    font-size:11px;
    line-height:11px;
}

#footer_bottom #slide_up {
    position:absolute;
    top:-10px;
    left:49%;
}

#footer_bottom #slide_up a {
    display:block;
    padding:15px;
    background:url("../images/slide_up.png") no-repeat left top;
}

#footer_bottom #slide_up a:hover {
    background:url("../images/slide_up.png") no-repeat left bottom;
}

#footer_bottom .html5logo {
    position:absolute;
    background:url("../images/html5logo.png") no-repeat;
    width:16px;
    height:18px;
    right:0px;
    top:7px;
}

/*
    FORM ELEMENTS
*/

#map {
	margin:20px 0px;
    height:200px;
    width:596px;
    border:1px solid #ccc;
    overflow:hidden;
}

form {
    width:472px;
    overflow:hidden;
}

label {
    display:block;
    padding-left:5px;
    font-size:11px;
    color:#555;
    text-transform:uppercase;
	text-shadow:#fafafa 0px 1px 0px;
}

label.error {
    margin-bottom:15px;
    line-height:10px;
    font-size:10px;
    color:#F8602C;
}

input[type=text], textarea {
    width:450px;
    height:16px;
    padding:11px 10px;
    margin-bottom:15px;
    color:#777;
    font-size:15px;   
    font-family:helvetica, arial, sans-serif;
    border:1px solid #ccc;
}

input[type=text]:hover, textarea:hover, input:focus, textarea:focus { outline:none; }

textarea {
    -moz-resize:vertical;
    resize:vertical;
    min-height:180px;
}

input[type=submit] {
    background:url("../images/btn_submit.png") no-repeat 0% 0%;
    width:80px;
    height:30px;
    margin-top:10px;
    float:right;
    color:#999;
    font-size:11px;
    text-transform:uppercase;
    text-align:center;
    text-shadow:#fff 1px 1px 0px;
    cursor:pointer;
    border:none;
}

input[type=submit]:hover { color:#777; background:url("../images/btn_submit.png") no-repeat 0% 100%; }

#confirmation h4 {
    background:url("../images/check.png") no-repeat top left;
    padding-left:30px;
    color:#555;
}

form#searchwrapper {
    margin:0px;
    position:absolute;
    top:12px;
    right:0px;
    background:url("../images/input_search_box.png") no-repeat;
    width:200px; /* search box background image width */
    height:27px;
}
 
form#searchwrapper input[type=text].searchbox {
    padding:6px 10px;
    background-color:transparent;
    width:147px;
    color:#555;
    font-size:12px; 
    border:none;
    outline:none;
}
 
form#searchwrapper .searchbox_submit {
    position:absolute;
    top:1px;
    left:167px;
    width:30px;
    height:25px;
}

/*
    SUBPAGE STYLES
*/

#subpage #header_bottom {
    background:url("../images/bcg_header_bottom_sub.png") repeat-x;
    height:51px;
}

#subpage ul#header_menu { padding-top:15px; line-height:20px; }

#subpage ul#header_menu li { margin-right:5px; }

#subpage ul#header_menu li a {
    display:inline-block;
    color:#333;
    background:#eee;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
	opacity:.6;
    padding:0px 10px;
    height:22px;
    line-height:23px;
    font-size:10px;
    font-family:helvetica, arial, sans-serif;
	font-weight:normal;
    text-transform:uppercase;
    text-shadow:#fff 0px 1px 0px;
	box-shadow:none;
    border:none;
    -webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

#subpage ul#header_menu li a.selected {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
}

/* style for img and p tags in header_menu */
#subpage ul#header_menu li img {
	margin:-2px 5px 0px 0px;
	height:23px; width:23px;
}

#subpage ul#header_menu li p {
	font-size:14px;
	font-family:georgia,serif;
	color:#f6f4f2;
	text-shadow:#555 0px 1px 0px;
}

#page {
    float:left;
    width:598px;
}

aside {
    float:right;
	padding-top:15px;
    width:285px;
    text-shadow:#fafafa 0px 1px 0px;
}

section { overflow:hidden; }

.green_box, .red_box, .yellow_box, .blue_box { margin:20px 0px; padding:10px 15px 10px 40px;}

.green_box {
	background:#d5e9ab url("../images/box_green.png") no-repeat 10px 10px;
	border:1px solid #c6da9c;
}
.green_box p { color:#6A8F43; margin:0px; }

.red_box {
	background:#fdd1c7 url("../images/box_red.png") no-repeat 10px 10px;
	border:1px solid #f2c1b6;
}
.red_box p { color:#c05a5a; margin:0px; }

.yellow_box {
	background:#fcf5ba url("../images/box_yellow.png") no-repeat 10px 10px;
	border:1px solid #eee59d;
}
.yellow_box p { color:#9e922f; margin:0px; }

.blue_box {
	background:#ddf7ff url("../images/box_blue.png") no-repeat 10px 10px;
	border:1px solid #c8e6f0;
}
.blue_box p { color:#62a6ba; margin:0px; }

#subpage .half, #subpage .third, #subpage .fourth, #subpage .twothird  {
	float:left;
	margin-right:38px;
}

#subpage .half { width:280px; }
#subpage .third { width:174px; }
#subpage .fourth { width:121px; }
#subpage .twothird { width:386px; }

#subpage footer .fourth { width:209px; }

#subpage .img_frame.half img { width:270px; }
#subpage .img_frame.third img { width:164px; }
#subpage .img_frame.fourth img { width:111px; }

#subpage .img_frame_thin.half img { width:274px; }
#subpage .img_frame_thin.third img { width:168px; }
#subpage .img_frame_thin.fourth img { width:115px; }

#subpage .img_frame.third, #subpage .img_frame_thin.third, #subpage .img_frame.fourth, #subpage .img_frame_thin.fourth { margin-right:32px; margin-bottom:20px }
#subpage .img_frame.half, #subpage .img_frame_thin.half { margin-right:30px; margin-bottom:20px }

#subpage .last, #subpage .img_frame.half.last, #subpage .img_frame_thin.half.last, #subpage .img_frame.third.last, #subpage .img_frame_thin.third.last, #subpage .img_frame.fourth.last, #subpage .img_frame_thin.fourth.last { margin-right:0px; }

ul.services { margin-top:30px; }
ul.services li { margin-bottom:25px; }
ul.services ul li { margin-bottom:0px; }

aside h3 {
	padding-bottom:4px;
    border-bottom:1px dashed #999;
}

aside a { color:#444; }

aside ul li { margin-bottom:5px; }

aside ul li small {
    display:block;
    color:#909090;
    font-size:11px;
}

aside ul.advertising {
    overflow:hidden;
}

aside ul.advertising li {
    float:left;
    padding:0px;
    margin:5px 10px 0px 0px;
}

ul.team_member_data {
	margin:2px 0px 15px 0px;
	clear:none;
	float:left;
}

.name { color:#606060; font-weight:bold; }

/*
    BLOG STYLES
*/

ul.posts li {
    margin-bottom:10px;
    list-style:none;
}

article header, article footer { background:none; border:none; }

article header h2 { margin-bottom:2px; }

article header small {
    display:block;
    color:#909090;
    font-size:11px;
}

article header small a { color:#555; }

article div.content {
    margin-top:15px;
    overflow:hidden;
}

article .img_frame { margin-bottom:15px; }

article footer {
    margin:0px;
    padding:0px 10px;
    height:40px;
    background:url("../images/bcg_article_footer.png") repeat-x;
}

article footer a { color:#555; }

article footer a:hover { text-decoration:none; }

article footer a.comments_number:hover {
    background:url("../images/comments_balloon.png") no-repeat bottom left;
}

.extrainfo {
    margin-top:25px;
    text-shadow:#fff 0px 1px 0px;
    overflow:hidden;
}

.extrainfo p { margin:0px; }

ul#comments {
    padding-bottom:10px;
    background:url("../images/line_divide.png") repeat-x bottom;
}

ul#comments li {
	margin-top:10px;
    padding-top:25px;
    background:url("../images/line_divide.png") repeat-x;
    overflow:hidden;
}

ul#comments ul.children { margin:25px 0px 0px 70px; }

ul#comments img.avatar {
    float:left;
    margin-top:3px;
    height:50px;
    width:50px;
}

ul#comments div.comment { margin-left:70px; }

ul#comments div.comment a {
    color:#555;
    font-weight:bold;
    font-size:14px;
    text-shadow:#fff 0px 1px 0px;
}

ul#comments div.comment small {
    display:block;
    line-height:11px;
    font-size:10px;
    margin-bottom:10px;
}

ul#comments div.comment small a {
    color:#4486be;
    font-size:11px;
    font-weight:normal;
    text-shadow:none;
}

ul#comments div.comment small.author {
    display:inline;
    position:absolute;
    padding:2px 3px;
    margin:2px 0px 0px 5px;
	-webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    line-height:10px;
    background:#ff8800;
    color:#fff;
    font-size:8px;
    font-weight:bold;
    text-transform:uppercase;
}

.type_comment { padding-left:70px; }

ul.page_numbers { margin-bottom:30px; }

ul.page_numbers li {
    display:inline;
    float:left;
    padding-right:5px;
    list-style:none;
}

ul.page_numbers li a {
    display:block;
    width:25px;
    height:25px;
    line-height:25px;
    background:url("../images/btn_pagenumber.png") no-repeat top left;
    color:#999;
    font-size:12px;
    text-align:center;
    text-decoration:none;
}

ul.page_numbers li a:hover, ul.page_numbers li a.active {
    background:url("../images/btn_pagenumber.png") no-repeat bottom left;
    color:#777;
    font-weight:bold;
}

/*
    jTWEETS STYLES
*/

.jta-tweet-list-item {
    margin-bottom:10px;
	overflow:hidden;
}

.jta-tweet-attributes {
    display:block;
    font-size:11px;
}

.jta-clear {display:none;}

/*
    QuickSand PORTFOLIO STYLES
*/

.portfolio_content {
    width:1000px;
    overflow:hidden;
}

.portfolio_content .item {
    height:320px;
    margin-bottom:50px;
}

.portfolio_content .item p {
    margin-bottom:10px; 
    max-height:120px;
    overflow:hidden;
}

.portfolio_content .half img { width:442px; height:161px; }

.portfolio_content .third img { width:277px; height:165px; }

.portfolio_content .fourth img { width:195px; height:116px; }
