body {
	margin:0;
	padding:0;
	font-family: "Segoe UI", tahoma,arial,helvetica;
	color:#232323;
	background:#fff url(/resources/images/template/bg3.jpg) repeat-y top;
	font-size:0.8em
}
img {
	border:none;
}

a {color: #018CC0; }

a:hover {color: white; background:#018CC0}

.linkExternal {padding-right:14px; padding-left:3px; background: url(../images/offSIte.gif) top right no-repeat;}
.linkExternal:hover {background:#018CC0 url(../images/offSIte.gif) top right no-repeat;}

ul {padding-left:2px}


.container {
	background:#fff;
	width:945px;
	padding-top:30px;
	padding-left:25px;
	/*background:url(../images/template/bg-shadow.jpg) repeat-y top;*/
	margin:0 auto;
}
.container .logoLeft {
	float:left
}
#container-inner {
	float:left;
	width:850px;
}
#header-outer {
	height:48px;
	border-bottom:1px solid #232323;}

#header-outer p {
	float:right;
	font-size:12px;
	text-align:right
}
#header-outer span {
	padding-left:10px;
}


#container-nav {
	position:relative;
	top:14px;
	padding-top:4px;
	float:right;
	background:#333 url(../images/template/navGradient.jpg) repeat-x top;
	color:#FFFFFF;
	height:30px;

}
/*across the board allowing LIs horizontal placement*/
ul.nav, ul.footer-portfolio {
	margin:0;
	padding:0;
	list-style:none
}
ul.nav{
	margin:0 0 0 12px;}
	
ul.nav li {
	float:left;
	margin-right:8px;
	margin-top:5px;
}

ul.nav a {
	color:#FFFFFF;
	padding:4px 8px;
	text-decoration:none;
}

ul.nav li a:hover {
	background:#018CC0
}

ul.nav li.selected a,ul.nav li.current a:hover  {
	background:#fff;
	color:#018CC0;
	border-bottom:4px solid black
}
.sf-navbar li.current, li.current a, li.current a:visited  { background:#fff; color:#000
}
h1 
{
	font-size:28px;	
	padding:12px 12px 15px 0;
	margin-top:8px;
	margin-left:12px;
	margin-bottom:16px;
	color:#232323;
	background: #fff url('../images/shoshFaint.jpg') bottom left no-repeat;
	width:826px;
}

h2{ font-size:18px; color:#232323;margin-top:40px; padding-bottom:12px; padding-left:12px;background:url('../images/shoshFaint.jpg') bottom left no-repeat}

.content-column>h2:first-child{ margin-top:9px}
.content-column>p:first-child{ margin-top:0}



h3 {margin-bottom:0; padding-bottom:0}

.AccordionPane>h3:first-child{ margin-top:0; padding-top:0}


.content-home h1{font-size:16px;float:left; width:400px; margin-top:45px; margin-left:20px; background: white; color: #232323; border-bottom:none}

#homePage .header, .container-right {
	float:left;
	width:400px;
	background:none;
}

.homeFill{width:730px; margin:auto; padding-top:27px; background:url(../images/homeFillTop.gif) top center no-repeat; }

.homeFillContent{padding:0 45px 27px 45px;  background:url(../images/homeFillBot.gif) bottom center no-repeat; }

.homeFrog{ margin:40px 115px; }

.container-right {
	margin-left:50px;
}

.content-home, .content-main {
	padding-bottom:15px;
	font-family: Georgia,'Times New Roman',Times,serif;
	font-size:0.9em;
}

#footer-container {
	clear:both;
	width:850px;
	margin-left:40px;
	padding-top:20px;
	padding-bottom:5px;
	border-top:1px solid #232323;
	border-bottom:1px solid #232323; 
	margin-top:40px;
}
#footer-container ul{
	height:95px;
	padding-left:70px;
	background:url(../images/template/footerPreviousProjects.jpg) no-repeat left top}

#footer-text p{ float:right; margin-left:25px; font-size:10px; margin-top:12px; margin-bottom:12px;}

ul.footer-portfolio li {
	width:146px;
	margin-right:6px;
	height:103px;
	float:left;
	padding:2px;
	background:url(../images/template/portfolioSmlFooter.jpg) no-repeat center top
}

/*#finishUp {height:30px;background:url(../images/template/finishUp.jpg) no-repeat top;}*/

/*column widths*/
.content-column  {float:left; margin-left:12px; margin-right:12px; width:400px; }

.padding{ padding-left:12px;}

.paraShort{ float:left; width:80px; margin-top:10px; font-weight:bold}
.paraLong{float:left; width:360px;margin-top:10px}
.clear {clear:both}

.paraLong ul{ padding-left:0; list-style-position:inside}

.experienceCategory {clear:left;float:left;background:url(/resources/images/dot_light_blue.gif) repeat; width:95px; height:50px; padding-right:5px; margin-right:12px; font-family:'Arial Black', Helvetica, sans-serif; text-align:right;text-transform:uppercase; font-size:8pt; margin-top:12px }

