13px20px46px18px25px10px

/*
Notorious Creative Portfolio Template by Damojo
*/


/* ------------------------------------------------------ */
/* BASE */
/* ------------------------------------------------------ */


* { 
	margin: 0; 
	padding: 0; 
	outline: 0;
}

html, body { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	line-height: 20px;
	margin: 0;
	padding: 0;
	height: 100%; 
	color: #555555; 
}

body {
	margin-top: 30px;
	background: url(/wp-content/uploads/2012/04/white-and-gray-background.jpg) repeat scroll center top;
}

img {
	border: 0;
}

b, strong {
	font-weight: bold;
}

a:link, a:visited {
	text-decoration: none;
	color: #12a1ff; 
}

a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #68c3ff;
}

a:focus { 
    outline: none; 
}

button:focus { 
    outline: none; 
}

#headercontainer, #contentcontainer, #bodywrapper { 
	width: 980px; 
	margin: 0 auto;
}

#footercontainer, #footerbartext { 
	width: 960px; 
	margin: 0 auto;
}

#bodywrapper {
	min-height: 100%; 
	border: 10px solid #eee;
	border-top: 10px solid #f9f9f9;
	overflow: hidden;
	background: #fff;
	list-style-type: none;
}


/* ------------------------------------------------------ */
/* LOGO */
/* ------------------------------------------------------ */


#logo{
	float: left;
	background: url(../images/logo.png) no-repeat 50% 50%;
	overflow: hidden;
	text-indent:-9999px;
	width:200px;
	height:120px;
	margin-left:30px;
	margin-top:1px;
}

#logo:hover{
	cursor:pointer;
}


/* ------------------------------------------------------ */
/* NAVIGATION */
/* ------------------------------------------------------ */


#buynow {
	position: absolute;
	width: 980px; 
	margin: 0 auto;
	height: 120px;
	background: url('../images/buynow.png') transparent no-repeat right top;
}

#headercontainer {
	width: 980px;
	height: 145px;
}

.jqueryslidemenu{
	position: relative;
	float:left;
	width: 630px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 	10px;
	line-height: 10px;
	margin-top: 56px;
	margin-left: 40px;
	z-index:		99;
}

.jqueryslidemenu ul{
	position: relative;
	z-index:		98;
	margin: 0;
	padding: 0;
	list-style-type: none;
	-moz-box-shadow: 0px 0px 8px #ddd;
	-webkit-box-shadow: 0px 0px 8px #ddd;
	box-shadow: 0px 0px 8px #ddd;
}
	
/*Top level list items*/
.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	float: left;
	padding-bottom: 20px;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	display: block;
	padding: 0px 15px; /* menu item horizontal spacing */
	text-decoration: none;
	border-left: 1px dashed #ccc;
	overflow: hidden;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.jqueryslidemenu ul ul{
	border-top: 1px solid #ccc; 
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
	display: list-item;
	float: none;
	padding-bottom: 0;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
	width: 201px; /*width of sub menus*/
	padding: 5px;
	padding-left: 15px;
	margin: 0;
	border-top-width: 0;
	line-height: 18px;
}

.jqueryslidemenu li li:hover ul,
.jqueryslidemenu li li li:hover ul { 
	margin: -1px 0 0 -1px;
}

.jqueryslidemenu li{
	line-height: 8px;
}

/*Top level menu link items style*/
/*background of tabs (default state)*/
.jqueryslidemenu ul li a{
	background-color: #ffffff; 
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	color: #333;
}

/*background: black; tab link background during hover state*/
.jqueryslidemenu ul li a:hover{
	color: #12a1ff;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
	border-bottom: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc;  
}

/*sub menus hover style*/
.jqueryslidemenu ul li ul li a:hover{
	color: #12a1ff;
	text-shadow: 1px 1px 0px #fff;
	background: #eee;
    background: -moz-linear-gradient(top, #fff, #eee);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#ffffff', EndColorStr='#eeeeee', GradientType=0);
}


/* ------------------------------------------------------ */
/* HOME PAGE NIVO SLIDER
/* ------------------------------------------------------ */


#nivo_sidebar {
	position: relative;
	float: left;
	padding-right: 40px;
}

#banner_sidebar{
	width:190px;
	height:445px;
	padding: 4px;
	border: 1px solid #ccc;
}

#banner_sidebar img {
	float: left;
	padding-bottom: 5px;
	position: relative;
	z-index: 2;
	background:url("../images/preloader.gif") no-repeat 50% 50%;
}

#text_sidebar{
	float: left;
	width:190px;
	height:90px;
	background: #222;
}

#banner {
	position: relative;
	float: left;
	width: 670px;
	height: 445px;
	padding: 4px;
	border: 1px solid #ccc;
	overflow: hidden;
}

#slider {
	position:relative;
    width:670px;
    height:350px;
	background:url("../images/preloader.gif") no-repeat 50% 190px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	border:0;
}
#slider .nivo-controlNav {
	position:absolute;
	left:0;
	bottom:-100px;
}
#slider .nivo-controlNav a {
    display:inline;
}
#slider .nivo-controlNav img {
	width: 134px;
	height: 90px;
	display:inline;
	position:relative;
	border-top: 0;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
#slider .nivo-controlNav a.active img {
	border-top: 5px solid #12a1ff;
}
#slider .nivo-controlNav a:hover img {
	border-top: 5px solid #12a1ff;
}

.slidercaption {
	font-size: 46px;
	color: #000000;
}

.slidertext {
	font-size: 18px;
	color: #555;
	text-shadow: 1px 1px 0px #fff;
}

