h1 {
	font-size: 12pt;
	color: #000;
	padding-top: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

h2 {
	font-size: 11pt;
/*	background-color: #34275a;*/
	color: #000;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px #34275a solid;
}

h2 a {
	color: #000;
	text-decoration: none;
}

h3 {
	font-size: 10pt;
	border-bottom: 1px #34275a solid;
	color: #000;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

h4 {
	font-size: 9pt;
	color: #34275a;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.highlighted {
	font-size: 10pt;
}

.center {
 text-align: center;
}

.column-three {
	width: 415px;
	float: left;
}

.column-four {
	width: 320px;
	float: right;
	border-left: #e9e9e9 solid 1px;
	background: #F8F7F9;
}

.column-four .padding {
	padding: 5px;
}

.column-one {
	width: 465px;
	float: left;
}

.column-two {
	width: 270px;
	float: right;
	border-left: #e9e9e9 solid 1px;
	background: #F8F7F9;
	margin-bottom: 5px;
}

.column-two img {
	margin-top: 5px;
	border-right-width: 0pt;
	border-left-width: 0pt;
	border-right-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #34275a;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #34275a;
}

.pagination {
	width: 650px;
	margin: 0 auto 0 auto;
	clear: both;
}

.pagination .prev {
	width: 200px;
	float: left;
	text-align: left;
}

.pagination .numbers {
	width: 250px;
	float: left;
	text-align: center;
}

.pagination .next {
	width: 200px;
	float: left;
	text-align: right;
}

table.summary td, table tr, table th {
	padding: 1px;
	border: 1px solid #e9e9e9;
	text-align: center;
	vertical-align: middle;
}

table.summary th {
	background: #e9e9e9;
	padding-top: 5px;
	padding-bottom: 5px;
}

table.summary {
	width: 95%;
	margin: 10px auto 10px auto;
	border: 1px solid #708486;
}

table.summary a img {
	border: none;
}


table {
	font-size: 10px;
}

table.model_profile td, table.model_profile tr, table.model_profile th {
	border: none;
	vertical-align: middle;
}

table.model_profile {
	padding: 1px;
	border: 1px solid #e9e9e9;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto 0 auto;
}

table.model_profile th {
	text-align: right;
	width: 148px;
}

table.model_profile td {
	text-align: center;
	width: 348px;
}


table tr:hover {
background: #e9e9e9;
}

/*------------------------*/

/* 6:12:07 removed the max-width and change the width of the float from PX to EM */
/****
TJK_keyBoardDropDown
Pure CSS Drop Down Menu [TJK_keyBoardDropDown] v1.2
Copyright 2006, Thierry Koblentz - TJKDesign.com - All rights reserved.
Read www.TJKDesign.com/articles/Pure_CSS_dropdown_Menus.asp
****/
/* zeroing padding/margin for all elements */
#TJK_dropDownMenu,
#TJK_dropDownMenu * { margin:0;padding:0; padding-left: 2px; text-align: left;}
/* "Master" UL (the whole Menu) */
#TJK_dropDownMenu {position:relative; height: 35px; width: 100%; float:left;font-size: 11px;
}

/* sub-menu ULs */
#TJK_dropDownMenu li ul {
	width:12em !important;/* leaves room for padding */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	left:-10px;
	padding:0px 10px 10px 10px;
	margin-top: 5px;
	background:url(/img/clear.gif);/* trick to keep'em open */
}
/* All LIs */
#TJK_dropDownMenu li {
	position:relative;
	width:auto;
/*	max-width:16.5%;*/
	cursor:hand;
	float:left;
	list-style-type:none;
	font-weight:bold;
}
/* sub-menu LIs */
#TJK_dropDownMenu li ul li {
	width:170px/*FF*/;
	padding:0;
	border:none;
	max-width:100%;
	border:1px solid #34275a;
	border-top:none;
}

#TJK_dropDownMenu li ul li ul {
	position:absolute;
	left: 170px;
	margin-top: -20px;
}
/* All anchors */
#TJK_dropDownMenu li a {
	cursor:hand;
	color:#FFF;

	text-decoration:none;
	display:block;
	float:left;
	padding: 15px 7px 5px 5px;
/*  uncomment the declaration below if you want to go "full width" */
/*	width:7.47em; */