.experiencePreview {border-left:12px solid #E8EAEE; width:300px; margin-right:12px; padding-left:12px;}

/*page specific*/

.content-home {font-size:12px; width:850px;}
.gridviewProjectsRow, .gridviewContactsRow {border:1px solid #e7e7e7; padding:12px; margin-top:12px; margin-bottom:12px;}

.gridviewContactsRow{ padding:0; margin-top:0; margin-bottom:0; vertical-align:top;}
.contactsField {font-family:'Arial Black', Helvetica, sans-serif; text-align:right;text-transform:uppercase; font-size:8pt; vertical-align:top; padding-top:3px; }

.ContactsButton{ padding:6px; border:1px solid #e7e7e7; width:100px; text-transform:uppercase; font-family:'Arial Black', Helvetica, sans-serif; font-size:8pt; height:33px; float:right; position:relative; right:20px;}

.ContactsButton:hover {background:#009CEC; color:white; cursor:pointer }


body .experiencePaging td {font-family:tahoma,arial,helvetica,sans-serif; padding-top:5px; padding-bottom:5px;}
.experiencePaging td table td {background:none}

.gridviewProjects table {margin-top: 5px;margin-bottom:5px;}

/* paging style*/
.portfolioPager td{text-decoration:none;text-align:center;padding:3px 8px;background:#58749B; color:white; }
.experiencePaging table tr td a {text-decoration:none;text-align:center;padding:3px 8px;background:#009CEC; color:white; }
.experiencePaging table tr td a:hover {background:white ; color:#009CEC; }
body .experiencePaging td span{padding:3px 8px;}



/* acordion */
#ctl00_contentInside_accordPhilosophy,#ctl00_contentInside_accordSkills
{
	width: 382px;
	color: #111;
	margin: 0;
	padding-left: 0;
	margin-top:0;
	margin-bottom: 15px;
}


.accordHeader, .accordHeaderSelected
{
	padding: 5px 12px 0 12px;
	font-weight: bold;
	margin-bottom: 1px;
	height: 25px;
	cursor: pointer;
	background:#000;
	color:#fff
}
.accordHeaderSelected{ margin-bottom:0; background:#2E9AFA}


.accordHeader h3 {color:#2E9AFA;   margin:0; padding:0}


.accordHeaderSelected h3{color:#fff;margin:0; padding:0}

.accordImageRight {
float:right;
padding:5px 5px 5px 12px;}

.AccordionPane{ background:url(../images/accordion/paneHeader.png) top left repeat-y; 
padding:12px 12px 12px 12px; 
border-bottom:1px solid #e7e7e7
}

ol{padding-left:19px;}

ul.ulFloat{display:inline-block; margin-top:3px}

ul.ulFloat li
{
	float: left;
	width: 180px;
	padding-right: 5px;
}

.AccordionPane ul.ulFloat li{
	width: 158px;}


ul.point li{
list-style:none;
background:url(../images/bullet-arrow.gif) 0 0.5em no-repeat;
list-style-type:none;
margin:0;
padding:0 0 0 15px;}



.box{width:185px; min-height:600px;float:left;  padding:0; margin:12px 24px 12px 0; background:#BBE8FF}

.box h3{text-transform:uppercase;background: #232323; color: white;padding:12px; margin-top:0}

.box li {list-style:none; border-bottom:1px solid #232323; padding-bottom:5px; margin-bottom:5px}

.box .content ul ul li{ margin-left:10px; border-bottom:1px solid #e7e7e7}

.box .content{padding:10px;}

/*validate forms*/
.validateHighlight{border:1px dotted #f00}

.txt_acknow, .val_Error {color:#f00; font-family:tahoma,arial,helvetica,sans-serif;}

.CustomValidatorCalloutStyle div, .CustomValidatorCalloutStyle td { 
    border:solid 1px blue; background-color: #0f0; 
}

.ajax__validatorcallout_popup_table{background-color: #0f0; }
.ajax__validatorcallout_popup_table_row{background-color: #0f0; }
.ajax__validatorcallout_callout_cell {background-color: #0f0; }
.ajax__validatorcallout_callout_table {background-color: #0f0; }
.ajax__validatorcallout_callout_table_row {}
.ajax__validatorcallout_error_message_cell {}
.ajax__validatorcallout_icon_cell {}
.ajax__validatorcallout_close_button_cell {}
.ajax__validatorcallout_arrow_cell {}
.ajax__validatorcallout_innerdiv{}



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

.txtRequired {float:left}

.stress{font-size:16px;}

#ctl00_contentInside_formViewWebsites_clientInfoLabel, .grey {color:#999999; font-style:italic}

input, textarea { font-family:tahoma,arial,helvetica,sans-serif; font-size:12px;width:240px; border:1px solid #E8EAEE; background:#ededed url(../images/inputBG.gif) repeat-x top; height:20px;}

textarea {height:60px;}








/*j query accordion skills*/

.jqueryAccord ul{border-top:1px solid #232323; border-right: 1px solid #232323; border-bottom:1px solid #232323; height:475px;  padding-left:0}

.jqueryAccord ul li{
  float: left;
  display: block;
  margin-right: 10px;
  border-left:1px solid #232323;
  height:475px
}

.jqueryAccord ul li a{
  display: block;
  overflow: hidden;
  width: 175px;
  cursor:pointer
}

.jqueryAccord #a1{
  width: 250px;
}

.jqueryAccord a:hover{background:none; color:#232323;}


.jqueryAccord ul li img{
  position: absolute;
}

.jqueryAccord ul li p{
  margin: 0;
  padding: 0;
  width: 300px;
  display: block;
  margin-left: 55px;
}