/* Start of CMSMS style sheet 'its4rk' */
body {
	background: #e5e5e5 url(/images/background.gif) repeat-y; 
	background-position: 50% 0;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	font: 12px/18px Arial;
}

h1 {
margin: 17px 0 20px 0;
padding: 0;
font-size: 26px;
font-weight: normal
}

h2 {
	font-size: 16px;
	margin: 30px 0 10px 0;
	padding: 0;
    clear: both
}


h3 {
	padding: 0;
	margin: 0;
	font-size: 12px;
}

p {
margin: 0 0 20px 0;
padding: 0
}

a { 
	text-decoration: none; 
	color: #009900;
	outline: none
	}

	a:visited { 
	color: #009900;
	}

	a:hover { 
	color: #33CC33;
	}

/* layout */

#container { 
	text-align: left;
	width: 814px; 
	margin: 0 auto;
	position: relative;
	}

#header {
	background:  url(/images/headerimage.jpg) no-repeat;
	background-position: 235px 136px;
	height: 337px;
	padding-top: 38px;
}

#header a {
background: url(/images/logo.gif) no-repeat;
width: 294px;
height: 65px;
display: block;
margin-bottom: 33px;
text-indent: -1000em
}

#header h3 {
background: url(/images/headerquote.gif) repeat-x;
height: 239px;
width: 233px;
text-indent: -1000em
}

#searchForm {
	position: absolute;
	top: 57px;
	right: 0
	}

#subColumn {
    float: left;
    width: 233px;
	padding: 32px 0;
	margin-bottom: 20px;
}

#subContent {
	
}

	#subColumn ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	#subColumn li a {
		border-bottom: 1px solid #DEDEDE;
		padding: 10px 20px 10px 30px;
		display:block;
background: #f7f7f7
	}
	
		#subColumn li li a {
			padding: 10px 20px 10px 40px;
		}

.parent {font-weight: bold}
	
	
	#subColumn p {
	padding: 0;
	font-size: 11px;
	}
	
	#subColumn h2 {
	padding: 40px 0 20px 0;
margin:0
	}

	#subColumn h3 {
	margin: 0 20px 0 0
	}


#mainColumn {
         width: 530px;
         float: right;
padding-bottom: 40px;
padding-top: 20px
}


#footer {
	clear: both;
	border-top: 2px solid #000;
	padding: 30px 0;
color: #666
}


/* common styles */

.imageLeft {float: left; display: block; margin-right: 10px}

.moreLink {display: block; margin-top: 10px}

.alignRight {
	float: right;
}
	
.alignCenter {
	text-align: center
}
	
.alignLeft {
	float: left
}

#mainMenu {
background: #f7f7f7;
padding-top: 20px;
border-bottom: 1px solid #DEDEDE
}

#nav {
    list-style-type: none;
	margin: 0 auto;
	padding: 0 0 20px 0;
	font-size: 18px;
width: 825px
}

#nav li {
	display: inline;
	margin: 0 20px 0 30px
}

#nav li a {
	color: #000
}

#nav li.current a, #nav a:hover {
 color: #009900;
}

#footer ul {
    list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
	color: #666;
	line-height: 1em
}

#footer li {
	display: block;
	float: left;
	border-left: 1px solid #666;
	padding: 0 5px;
}

#footer li.first {
border: 0;
padding-left: 0
}

#footer a {
	color: #666
}

#footer a:hover {
	color: #33CC33;
}

#footer .greenpea { 
	color: #009900!important;
	}

	#footer .greenpea:hover { 
	color: #33CC33!important;
	}

#footer span {
float: right;
width: 200px;
text-align: right
}

/* forms */

form {
	margin: 0;
	padding: 0
}

form fieldset {
	padding: 0;
	border: 0
}

form legend {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 20px;
	color: #000
}

select, input, textarea {
	vertical-align: middle;
	font-family: Arial, helvetica, sans-serif;
	font-size: 1em
}

#mainColumn form {
	margin: 20px 0 0 0;
	padding: 35px 35px 10px 35px;
	border: solid 1px #DEDEDE;
	background: #F7F7F7
}

#mainColumn form p {
	clear: both;
}

