@import url(reset.css); 
@font-face {
	font-family: 'Conv_NewCenturySchlbkLTStd-Roman';
	src: url('/site/templates/fonts/NewCenturySchlbkLTStd-Roman.eot');
	src: local('☺'), url('/site/templates/fonts/NewCenturySchlbkLTStd-Roman.woff') format('woff'), url('/site/templates/fonts/NewCenturySchlbkLTStd-Roman.ttf') format('truetype'), url('/site/templates/fonts/NewCenturySchlbkLTStd-Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_NewCenturySchlbkLTStd-Bd';
	src: url('/site/templates/fonts/NewCenturySchlbkLTStd-Bd.eot');
	src: local('☺'), url('fonts/NewCenturySchlbkLTStd-Bd.woff') format('woff'), url('/site/templates/fonts/NewCenturySchlbkLTStd-Bd.ttf') format('truetype'), url('/site/templates/fonts/NewCenturySchlbkLTStd-Bd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_NewCenturySchlbkLTStd-It';
	src: url('/site/templates/fonts/NewCenturySchlbkLTStd-It.eot');
	src: local('☺'), url('/site/templates/fonts/NewCenturySchlbkLTStd-It.woff') format('woff'), url('/site/templates/fonts/NewCenturySchlbkLTStd-It.ttf') format('truetype'), url('fonts/NewCenturySchlbkLTStd-It.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background: #ffffff;
}

body, input, textarea, table {
	font-family:'Conv_NewCenturySchlbkLTStd-Roman',Sans-Serif;
	font-size: 16px;
	color: #2f4248;
}

em {
	font-family:'Conv_NewCenturySchlbkLTStd-It',Sans-Serif;
	font-style: normal;
	font-weight: normal;
}

strong {
	font-family:'Conv_NewCenturySchlbkLTStd-Bd',Sans-Serif;
	font-style: normal;
	font-weight: normal;
}

.clearleft {
	clear:left;
}

h1 {
	font-size:16px;
	color: #007bc0;
	font-style: normal;
	font-weight: normal;
}

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

a:hover {
	color: #007bc0;
}


/* container */
.container {
	margin: 40px 40px;
	width: 980px;
}
	
#masthead {
	height: 100px; 
}

#logo {
	float: left;
	width: 145px;
}

/* mainnav */
#mainnav {
	font-family:'Conv_NewCenturySchlbkLTStd-Roman',Sans-Serif;
	padding: 0px 0px 15px 45px;
	display: block;
	float: left; 
	margin: 0;
}

#mainnav li {
	display: inline;
	float:left;
	width:160px;
}

#mainnav a {
	padding: 0 0 4px 0;
	text-decoration: none;
	font-size:24px;
	color: #007bc0;
}

#mainnav a:hover,
#mainnav a.on {
	border-bottom: 1px solid #007bc0;
}

/* subnav */
.subnav {
	padding: 0px 0px 0px 45px;
	display: block;
	float: left; 
	margin: 0;
}

.subteam {
	margin: 0 0 0 180px;
}

.subcontact {
	margin: 0 0 0 480px;
}


.subnav li {
	display: inline;
}


.subnav a {
	text-decoration: none;
	color: #87888a;
}

.subnav a:hover,
.subnav a.on {
	color: #007bc0;
}

/* content */
#content {
	clear: left;
	width: 980px;
}

#sidebar {
	float: left;
	width: 145px; 
	color: #007bc0;
	font-size: 14px;
}

#sidebar .top {
	line-height: 20px;
	font-size: 16px;
	padding: 18px 0 18px 0;
	margin: 0 0 20px 0;
	border-top:solid 2px #007bc0;
	border-bottom:solid 2px #007bc0;
}

/* bodycopy */
#bodycopy {
	float: left;
	padding: 0 0 0 45px;
	width: 700px;
	line-height: 21px;
}

#bodycopy ul{
	padding: 0 0 0 20px;
}

#bodycopy ul li{

	list-style-type: disc;
}

/* basic */
#bodycopy .basicimage {
	margin: 0 0 20px 0;
	width:460px;
}
#bodycopy .basiccontent {
	margin: 0 0 20px 0;
	width:460px;
}

/* home */
#bodycopy .slides {
	margin: 0 0 20px 0;
}

/* contact */
#bodycopy .contactcontent {
	color: #007bc0;
	width:460px;
}