.slidertext a{
	color: 12a1ff;
}

.slidertext a:hover{
	text-decoration: underline;
}

.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:6;
	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;
}

.nivo-caption {
	position:absolute;
	left:0;
	top:0;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	height: 330px;
	width: 228px;
	z-index:8;
	background-color: #fff;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
    text-decoration:none;
	color:#12a1ff;
}
.nivo-html-caption {
 	font-family: Helvetica, Arial, sans-serif;
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


/* ------------------------------------------------------ */
/* HOME PAGE PIECEMAKER 3D SLIDER
/* ------------------------------------------------------ */


.piecemakerholder {
	float: left;
	width: 920px;
	height: 445px;
	margin-top: -8px;
}

.piecemakerholder #piecemaker {
	background:url("../images/preloader.gif") no-repeat 50% 190px;
}


/* ------------------------------------------------------ */
/* PAGE CONTENT ELEMENTS */
/* ------------------------------------------------------ */


#contentcontainer { 
	padding-left: 30px;
	overflow:auto;
	padding-bottom: 400px;
	padding-top: 5px;
	margin-bottom: 60px;
}

.content {
	float: left; 
	width: 920px;
	margin-top: 40px;
}

.twothird_content {
	float: left; 
	width: 580px;
}

.full_text {
	float: left; 
	width: 920px;
    margin-bottom: 25px;
}

.onethird_text {
	float: left; 
	width: 280px;
}

.twothird_text {
	float: left; 
	width: 580px;
}

.twothird_text .dashedline {
	width: 575px;
}

.twothird_box_text {
	float: left; 
	padding: 20px;
	width: 538px;
}

.onethird_box_text {
	float: left; 
	padding: 20px;
	width: 238px;
}

.full_box_text {
	float: left;
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 20px;
	width: 878px;
    margin-bottom: 30px;
}

.boxheadline_light {
	font-size: 17px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #222;
}

.boxheadline_dark {
	font-size: 17px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}

.blogdate {
	color: #777;
	font-weight: bold;
}

.full_quote {
	float: left; 
	width: 810px;
    margin-bottom: 30px;
    color: #777;
	font-size: 14px;
	font-style: italic;
	padding-left: 110px;
	background: url("../images/quote.gif") top left no-repeat;
}

.twothird_quote {
	width: 470px;
	color: #777;
	font-size: 14px;
	font-style: italic;
	padding-left: 110px;
	background: url("../images/quote.gif") top left no-repeat;
}

.onethird_quote {
	width: 170px;
	color: #777;
	font-size: 14px;
	font-style: italic;
	padding-left: 110px;
	background: url("../images/quote.gif") top left no-repeat;
}

.light {
	background-color: #eee;
	border: 1px solid #ccc;
}

.verylight {
	background-color: #f9f9f9;
	border: 1px solid #ccc;
}

.dark {
	color: #ddd;
	background-color: #444;
	border: 1px solid #333;
}

.small_button { 
    outline: 0; 
	line-height: 30px;
	background-color: #ccc;
    padding: 5px 20px 5px 20px;
    height: 30px;
    text-decoration: none !important; 
    cursor: pointer; 
    position: relative;
    text-align: center; 
	border: 1px solid #333;
}

.small_button:hover {  
	background-color: #333;
}

.right {
	float: right;
}

.left {
	float: left;
}

p b {
	font-weight: bold;
}


/* ------------------------------------------------------ */
/* SUB HEADER BAR */
/* ------------------------------------------------------ */


#subheader {
	float: left; 
	width: 910px;
	height: 130px;
	padding: 4px;
	border: 1px solid #ccc;
	border-bottom: 0;
}

#pagination {
	float: left; 
	overflow: hidden;
	color: #555;
	text-shadow: 1px 1px 0px #fff;
	text-align:left;
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 20px;
	width: 898px;
	height: 35px;
	border: 1px solid #ccc;
	border-top: 0;
	white-space:nowrap;
	background: #f9f9f9;
    background: -moz-linear-gradient(top, #fff, #ddd);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#ffffff', EndColorStr='#dddddd', GradientType=0);
}

#pagination p{
	float: left; 
	padding-top: 9px;
	padding-bottom: 12px;
}

#pagination p span {
	color: #999;
	font-weight: normal;
	font-size: 14px;
	padding-left: 2px;
	padding-right: 2px;
}

#liketweet {
	float: right; 
	height: 30px;
}

#liketweet p {
	float: left;
	color: #555;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	padding-top: 11px;
	padding-bottom: 11px;
	text-shadow: 1px 1px 0px #fff; 
	margin-right: 15px;
}

#facebooklike, #twittertweet { 
	float: right; 
	margin-top: 6px;
	display:none;
	overflow: hidden;
}

#googleplusone {
	float: right; 
    width: 75px;
	margin-top: 6px;
	display:none;
	overflow: hidden;
}

#pixelfix {
	float: right;
	width: 1px;
	height: 35px;
	background: #fff;
}


/* ------------------------------------------------------ */
/* TEASERS AND PORTFOLIO */
/* ------------------------------------------------------ */


.teasers {
	float: left; 
}

#portfoliolist4column, #portfoliolist3column, #portfoliolist2column {
	float: left; 
	width: 100%;
}

#portfoliolist1column {
	float: left; 
	width: 920px;
}

#portfoliolist4column p, #portfoliolist3column p, #portfoliolist2column p, #portfoliolist1column p {
	float: left;
	margin-bottom: 20px;
}

#portfoliolist4column .teaserimage {
	width: 190px;
	height: 120px;
}

#portfoliolist3column .teaserimage {
	width: 270px;
	height: 170px;
}