#mainColumn .input label {
	display: block;
	width: 110px;
	float: left;
	text-align: right;
}

#mainColumn .checkbox label {
	width: 300px;
	text-align: left;
	display: inline;
	float: none;
	margin: 0;
}

#mainColumn .input input, #mainColumn .input textarea, #mainColumn .input select {
	border: solid 1px #DEDEDE;
	width: 305px;
	background: #fff;
	padding: 4px;
	margin-left: 10px
}

#mainColumn .checkbox input {
	margin-left: 120px;
	border: none;
	width: auto;
	padding: 0;
	background-color: transparent
}

#mainColumn .input span {
	font-size: .9em;
	color: #999;
	display: block
}

#mainColumn .input span a {
	color: #000;
}


#mainColumn .button input, #mainColumn .input span {
	margin-left: 120px;
}


.error_message {
	padding: 20px 20px 20px 80px;
	margin: 0;
	background: #FDF5D8 url(/images/icon_warning.gif) no-repeat;
	background-position: 20px 12px;
	border: 1px solid #FFCC66;
	font-weight: bold;
	font-size: 1.2em;
}

.success_message {
	padding: 20px 20px 20px 80px;
	margin: 0;
	background: #F2FFE4 url(/images/icon_success.gif) no-repeat;
	background-position: 20px 12px;
	border: 1px solid #99CC66;
	font-weight: bold;
	font-size: 1.2em;
}

.error_message dt {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0
}

.error_message dd {
	margin: 0;
	padding: 0
}

form span.error {
	color: #FF9900!important
}

#searchForm label {
display: none
}

#searchForm input {
float: left;
background:transparent url(/images/formbackground.gif) no-repeat scroll 0 0;
border:0;
padding:4px;
width:190px;
}

form #searchButton {
background:none;
border:0;
padding:0;
width:auto;
}

/* homepage */
#homepageContainer {
clear: both;
background: url(/images/homepage_background.gif) repeat-x;
background-position: 0 86px;
}

	#homepageContainer h2 {
	background: url(/images/homepagetitlesoff.gif) no-repeat;
	margin-top: 0;
	font-size: 24px;
	font-weight: normal
	}
	
	#homepageContainer #homeCol2 h2, #homepageContainer #homeCol3 h2 {
	background: url(/images/homepagetitles2off.gif) no-repeat;
	}

	#homepageContainer h2 a {
	display: block;
	padding: 15px 0 15px 20px;
	color: #000
	}
	
	#homepageContainer h2 a:hover {
	background: url(/images/homepagetitleson.gif) no-repeat;
	color: #009900
	}
	
	#homepageContainer #homeCol2 h2 a:hover, #homepageContainer #homeCol3 h2 a:hover {
	background: url(/images/homepagetitles2on.gif) no-repeat;
	}

#homepageContainer p {
margin: 17px
}

#homeCol1 {
float: left;
width: 233px;
position: relative;
padding: 86px 0 0 0;
}

#newsCol {
background: #F7F7F7 url(/images/homepage_backgroundcol1.gif) repeat-x;
padding-bottom: 15px
}

#homeCol2, #homeCol3 {
float: left;
width: 288px;
position: relative;
padding: 86px 0 15px 0;
}

#homeCol1 {
border-right: 2px solid white;
background: url(uploads/images/image_col1.jpg) no-repeat;
}

#homeCol2 {
border-right: 2px solid white;
background: url(uploads/images/image_col2.jpg) no-repeat;
}

#homeCol3 {
background: url(uploads/images/image_col3.jpg) no-repeat;
}

#homeCol1 img, #homeCol2 img, #homeCol3 img {
position: absolute;
top: 0;
left: 0
}

/* homepage twitter news */

#twitter_update_list {
list-style-type: none;
margin: 0;
padding: 0
}

#homepage #twitter_update_list li {
margin: 17px
}

#twitter_update_list li {
margin: 17px 0
}

/* about us */

#about-us #subColumn img {
float: left;
padding-right: 10px
}

#about-us #subColumn span, #our-work #subColumn span {
display: block;
text-align: right;
font-size: 10px
}



/* End of 'its4rk' */