#bodycopy .googlemap {
	font-size:11px;
}

/* cv */
#bodycopy .cvcontainer {
	clear: left;
	font-size:14px;
	margin: 0px 0px 20px 0;
}
#bodycopy .cvyear {
	float:left;
	width: 110px;
}

#bodycopy .cvcontent {
	float:left;
	width: 350px;
}

/* employee */
#bodycopy .employeecontainer {
	clear: left;
	font-size:14px;
	margin: 0px 0px 20px 0;
}

#bodycopy .employeebox {
	padding: 0 20px 0 0;
	float:left;
	width: 205px;
}

#bodycopy .employeeboxlast {
	padding: 0 0px 0 0;
}

#bodycopy .employeeimage {

}

#bodycopy .employeebody {
	margin: 10px 0 20px 0;
}

/* casecontainer */
#bodycopy .casecontainer {
	clear: left;
	font-size:14px;
	margin: 0px 0 20px 0;
}

#bodycopy .casebox {
	padding: 0 20px 0 0;
	float:left;
	width: 205px
}

#bodycopy .caseboxlast {
	padding: 0 0px 0 0;
}

#bodycopy .casetitle {
	color: #007bc0;
	margin: 0px 0 10px 0;
}

#bodycopy .caseimage {
	padding: 0;
	margin: 0;
}
#bodycopy .casetext {
	padding: 0px 0;
	font-size: 11px;
	margin: 0px 0 10px 0;
}
#bodycopy .casebody {
	clear: left;
	width: 460px;
	margin: 30px 0 30px 0;
}

/**
 * The edit link that appears when you are logged in.
 * It is recommended that you implement an edit button 
 * in your templates to make it easy to switch to and
 * from the admin control panel when editing pages. 
 *
 */
#editpage {
	position: absolute;
	top: 0;
	left: 0; 
	padding: 5px 6px; 
	background: #db1174; 
	color: #fff; 
	display: block;
	font-weight: bold; 
}

#editpage:hover {
	background: #ffffcc;
	color: #000; 
}


/**
 * Alignment styles that are used by the InputfieldTinyMCE for 
 * positioning images in bodycopy. If you are using this field type, 
 * you may want to include these or similar styles in your site.
 *
 */
.align_left {
        float: left;
        margin: 0 1em 0.25em 0;
}

.align_right {
        float: right;
        margin: 0 0 0.25em 1em;
}

.align_center {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

/**
 * Optional CSS classes specific to the FieldtypeComments module
 * when used in this site design template. 
 *
 */

#content .CommentList {
	margin: 1em 0 0 0; 
}

	#content .CommentListItem {
		list-style: none; 
		margin: 0;
		border-left: 5px solid #ddd; 
		border-top: 1px dotted #ccc; 
		padding: 1em 0 1px 1em; 
		background: #fff; 
		
	}
		#content .CommentListItem p {
			margin-top: 0; 
		}
		#content .CommentHeader,
		#CommentForm label {
			margin: 0; 
			font-weight: bold; 
			font-size: 11px; 
			text-transform: uppercase; 
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
			color: #3786bc; 
		}
		#content .CommentText {
			color: #666; 
		}

#CommentForm { }

	#CommentForm h3 {
		margin: 0; 
		border: none; 
	}

	#CommentForm label {
		display: block;
		color: #f00076; 
		color: #999; 
	}

	#CommentForm p {
		margin: 0.5em 0;
	}

	.CommentForm_cite,
	.CommentForm_email {
		float: left; 
	}
		.CommentForm_cite input,
		.CommentForm_email input {
			width: 200px; 
			margin-right: 1em; 
		}

	.CommentForm_text {
		clear: left; 
	}
		.CommentForm_text textarea {
			padding: 2px; 
			width: 75%; 
			height: 100px; 
		}

	#CommentForm .error {
		background: #a30000; 
		color: #fff; 
		padding: 0.25em 0.5em; 
	}
	#CommentForm .success {
		font-weight: bold; 	
	}


/**
 * WireFatalError is a class that ProcessWire will use to output
 * fatal errors in the design, but only if debug mode is on, or if
 * you are logged in as a superuser. 
 *
 */
.WireFatalError {
	background: #a30000; 
	color: #fff; 
	padding: 1em; 
	position: relative;
	z-index: 9999;
}