#portfoliolist2column .teaserimage {
	width: 430px;
	height: 271px;
}

#portfoliolist1column .teaserimage {
	float: left;
	width: 430px;
	height: 271px;
	margin-bottom: 20px;
}

#portfoliolist1column .description {
	float: right;
	width: 440px;
}

.teasers h5, .portfolioentry4column h5, .portfolioentry3column h5, .portfolioentry2column h5{
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 100%;
}

.portfolioentry1column h3{
	margin-top: 0;
	margin-bottom: 10px;
}

.portfolioentry4column {
	float: left; 
	position: relative;
	z-index: 50;
	width: 200px;
	height: 310px;
	padding-right: 40px;
	padding-bottom: 40px;
}

.portfolioentry3column {
	float: left; 
	position: relative;
	z-index:		50;
	width: 280px;
	height: 350px;
	padding-right: 40px;
	padding-bottom: 40px;
}

.portfolioentry2column {
	float: left; 
	position: relative;
	z-index:		50;
	width: 440px;
	height: 451px;
	padding-right: 40px;
	padding-bottom: 40px;
}

.portfolioentry1column {
	float: left; 
	position: relative;
	z-index:		50;
	width: 920px;
	height: 281px;
	padding-bottom: 60px;
	margin-bottom: 20px;
}

.portfolioentry1column .dashedline {
	width: 920px;
	margin: 0;
	padding: 0;
}

.portfolioentry1column .dividerline {
	width: 440px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.portfolioentry1column .postinfo {
	margin-bottom: 0;
    line-height: 20px;
}

.portfolioentry4column p {
	width: 200px;
}

.portfolioentry3column p {
	width: 280px;
}

.portfolioentry2column p {
	width: 440px;
}

.portfolioentry1column p {
	width: 440px;
}

.portfoliodetailcolum {
	float:left;
    width:300px;
}

.teaser {
	float: left; 
	width: 200px;
	padding-right: 40px;
}

.teaser .teaserimage {
	width: 190px;
	height: 120px;
}

.teaserheadline {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
}

.teaserblog {
	float: left; 
	width: 280px;
	padding-right: 40px;
}

.teaserblog .teaserimage {
	width: 270px;
	height: 170px;
}

.teaserimage, .teaserblogimage {
	padding: 4px;
	border: 1px solid #ccc;
}

.teaser p, .teaserblog p {
	float: left;
	margin-bottom: 17px;
}

.teaserimage img, .teaserblogimage img {
	position: relative;
	z-index: 2;
	background:url("../images/preloader.gif") no-repeat 50% 50%;
}


/* ------------------------------------------------------ */
/* YOUTUBE VIDEO */
/* ------------------------------------------------------ */


.video {
	float: left; 
}

#youtubevideo {
	float: left; 
	width: 670px;
	height: 404px;
	padding: 4px;
	border: 1px solid #ccc;
}

#youtubevideo object{
	background:url("../images/preloader.gif") no-repeat 50% 50%;
}

.youtubetext {
	float: left; 
	width: 200px;
	padding-left: 40px;
}

.youtubetext h1 {
	margin-top: 0;
}


/* ------------------------------------------------------ */
/* TEXT STYLES */
/* ------------------------------------------------------ */


.dividerbig {
	float: left;
	width: 917px;
}

.dividersmall {
	float: left;
	width: 581px;
}

.dividerbig, .dividersmall {
	color: #000;
	text-align: center;
	font-size: 30px;
	line-height: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 11px;
	padding-bottom: 8px;
	background: url('../images/backgrounds/pattern2.gif') repeat scroll -1px -1px;
	border: 1px solid #e5e5e5;
}

.dividerline {
	width: 580px;
	float: left;
	height: 1px;
	margin-top: 40px;
	margin-bottom: 40px;
	border-top: 1px dashed #cccccc;
}

.shadow {
	float: left;
	width: 920px;
	height: 20px;
	background: url('../images/backgrounds/shadow.png') transparent no-repeat right top;
}

.dashedline {
	float: left;
	width: 917px;
	height: 17px;	
	margin-top: 40px;
	margin-bottom: 40px;
	background: url('../images/backgrounds/pattern2.gif') repeat scroll -1px -1px;
	border: 1px solid #e5e5e5;
}

.twothird_content .dashedline {
	width: 575px;
	margin: 0;
	padding: 0;
}

.marginbottom0 {
	margin-bottom: 0px;
}

.marginbottom10 {
	margin-bottom: 10px;
}

.marginbottom20 {
	margin-bottom: 20px;
}

.marginbottom30 {
	margin-bottom: 30px;
}

.marginbottom40 {
	margin-bottom: 40px;
}

.marginbottom50 {
	margin-bottom: 50px;
}

.marginbottom60 {
	margin-bottom: 60px;
}

.margintop0 {
	margin-top: 0px;
}

.margintop10 {
	margin-top: 10px;
}

.margintop20 {
	margin-top: 20px;
}

.margintop30 {
	margin-top: 30px;
}

.margintop40 {
	margin-top: 40px;
}

.margintop50 {
	margin-top: 50px;
}

.margintop60 {
	margin-top: 60px;
}

.marginleft {
	margin-left: 20px;
}

.marginleft10 {
	margin-left: 10px;
}

.marginleft40 {
	margin-left: 40px;
}

.marginright {
	margin-right: 20px;
}

.marginright10 {
	margin-right: 10px;
}

.marginright40 {
	margin-right: 40px;
}

.paddingright15 {
	padding-right: 15px;
}

.paddingright100 {
	padding-right: 100px;
}

