/* CSS Document */
body{
	margin:0px;
	text-align:center;
	background-color:#D9E0E4;
}
a{
	color:#507282; /*flipside blue grey*/;
	text-decoration:none;
}
a:hover,div.colTop a:hover{
	color:#ff6600; /*flipside orange*/
	text-decoration:none;
}
:focus { -moz-outline-style: none; }


div#contentPortfolio{
	/*background-image:url(../images/portfolio.jpg);*/
	background-color:#fff;
	width:1003px;

	margin:0px auto;
	text-align:left;
	border:1px solid #D9E0E4;
}
div#contentServices{
	/*background-image:url(../images/services.jpg);*/	
	background-color:#fff;
	width:1003px;
	margin:0px auto;
	text-align:left;
	border:1px solid #D9E0E4;

}
div#header{
	height:75px;
}
h1#logo{
	background-image:url(../images/flipside_logo.gif);
	width:183px;
	height:57px;
	text-indent:-9999px;
	cursor:pointer;
	margin:25px 0 0 47px;
}
div#middle{

}
div#leftColumn{
	float:left;
/*	height:726px;*/
	width:308px;
	margin-left:28px;
}
div#servicesLeft{
	background-color:#E1E7EA; /*light blue*/
	margin:10px 0 0 0 !important;
	border:1px solid #E1E7EA;
}
div#rightColumn{
	float:right;
/*	height:726px;*/
	width:627px;
	margin-right:32px;
}
div.rightColInner{
	float:left;
/*	height:726px;*/
	width:313px;

}
div.colTop{
	background-color:#507282; /*flipside blue grey*/
	height:16px;
	position:relative;
	padding:0px;
	margin:0px
}
div#leftColTop{
width:307px;
}
/* ------------- menu -----------------------*/
div.colTop ul{
	margin:0px 0 0 10px; !important;
padding:0px !important;
	
}
div.colTop li{
	display:inline;
	list-style:none;
	margin:0px;
}
div.colTop li a{
	color:#fff;
	font-weight:bold;
	font-size:10px;

	text-transform:uppercase;
	display:block;
	float:left;
	height:15px;
	padding:2px 15px 0 0px;


}

div.blueGreyBar{
	background-color:#507282; /*flipside blue grey*/
	height:5px;
	width:308px;
}
div#blueGreyBarFooter{
	background-color:#507282; /*flipside blue grey*/
	height:5px;
	width:945px;
	margin:10px auto 15px auto;
	clear:both;
}
div#leftColBar{
	margin-top:52px;
}

div#leftColumn h2,div#leftColumn p{
	color:#507282; /*flipside blue grey*/
	margin:20px 27px;
}

div#leftColumn h2{
	font-size:1.1em;
	font-weight:bold;
	margin-top:40px;
}
div#leftColumn p{
	font-size:1.0em;
	font-weight:bold;
}
div#leftColumn.leftColumnServices h2,div#leftColumn.leftColumnServices p{
	color:#507282; /*flipside blue grey*/
	margin:20px 35px;
}
div#leftColumn.leftColumnServices h2{line-height:1.5em;}
div#leftColumn.leftColumnServices p{line-height:2.1em;font-weight:normal;}


div#homePageFlash{
	height:380px;
	margin-top:5px;
	/*background-color:#E2E2E2;*/
}
div#projectHolderBar{
	clear:both;
}
div.projectHolder{
	margin:10px 9px 0 0;
	width:309px;
	float:left;
	overflow:hidden;
}
div#projectHolder1{
	margin-left:27px;
}
div#projectHolder3{
	margin-right:0px;
}
img.projectImg{
	margin-top:5px;
}
div.projectHolder h3{
	color:#507282; /*flipside blue grey*/
	margin:10px 0 0 23px;
	font-size:1.1em;
	font-weight:bold;
}
div.projectHolder p,div#leftColumn div.projectHolder p{
	color:#111; 
	margin:10px 23px 10px 23px;
	font-size:0.9em;
	line-height:1.3em;
}
div#rightColumn h2{
	margin:20px 27px;
	font-size:1.7em;
	color:#507282; /*flipside blue grey*/
	font-weight:bold;
}
div#rightColumn p{
	margin:20px 27px;
	font-size:1.1em;
	color:#507282; /*flipside blue grey*/
	line-height:1.5em;
	
}
div.rightColInner p,div.rightColInner h3{
font-size:0.9em !important;
line-height:1.3em !important;
}
div.rightColInner h3{
	font-weight:bold;
	color:#507282; /*flipside blue grey*/
	margin:10px 27px 5px 27px;
}
div.rightColInner p{
	color:#111 !important;
	margin:0px 27px 5px 27px !important;
}
div#footer{
	clear:both;
	text-align:center;
	padding-bottom:30px;
}
div#footer a{
	text-transform:uppercase;
	color:#507282; /*flipside blue grey*/
	padding:0 5px;
	font-size:0.8em;
	font-weight:bold;
}
div.divClear{
	clear:both;
}
input.errorField{
	border:1px solid #FF0033;
}
div#portfolioThumbsHolder{
margin:10px 0;
}

img.imgPortfolioThumb{
	margin:0 2px 2px 0;
}
div#navPortfolio{
	
}
div#navPortfolio a{
	padding:5px 7px 3px 7px;
	background-color:#507282; /*flipside blue grey*/
	color:#fff;
	font-weight:bold;
/*	line-height:1.9em;*/
	margin:0 5px 0 0;
	display:block;
	float:left;
}
div#navPortfolio a#navPortPageLink1{
/*in portfolio page too*/
	background-color:#0A3443; /*flipside dark blue*/
}
div#portfolioMainImage{
	width:629px;
	height:629px;
	margin:10px 0;
	position:relative;
}
div.portfolioImage{
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
		width:629px;
	height:629px;
}
.leftColumnPortfolio p,.leftColumnPortfolio h2{
margin-left:15px !important;
}
.leftColumnPortfolio p{
	color:#111!important;
	font-size:0.8em !important;
	line-height:1.8em  !important;
}
div#leftColumn .desc-content h2{
	margin-top:15px;
}
div#contact-form-main{
	margin:20px 27px;

}
label{
	color:#0A3443; /*flipside dark blue*/
	font-weight:bold;
	margin:5px 0px 5px 0px;
	display:block;
}
div.contact-form-input-holder{
	margin:5px 0px;
}
input,textarea{
	margin:0px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	width:470px;
}
input#btnContactSubmit{
width:auto;
float:right;
margin-right:95px;
}
div#contactNames{
margin:27px;
font-size:0.9em;
line-height:1.5em;
color:#0A3443; /*flipside dark blue*/
}
div#contactNameLeft{
width:280px;
float:left;
}
div#contactNameRight{
width:280px;
float:left;
}