/	line-height:2em;
}
/* sub-menu Anchors */
#TJK_dropDownMenu li ul li a {
	width:170px/*FF*/;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:1.7em;
	height:1.7em;
	font-weight:normal;
	border:1px solid #fff;
	color:#FFF;
	background: #000066;
	padding: 3px 5px 2px 5px;
	background-position: 0 50% !important;
}
/* :hover and stuff */
#TJK_dropDownMenu li a:hover,
#TJK_dropDownMenu li a:focus,
#TJK_dropDownMenu li a:active {color:#FFF}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#TJK_dropDownMenu ul a:hover,
#TJK_dropDownMenu ul a:focus,
#TJK_dropDownMenu ul a:active {color:#fff !important;background:#0066CC}
/* display and z-index for the sub-menus */
#TJK_dropDownMenu li:hover ul,
#TJK_dropDownMenu li.msieFix ul {display:block;z-index:10;top:2em !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#TJK_dropDownMenu li#AB {z-index:6;}
#TJK_dropDownMenu li#CF {z-index:5;}
#TJK_dropDownMenu li#GJ {z-index:4;}
#TJK_dropDownMenu li#KR {z-index:3;}
#TJK_dropDownMenu li#ST {z-index:2;}
#TJK_dropDownMenu li#UZ {z-index:1;}

/* Current location - class on Body must match LI's id */
.AB #TJK_dropDownMenu li#AB a,
.CF #TJK_dropDownMenu li#CF a,
.GJ #TJK_dropDownMenu li#GJ a,
.KR #TJK_dropDownMenu li#KR a,
.ST #TJK_dropDownMenu li#ST a,
.UZ #TJK_dropDownMenu li#UZ a {color:#000;}
/* Keeping current menu accessible to JAWS */
.AB #TJK_dropDownMenu li#AB ul,
.CF #TJK_dropDownMenu li#CF ul,
.GJ #TJK_dropDownMenu li#GJ ul,
.KR #TJK_dropDownMenu li#KR ul,
.ST #TJK_dropDownMenu li#ST ul,
.UZ #TJK_dropDownMenu li#UZ ul {display:block;top:-1000px}

/* background colors */
#AB,#AB li a {background-color:#e2facd;}
#CF,#CF li a {background-color:#fffcd0;}
#GJ,#GJ li a {background-color:#ffe1cc;}
#KR,#KR li a {background-color:#fccae5;}
#ST,#ST li a {background-color:#c9c9ff;}
#UZ,#UZ li a {background-color:#ffcebe;}
/* "trigger" and "msieFix" classes */
#TJK_dropDownMenu li.msieFix a {}
/* last nested UL. keeping it in */
#TJK_dropDownMenu li#UZ ul {left:-2.3em !important;}

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */
.AB #TJK_dropDownMenu li#AB ul li a:focus,
.AB #TJK_dropDownMenu li#AB ul li a:active,
.CF #TJK_dropDownMenu li#CF ul li a:focus,
.CF #TJK_dropDownMenu li#CF ul li a:active,
.GJ #TJK_dropDownMenu li#GJ ul li a:focus,
.GJ #TJK_dropDownMenu li#GJ ul li a:active,
.KR #TJK_dropDownMenu li#KR ul li a:focus,
.KR #TJK_dropDownMenu li#KR ul li a:active,
.ST #TJK_dropDownMenu li#ST ul li a:focus,
.ST #TJK_dropDownMenu li#ST ul li a:active,
.UZ #TJK_dropDownMenu li#UZ ul li a:focus,
.UZ #TJK_dropDownMenu li#UZ ul li a:active {position:absolute !important;top:1028px !important;}

#TJK_dropDownMenu ul li a {padding-top: 0px; }

/*
div#header div#main_menu ul#main_navigation_menu {
float: left;
list-style: none;
display: block;
width: auto;
}

* html div#header div#main_menu ul#main_navigation_menu {
display: inline;
}

div#header div#main_menu ul#main_navigation_menu li {
float: left;
list-style: none;
display: block;
width: auto;
}

div#header div#main_menu ul#main_navigation_menu li ul {
float: left;
list-style: none;
display: block;
width: auto;
}



div#header div#main_menu ul#main_navigation_menu li ul li {
float: left;
list-style: none;
display: block;
width: auto;
}

*/