.sideimage {
	width: 270px;
	padding: 4px;
	border: 1px solid #ccc;
}

.bordered {
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.avatarsize {
	width: 80px;
    height: 80px;
}

.buttonlight, .buttondark {
	float: left;
	height: 30px;
	line-height: 30px;
}

.buttonlight:link, .buttonlight:visited {
	color: #222;
	padding: 0 30px 0 30px;
	text-align: center;
	text-shadow: 1px 1px 0px #fff;
	background: #ddd;
    background: -moz-linear-gradient(top, #eee, #bbb);
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#eeeeee', EndColorStr='#bbbbbb', GradientType=0);
}

.buttondark:link, .buttondark:visited {
	color: #fff;
	padding: 0 30px 0 30px;
	text-align: center;
	text-shadow: 1px 1px 0px #000;
	background: #222;
    background: -moz-linear-gradient(top, #444, #111);
    background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#111111));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#444444', EndColorStr='#111111', GradientType=0);
}

.buttondark:hover, .buttonlight:hover {
	color: #fff;
	background: #12a1ff;
	text-shadow: 1px 1px 0px #000;
	background: #12a1ff;
	background: -moz-linear-gradient(top, #12a1ff, #12a1ff);
    background: -webkit-gradient(linear, left top, left bottom, from(#12a1ff), to(#12a1ff));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#12a1ff', EndColorStr='#12a1ff', GradientType=0);
}

.caption_color, .caption_white, .caption_grey{
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin-left: 15px;
	text-shadow: 1px 1px 1px #000;
}

.caption_white{
	color: #fff;
}

.caption_grey{
	color: #888;
}

.caption_color{
	margin-top: 15px;
	color: #68c3ff;
}

.navfont {
	font-size: 25px;
	line-height: 25px;
}

.footertitle_white, .footertitle_blue {
	float: left;
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	font-size: 30px;
	line-height: 30px;
	padding-top: 10px;
	margin-bottom: 11px;
	text-shadow: 1px 1px 1px #000;
}

h1, h2, h3, h4, h5, h6 {
	color: #000000;
}

h1 {
	text-align: left;
	font-size: 51px;
	line-height: 51px;
	margin-bottom:10px;
}

h2 {
	text-align: left;
	font-size: 40px;
	line-height: 40px;
	margin-bottom:10px;
}

h3 {
	text-align: left;
	font-size: 30px;
	line-height: 30px;
	margin-bottom:10px;
}

h4 {
	text-align: left;
	font-size: 25px;
	line-height: 25px;
	margin-bottom:10px;
}

h5 {
	text-align: left;
	font-size: 20px;
	line-height: 20px;
	margin-bottom:10px;
}

h6 {
	text-align: left;
	font-size: 15px;
	line-height: 15px;
	margin-bottom:10px;
}

.blue {
	color: #12a1ff;
}

.grey {
	color: #777;
}

.black {
	color: #000;
}

.lightgrey {
	color: #ccc;
}

.lightblue {
	color: #68c3ff;
}

.footertitle_white {
	color: #fff;
}

.footertitle_blue {
	color: #68c3ff;
}

.navfont {
	color: #333;
}

.clear {
	clear:both;
}


/* ------------------------------------------------------ */
/* FOOTER */
/* ------------------------------------------------------ */


#footerwrap {
	position: relative;
	z-index: 2;
	margin-top: -400px;
	height: 400px;
	left: 0;
	width: 100%;
	clear:both;
	text-shadow: 1px 1px 0px #000;
	border-top: 5px solid #12a1ff;
	background: url('../images/backgrounds/footerpattern1.gif') repeat center top;
}

#footercontainer {
	background: url('../images/backgrounds/footerbg.png') no-repeat center top;
	height: 330px;
}

#footercontainer a:link, #footercontainer a:visited {
	text-decoration: none;
	color: #68c3ff; 
}

#footercontainer a:hover {
	text-decoration: none;
	color: #12a1ff;
}

#footerbar {
	float: left;
	margin-top: 30px;
	width: 100%;
	height: 40px;
	background-color: #030303;
	border-top: 1px solid #181818;
}

#footerbartext { 
	margin-top: 10px;
	font-size:12px;
	color: #ffffff;
}

.textleft { 
	float:left;
	color: #ffffff;
}

.textright { 
	float:right;
	color: #ffffff;
}

.textright a { 
	margin-left: 30px;
	text-decoration: none;
	color: #ffffff;
}

.textright a:visited {
	color: #FFFFFF;
}
.textright a:hover {
	color: #FFFFFF;
}

#socialcontact {
	float: left;
	width: 279px;
	height: 300px;
	margin-top: 30px;
	margin-left: 40px;
	border-right: 1px dashed #666666;
}

#socialcontact table {
	float: left;
	margin-top: -7px;
}

#sociallist {
	float: left;
	width: 300px;
	margin-top: -3px;
	margin-bottom: 10px;
}

#sociallist li {
	display: inline;
}

#contacttags, #contactinfo {
	float: left;
	margin-right: 15px;
}

#contacttags li {
	list-style: none;
}

#contactinfo li {
	list-style: none;
	color: #ccc;
}

#popularposts {
	float: left;
	width: 259px;
	height: 240px;
	margin-top: 30px;
	margin-left: 40px;
}

.popularbloglist {
	float: left;
}

.popularbloglist li {
	vertical-align:top;
	list-style: none;
	float: left;
	padding-bottom: 10px;
}

.popularbloglist li p {
	float: left;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-right: 20px;
}

.popularbloglist li img{
	cursor: pointer;
	float: left;
}

#newsletter h5 {
	margin-top: 0;
}

#socialcontact h5 {
	margin-top: 0;
}

#popularposts h5 {
	margin-top: 0;
}


/* ------------------------------------------------------ */
/* CAPTION ME STYLES */
/* ------------------------------------------------------ */
/* credits go to Travis Isaacs and Aaron Martin. Original idea from Viewzi corporate blog */


.imgpost {
	float: right;
	position: relative;
}

/* so that image still floats and looks nice even if JS is turned off */
.imgpost img,
img.captionmeblue, img.captionmegrey, img.captionmered {
	float: right;
	position: relative;
	background-color: #fff;
}

.imgpost .thecaptionblue, .imgpost .thecaptiongrey, .imgpost .thecaptionred {
	top: -10px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 1px 1px 1px #222;
	left: -20px;
	padding: 8px 13px 18px 13px;
	position: absolute;
	z-index: 29;
	width: auto;
}

.imgpost .thecaptiongrey {
	background: url('../images/captions/caption_grey.gif') no-repeat left bottom;
}
.imgpost .thecaptionblue {
	background: url('../images/captions/caption_blue.gif') no-repeat left bottom;
}
.imgpost .thecaptionred {
	background: url('../images/captions/caption_red.gif') no-repeat left bottom;
}

a .thecaption {
	text-decoration: none;
}


/* ------------------------------------------------------ */
/* PAGE SIDEBAR  */
/* ------------------------------------------------------ */


.sidebar {
	width: 260px;
	background-color: #eee;
	padding-left: 19px;
	padding-right: 19px;
	border: 1px solid #ddd;
	border-top: 0;
	background: url('../images/backgrounds/pattern4.gif') repeat -1px -1px;
}

.widget {
	float: left;
	margin-bottom: 20px;
}

.widget .headline {
	float: left;
	width: 290px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #555;
	padding-bottom: 8px;
	padding-top: 7px;
	padding-left: 10px;
	margin-left: -20px;
	margin-bottom: 20px;
	background: #444;
    background: -moz-linear-gradient(top, #777, #444);
    background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#444444));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#777777', EndColorStr='#444444', GradientType=0);
}

.sidebar_box_text {
	float: left;
	padding: 20px;
	width: 218px;
	-moz-box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
}


/* ------------------------------------------------------ */
/* SIDEBAR SEARCH */
/* ------------------------------------------------------ */


#search {
	float: left;
	height: 30px;
}

#search #searchform {
	height: 28px;
	border: 1px solid #ccc;
	-moz-box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
}

#search #searchform input{
	float: left;
	color: #000;
	width: 212px;
	font-size: 13px;
	line-height: 16px;
	padding: 6px;
	padding-left: 10px; 
	border:0;
	border-right: 0;
	height: 16px;
	margin-right: 0px;
}

#search .searchbutton { 
	float: left;
	cursor: pointer;
	width: 30px;
	height: 28px;
	font-size: 13px;
	line-height: 13px;
	color: #fff;
	border:0;
	margin:0;
	padding:0;
	outline: none;
	background: url("../images/blog/search.png") #fff 5px 50% no-repeat;
}

#search .searchbutton:hover { 
	background: url("../images/blog/search2.png") #12a1ff 5px 50% no-repeat;
}


/* ------------------------------------------------------ */
/* SIDEBAR TINY CAROUSEL */
/* ------------------------------------------------------ */


#sidebarslider { 
	width: 250px;
	height: 184px; 
	overflow:hidden; 
	float: left;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	-moz-box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
}

#sidebarslider .viewport { 
	float: left; 
	width: 250px; 
	height: 154px; 
	overflow: hidden; 
	position: relative; 
}
#sidebarslider .disable { 
	visibility: hidden; 
}
#sidebarslider .overview { 
	list-style: none; 
	padding: 0; 
	margin: 0;  
	position: absolute; 
	left: 0; 
	top: 0; 
}
#sidebarslider .overview li{ 
	float: left; 
	margin: 0 5px 0 0; 
	height: 150px; 
	width: 250px;
}

#sidebarslider .pager { 
	overflow:hidden; 
	list-style: none; 
	clear: both; 
}
#sidebarslider .pager li { 
	float: left; 
}
#sidebarslider .pagenum { 
	background-color: #fff; 
	text-decoration: none; 
	text-align: center; 
	padding: 5px 10px 5px 10px;
	color: #555; 
	display: block; 
}
#sidebarslider .pagenum:hover { 
	color: #fff; 
	background-color: #12a1ff;  
}
#sidebarslider .active { 
	color: #fff; 
	background-color:  #ccc; 
}


/* ------------------------------------------------------ */
/* SIDEBAR SMOOTH TABS */
/* ------------------------------------------------------ */


#sidebartabs{
    width: 250px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
	float: left;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	-moz-box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
}

.smoothTabs ul{
    width: 250px;
    height: 30px;
    list-style: none;
    padding: 0;
	border-bottom: 1px solid #ccc; 
}
.smoothTabs li{
    float: left;
    display: inline;
    padding: 5px 10px 5px 10px;
    color: #444;
    cursor: pointer;
    text-align: center;
}
.smoothTabs li:hover{
    background-color: #12a1ff;
    color: #ffffff;
	border-bottom: 1px solid #12a1ff; 
}
.smoothTabs div{
    width: 230px;
    padding: 10px;
}
li.smoothTabsLiCurrent{
    background-color:  #ccc; 
    color: #ffffff;
}
.smoothTabsDivHidden {
    display: none;
}
.smoothTabsDivVisible{
    
}