#header {
	background-image:  url(/img/template/web-design-one/web-design-header-bg.jpg);
	background-repeat: repeat-x;
	width:             100%;
	height:            152px;
	margin:            0;
}

#header #template-logo {
	width:             430px;
	height:            152px;
	margin:            0 auto 0 auto;
	text-align:        center;
}

#web-design-menu-container {
	width:             100%;
	height:            38px;
	background-image:  url(/img/template/web-design-one/web-design-navigation.jpg);
	background-repeat: repeat-x;
	text-align:        center;
}

#web-design-menu {
	width: 750px;
	margin: 0 auto 0 auto;
}

#web-design-tail {
	width:             100%;
	height:            8px;
	background-image:  url(/img/template/web-design-one/web-design-footer.jpg);
	background-repeat: repeat-x;
	text-align:        center;
}

#web-design-main-content {
	line-height: 15pt;
	letter-spacing: 1px;
	font-size: 10px;
	border-top: 0;
/*	border-left: 1px solid #34275a;
	border-right: 1px solid #34275a;*/
	border-bottom: 0;
	width: 770px;
	margin: 0 auto 0 auto;
/*	background-image:  url(/img/template/web-design-one/web-design-shading-top.jpg);
	background-repeat: repeat-x;
	background-position: top;*/
}

#web-design-main-content { *zoom: 1; clear: both; margin-bottom: 10px; }
#web-design-main-content:after { clear:both; display: block; content: '.'; visibility: hidden; height: 0; }

#web-design-footer {
	width: 770px;
	line-height: 15pt;
	letter-spacing: 1px;
	font-size: 10px;
	border-top: 0;
/*	border-left: 1px solid #34275a;
	border-right: 1px solid #34275a;*/
	border-bottom: 0;
	margin: 0 auto 0 auto;
}

#web-design-footer-content {
	margin:            0 auto 0 auto;
	padding-top:       10px;
	width:             750px;
	height:            40px;
	background-image:  url(/img/template/web-design-one/web-design-break.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align:        left;
}

#main-content-column {
	float: left;
	width: 480px;
/*	height: 400px;*/
/*	border: 1px solid #e9e9e9;*/
	padding-bottom: 15px;
}

#secondary-content-column {
	float: right;
	width: 260px;
/*	border: 1px solid #000;*/
/*	height: 400px;*/
}

#feedControl {
  padding : 0px;
  clear: both;
  margin-top: 15px;
  margin-bottom: 15px;
/*  height: 240px;*/
  width: 240px;
}

.vcard {
	float: left;
	width: 275px;
	border: 1px solid #e9e9e9;
	background-image: url(/img/icons/mf_hcard.png);
	background-repeat: no-repeat;
	background-position: top right;
/*	background-position: 185px 10px;*/
}

.vcard .adr .type, .vcard .tel .type {
	display: none;
}

.email {
	clear: both;
}

.adr {
	margin-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e9e9e9;
}

.tel {
	clear: both;
}

#tel_primary {
	margin-top: 10px;
}

.feedback-form {
	float: right;
	width: 470px;
	border: 1px solid #e9e9e9;
	margin-bottom: 10px;
}

.feedback-map {
	clear: both;
	margin-top: 10px;
	width: 759px;
	position: relative;
	border: 1px solid #e9e9e9;
}

.feedControl { *zoom: 1; clear: both; margin-bottom: 10px; }
.feedControl:after { clear:both; display: block; content: '.'; visibility: hidden; height: 0; }

.info-block {
	float: left;
	width: 240px;
}

.info-block .portfolio-image {
	width: 210px;
	margin: 0 auto 10px auto;
	height: 150px;
	background: #e9e9e9;
	border: 1px solid #CCC;
	position: relative;
	clear: both;
}

.info-block .portfolio-text {
	float: left;
	width: 240px;
	clear: both;
}

div#header div#main-menu a {
color: #FFF;
text-decoration: underline;
display: block;
float: left;
padding: 10px;
padding-top: 0;
padding-left: 6px;
padding-right: 6px;
font-size: 10px;
}

div#header div#main-menu a:hover {
text-decoration: none;
}

.container { *zoom: 1; clear: both; }
.container:after { clear:both; display: block; content: '.'; visibility: hidden; height: 0; }