/* ------------------------------------------------------ */
/* SIDEBAR BLOG CATEGORIES */
/* 
------------------------------------------------------ */

.blogcategories {
	float: left;
	width: 250px;
	padding: 4px;
	padding-bottom: 0;
	border: 1px solid #ccc;
	background-color: #fff;
	-moz-box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
}

.blogcategories li {
	float: left;
	width: 250px;
	height: 31px;
	margin-bottom: 4px;
	line-height: 31px;
	background-color: #fff;
	font-size: 12px;
	background: #ddd;
    background: -moz-linear-gradient(top, #eee, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#eeeeee', EndColorStr='#cccccc', GradientType=0);
	overflow:hidden;
}

.blogcategories li a p{
	cursor: pointer;
	color: #222;
	text-shadow: 1px 1px 0px #fff;
}

.blogcategories li p:hover {
	color: #fff;
	text-shadow: 1px 1px 0px #000;
	background: #12a1ff;
    background: -moz-linear-gradient(top, #12a1ff, #12a1ff);
    background: -webkit-gradient(linear, left top, left bottom, from(#12a1ff), to(#12a1ff));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#12a1ff', EndColorStr='#12a1ff', GradientType=0);
}


/* ------------------------------------------------------ */
/* SIDEBAR SOCIAL LINKS */
/* ------------------------------------------------------ */


.sidebarsocial {
	float: left;
	height: 30px;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	-moz-box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
}

.sidebarsocial li {
	display:inline;
	list-style: none;
    margin-right: 4px;
}


/* ------------------------------------------------------ */
/* SIDEBAR IMAGE */
/* ------------------------------------------------------ */


.sidebarimage { 
	float: left;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	-moz-box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
}


/* ------------------------------------------------------ */
/* SIDEBAR MINIGALLERY */
/* ------------------------------------------------------ */


#minigal {
	float: left;
	margin-right: -12px;
	margin-bottom: -10px;
}

#minigal li {
	float: left;
	width: 70px;
	height: 70px;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-right: 10px;
	margin-bottom: 10px;
	-moz-box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
}


/* ------------------------------------------------------ */
/* SIDEBAR ADS 125 x 125 */
/* ------------------------------------------------------ */


.sidebar125 {
	float: left;
	margin-right: -12px;
	margin-bottom: -10px;
}

.sidebar125 li {
	float: left;
	width: 125px;
	height: 125px;
	margin-right: 10px;
	margin-bottom: 10px;
	-moz-box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
}


/* ------------------------------------------------------ */
/* BLOG */
/* ------------------------------------------------------ */


.blogpost {
	float: left;
	width: 580px;
	margin-bottom: 60px;
}

.blogpost .dashedline, .blogpostdetail .dashedline {
	width: 575px;
	margin: 0;
	padding: 0;
}

.blogpost .dividerline {
	margin-top: 20px;
	margin-bottom: 10px;
}

.blogpostdetail .dividerline {
	margin-top: 0px;
	margin-bottom: 10px;
}

.postinfo {
	float: left;
	width: 558px;
	color: #999;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	margin-bottom: 20px;
}


.blogpost .buttondark, .blogpost .buttonlight {
	margin-top: 3px;
}

.blogimage {
	float: left;
	margin-bottom: 20px;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.blogpostrelated {
	float: left;
	width: 280px;
	margin-top: 40px;
	margin-bottom: 10px;
}

.blogpostrelated h4, .aboutauthor h4{
	margin:0;
	padding-bottom: 10px;
}

.aboutauthor {
	float: right;
	width: 270px;
	margin-top: 40px;
	margin-bottom: 20px;
}

.aboutauthor img {
	float: left;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-right: 20px;
}

.blogpages {
	float:left;
}

.blogpages p{
	float:left;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px 5px 0px;
}

.blogpages ul{
    float: left;
}

.blogpages li {
	display: inline;
}

.blogpages li a{
	cursor: pointer;
    float: left;
    display: inline;
	color: #444;
	background-color: #fff;
	padding: 5px 10px 5px 10px;
}

.blogpages li a:hover{
    background-color: #12a1ff;
    color: #ffffff;
	text-shadow: 1px 1px 0px #000;
}

.blogpages li .selected {
	background-color: #12a1ff;
    color: #ffffff;
	text-shadow: 1px 1px 0px #000;
}

.timestamp {
	color: #999;
	font-style:italic;
}

#comments {
	width: 580px;
	float: left;
	padding-bottom: 0px;
	margin-top: 40px;
}

#comments ol, #comments ul {
	position: relative;
    list-style: none;
    margin:0;
    padding:0;
}

#comments h4{
	margin:0;
	padding-bottom: 10px;
}

#comments .commentwrap {
	float: left;
	padding: 20px;
	width: 538px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
    margin-left: 0;
	text-shadow: 1px 1px 0px #fff;
	background: #eee;
    background: -moz-linear-gradient(top, #f9f9f9, #eeeeee);
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eeeeee));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#f9f9f9', EndColorStr='#eeeeee', GradientType=0);
}

#comments .commentwrap .bypostauthor {
	background: #cccccc;
    background: -moz-linear-gradient(top, #f9f9f9, #cccccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#cccccc));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#f9f9f9', EndColorStr='#cccccc', GradientType=0);
}

#comments .commentwrap .posterpic{
	float: left;
	width: 90px;
    display: inline-block;
	margin-right: 20px;
}

#comments .commentwrap .postertext{
	min-height: 70px;
    display: inline-block;
}

#comments .depth-1 .commentwrap{
	width: 538px;
}

#comments .depth-2 .commentwrap{
	width: 488px;
	margin-left: 50px;
}

#comments .depth-3 .commentwrap{
	width: 438px;
	margin-left: 100px;
}

#comments .depth-4 .commentwrap{
	width: 388px;
	margin-left: 150px;
}

#comments .depth-5 .commentwrap{
	width: 338px;
	margin-left: 200px;
}

#comments .depth-1 .commentwrap .postertext{
	width: 428px;
}

#comments .depth-2 .commentwrap .postertext{
	width: 378px;
}

#comments .depth-3 .commentwrap .postertext{
	width: 328px;
}

#comments .depth-4 .commentwrap .postertext{
	width: 278px;
}

#comments .depth-5 .commentwrap .postertext{
	width: 228px;
}

#comments .replylink{
	float: right;
}


/* ------------------------------------------------------ */
/* CONTACT, NEWSLETTER, BLOG REPLY FORMS */
/* ------------------------------------------------------ */


#contactus {
	float: left;
}

#newsletter {
	float: left;
	width: 300px;
	height: 300px;
	margin-top: 30px;
	margin-left: 20px;
    color: #e6e6e6;
	overflow: hidden;
	border-right: 1px dashed #666666;
}

#respond, #contactus {
	float: left;
	width: 620px;
	overflow: hidden;
}

#respond {
	margin-top: 40px;
}

#respond h4, #contactus h4{
	margin:0;
	padding-bottom: 10px;
}

#respond .formpart {
	float: left;
	margin-bottom: 20px;
	margin-right: 29px;
}

#contactus .formpart {
	float: left;
	margin-bottom: 20px;
	margin-right: 30px;
}

#newsletter .formpart {
	float: left;
	margin-bottom: 20px;
	margin-right: 30px;
}

#respond .formpart input {
	color: #000;
	width: 161px;
	font-size: 13px;
	line-height: 16px;
	padding: 6px;
	padding-left: 5px; 
	border: 1px solid #ccc;
}

#contactus .formpart input {
	color: #000;
	width: 263px;
	font-size: 13px;
	line-height: 16px;
	padding: 6px;
	padding-left: 5px; 
	padding-right: 5px; 
	border: 1px solid #ccc;
}

#newsletter .formpart input {
	color: #000;
	width: 130px;
	font-size: 13px;
	line-height: 16px;
	padding: 6px;
	padding-left: 5px; 
	padding-right: 5px; 
	border: 1px solid #ccc;
}
	
#respond .formpart textarea, #contactus .formpart textarea{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #000;
	overflow: auto;
	width: 568px;
	max-width:568px;
	height: 200px;
	padding: 5px;
	border: 1px solid #ccc;
}

.formpart .errormessage {
	float: left;
	color: #ff0000;
	font-size: 13px;
	line-height: 28px;
	text-decoration: none;
	display: none;
}

.formpart .sendingmessage {
	float: left;
	color: #555;
	font-size: 13px;
	line-height: 28px;
	text-decoration: none;
	display: none;
}

.formpart .successmessage {
	float: left;
	color: #12a1ff;
	font-size: 13px;
	line-height: 28px;
	text-decoration: none;
	display: none;
}

#contactus input.formerror, #respond input.formerror, #newsletter input.formerror{ 
	border: 1px solid #ff0000;
	background-color: #ffdddd;
}

#contactus .formpart textarea.formerror, #respond .formpart textarea.formerror{ 
	border: 1px solid #ff0000;
	background-color: #ffdddd;
}

#respond .formpart label span, #contactus .formpart label span, #newsletter .formpart label span {
	font-weight: normal;
	font-style: italic;
	color: #999;
}

#respond p, #contactus p { 
	margin-top: 3px;
	padding-bottom: 0;
}

#newsletter p {
	float: left;
}

#respond label, #contactus label { 
	color: #555;
	font-weight: bold;
	font-size: 13px;
}

#newsletter label {
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 4px;
	float: right;
}

.addreply, .sendmessage{ 
	display: inline-block;
	color: #fff;
	width: 200px;
	height: 30px;
	font-size: 13px;
	line-height: 30px;
	padding: 0px 0px 2px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	border:0;
	text-shadow: 1px 1px 0px #000;
	background: #222;
    background: -moz-linear-gradient(top, #444, #111);
    background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#111111));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#444444', EndColorStr='#111111', GradientType=0);
}

.addreply:hover, .sendmessage:hover, .sendnews:hover { 
	color: #fff;
	text-decoration: none;
	border:0; 
	background: #12a1ff;
	background: -moz-linear-gradient(top, #12a1ff, #12a1ff);
    background: -webkit-gradient(linear, left top, left bottom, from(#12a1ff), to(#12a1ff));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#12a1ff', EndColorStr='#12a1ff', GradientType=0);
}

.addreply:focus, .sendmessage:focus, .sendnews:focus { 
	outline: none;   
}

.sendnews { 
	display: inline-block;
	color: #fff;
	width: 142px;
	height: 30px;
	font-size: 13px;
	line-height: 30px;
	padding: 0px 0px 2px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	border:0;
	margin-top: 0px;
	text-shadow: 1px 1px 0px #000;
	background: #222;
    background: -moz-linear-gradient(top, #444, #111);
    background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#111111));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#444444', EndColorStr='#111111', GradientType=0);
}


/* ------------------------------------------------------ */
/* PORTFOLIO FILTER */
/* ------------------------------------------------------ */

.portfolioheader {
	float: left; 
	width: 917px;
	height: 71px;
	margin-bottom: 40px;
	margin-top: 40px;
	background: url('../images/backgrounds/pattern2.gif') repeat scroll -1px -1px;
	border: 1px solid #e5e5e5;
}

.portfolioheader h2 {
	float: left;
	margin: 0;
	padding: 0;
	padding-top: 18px;
	padding-left: 20px;
}

.portfolioheader span {
	float: right;  
	list-style-type: none; 
	margin-top: 20px;
	margin-right: 30px; 
	-moz-box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
}

.portfolioheader .projectdetail .dividerline{
	margin: 0;
}

.portfoliofilter {
	float: right;  
	list-style-type: none; 
	margin-top: 20px;
	margin-right: 10px; 
}

.portfoliofilter li { 
	float: left; 
	margin-right: 10px; 
	-moz-box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
}

.portfoliobutton {
	float: left;
	height: 30px;
	line-height: 30px;
}

.portfoliobutton:link, .portfoliobutton:visited {
	color: #fff;
	background: #12a1ff;
	padding: 0 10px 0 10px;
	text-align: center;
	text-shadow: 1px 1px 0px #000;
}

.portfoliobutton:hover {
	color: #fff;
	background: #12a1ff;
	text-shadow: 1px 1px 0px #000;
}

.portfoliobutton_noselect {
	float: left;
	height: 30px;
	line-height: 30px;
	text-shadow: 1px 1px 0px #fff;
}

.portfoliobutton_noselect:link, .portfoliobutton_noselect:visited {
	color: #222;
	padding: 0 10px 0 10px;
	text-align: center;
	text-shadow: 1px 1px 0px #fff;
	background: #ddd;
    background: -moz-linear-gradient(top, #eee, #bbb);
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#eeeeee', EndColorStr='#bbbbbb', GradientType=0);
}

.portfoliobutton_noselect:hover {
	color: #fff;
	text-shadow: 1px 1px 0px #000;
	background: #12a1ff;
	background: -moz-linear-gradient(top, #12a1ff, #12a1ff);
    background: -webkit-gradient(linear, left top, left bottom, from(#12a1ff), to(#12a1ff));
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#12a1ff', EndColorStr='#12a1ff', GradientType=0);
}


/* ------------------------------------------------------ */
/* CONTACT PAGE */
/* ------------------------------------------------------ */

#contactpage {
	float: left; 
	width: 580px;
}

#contactpage .dashedline {
	width: 575px;
	margin-top: 0px;
	margin-bottom: 40px;
	padding: 0;
}

#googlemaps {
	float: left;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	-moz-box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
}

#googlemap {
	width: 250px;
	height: 400px;
}

.quickcontact {
	float: left;
	width: 258px;
	border: 1px solid #ccc;
	background-color: #fff;
	-moz-box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
}

.quickcontact img {
	padding: 4px;
}

.quickcontact div {
	padding: 20px;
	padding-top: 5px;
	padding-bottom: 15px;
}

.quickcontact th, #socialcontact th { 
	text-align: left;
	padding-right: 20px;
	font-weight: bold;
}


/* ------------------------------------------------------ */
/* PORTFOLIO DETAIL PAGE */
/* ------------------------------------------------------ */


#portfoliodetail {
	float: left;
	width: 920px;
}

#portfoliodetail .postinfo {
	float: left;  
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

#portfoliodetail .dividerline {
	width: 920px;
	margin: 0;
}

#portfoliodetail .dashedline {
	width: 920px;
    margin: 0;
    padding: 0;
}

#portfoliodetail h2{
	margin: 0;
}

#portfoliodetail h3{
	margin-top: 0;
}

#portfoliodetail .title {
	float:left;
	margin-bottom: 40px;
	width: 580px;
	height: 82px;
}

#portfoliodetail .title span {
	float:left;
	margin-bottom: 20px;
	width: 580px;
}

#portfoliodetail .info {
	float:right;
	margin-bottom: 40px;
}

#portfoliodetail .largeimage {
	float: left;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-bottom: 30px;
}

#portfoliodetail .largeimage img {
	background:url("../images/preloader.gif") no-repeat 50% 50%;
}

.imagecorrector {
	margin-bottom: -6px;
}

#portfoliodetail p {
	float: left;
	margin-bottom: 20px;
}

#portfoliodetail .projectblock {
	float: left;
}

#portfoliodetail .projectblock .text {
	float: left; 
	width: 580px;
	margin-left: 40px;
}

#portfoliodetail .projectblock .image {
	float: left; 
	width: 270px;
	padding: 4px;
	border: 1px solid #ccc;
}

/* EDITOR STYLES */

.editorarea img {
	margin: 0;
}
.editorarea img.size-auto,
.editorarea img.size-large,
.editorarea img.size-full,
.editorarea img.size-medium {
	max-width: 100%;
	height: auto;
}
.editorarea .alignleft,
.editorarea img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.editorarea .alignright,
.editorarea img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.editorarea .aligncenter,
.editorarea img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.editorarea img.alignleft,
.editorarea img.alignright,
.editorarea img.aligncenter {
	margin-bottom: 12px;
}
.editorarea cite,
.editorarea em,
.editorarea i {
	border: none;
	font-style: italic;
}

.editorarea ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
.editorarea ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
.editorarea ol ol {
	list-style: upper-alpha;
}
.editorarea ol ol ol {
	list-style: lower-roman;
}
.editorarea ol ol ol ol {
	list-style: lower-alpha;
}
.editorarea ul ul,
.editorarea ol ol,
.editorarea ul ol,
.editorarea ol ul {
	margin-bottom: 0;
}
.editorarea p {
	margin-bottom: 20px;
}
.editorarea div {
	margin-bottom: 20px;
}

/* EDITOR STYLES END */