/* WEBSITE BODY */

a:link 		{ color: #0c4d9e !important; }
a:visited	{ color: #000 !important; }
a:hover 	{ color: #000 !important; }
a:active 	{ color: #000 !important; }

body {
	background-image: url(../images/bg_subpages.gif);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
}

/* HEADLINE FONTS */

h1 {
	font-size: 22px;
	color: #00a4d3;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica;
	border-bottom: 1px dotted #ccc;
	padding-bottom: .2em;
}

h1 span {
	line-height: 1.9em !important;
	color:#888888;
	font-size: 18px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: 1px solid #fff;
}

h2, h2 a {
	color: #009bc8 !important;
	font-size: 150% !important;
	font-weight: normal !important;
	margin-top: 1.5em;
	line-height: 1.5em;
}

h2 {
	padding-bottom: .3em;
	background-image: url(../images/divider.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

h2 a {
	font-weight: normal !important;
	font-size: 115% !important;
	text-decoration: underline !important;
}

a .cufon { border-bottom: 1px solid #009bc8; }
a:visited .cufon { border-bottom: 1px solid #000; }

.h2link {
	background-image: none;
	padding-bottom: 0px;
	font-size: 1.3em !important;
}
.h2link a { color: #009bc8 !important; text-decoration: none !important; }
.h2link a:visited {	color: #000 !important; }
.h2link a:hover {	color: #000 !important; }

h3 {
	font-size: 1em !important;	
	padding-top: .5em;
}


/* WRAPPER */
#wrapper {
	margin: auto;
	width: 900px;
	position: relative;
}

/* HEADER */
#header {
	width: 900px;
	height: 74px;
	background-image: url(../images/header_bg.gif);
	background-repeat: no-repeat;
}

/* LOGO */
#logo {
	float: left;
	width: 183px;
	height: 31px;
	margin-top: 24px;
}


/* NAVIGATION */

#navigation {
	float: right;
	height: 74px;
	margin-right: -20px;
}

#nav {
	float: none;
	height: 50px;
	padding-top: 10px;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
}

#nav li {
	float: left;
	height: 43px;
	padding-top: 0px;
	margin-right: 15px;
	padding-bottom: 5px;
	margin-top: 0px;
	list-style:none;
	display:block;
	background-color: #1c1d14;
	font-size: 1.1em;
}	

#nav li.active {
	text-decoration:none; 
	background-image: url(../images/navi_arrow.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	color: #00a4d3 !important;
	height: 43px;
}

#nav li.active a, #nav li a:hover {
	text-decoration:none; 
	color: #00a4d3 !important;
}

#nav li a {
	color: #FFFFFF !important; 
	text-decoration:none !important;
	border-bottom: 0px !important;
}

#nav li a .cufon { border-bottom: none; }
#nav li a:visited .cufon { border-bottom: none; }

/* FEATURED */
#description {
	width: 900px;
	height: 118px;
	background-image:url(../images/sub_bg.gif);
	background-repeat:no-repeat;
}

#description_headline {
	position: relative;
	width: 900px;
	height: 118px;
	float: left;
}

#description_headline img {
	border: none;
}

/* CONTENT */
#content {
	width: 900px;
	margin-top: 40px;
}

#content a {
	font-size: 12px;
	color: #00a4d3;
	text-decoration: underline;
}

.headline_line {
	margin-top: -15px;
}

#c_left {
	width: 610px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;	
	margin-top: -20px;
}

#c_left ul {
	margin-left: 4px;
}

#c_left ul li, .bullet-list {
	list-style: disc;
	list-style-image: url(../images/bullet.gif);
}

.bullet-list li {
	margin-left: -23px;
	margin-bottom: .5em;
}

#text_left {
	width: 96% !important;
	float: right;
	margin-top: -10px;
	padding-right: 4% !important;
}

#c_right {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	height: 700px;
	width: 250px;
	margin-top: -20px;	
}

#c_right h3 {
	font-size: 1.6em !important;
}

#c_right .right {
	position: relative;
	margin-left: -40px;
	margin-top: 75px;
	font-size: 90%;
	padding-top: .4em;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 2em;
	background-color: #d0f4ff;
	background-image: url(../images/right_bg.jpg);
	background-position: top right;
	background-repeat: repeat-x;
	border: 1px dotted #ccc;
}

#c_right .right a { font-size: 100%; color: #000; }
#c_right .right h3 { font-size: 150%; padding-top: 0px; padding-bottom: 0px;}

.image {
	display: block;
	width: 95px;
	height: 82px;
	float:left;
	padding-top: 4px;
}

.photo {
	float: right;
	padding: .8em;
	border: 1px solid #ccc;
	margin-top: 1em;
	margin-right: 1.5em;
}

.text_right {
	width: 205px;
	float: right;
}

.divider {
	width: 300px;
	height: 5px;
	padding-top: 20px;
}

#rss {
	width: 300px;
}

#c_clients {
	width: 900px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #888888;
	padding-top: 15px;
}

/* Footer */

#footer {
	width: 900px;
	margin-top: 30px;
}

#footer_left {
	width: 450px;
	float: left;
	color: #888888;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer_right {
	width: 450px;
	float: right;
	color: #888888;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#footer_right a { font-size: 11px; }

/* --- CONTACT FORM --- */

.form_nm {
	background-color: #ffffff;
	color: #888888;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	border: 1px solid #d5d5d5;
	text-indent: 3px;
	width: 150px;
	height: 20px;
}

.form_tf {
	background-color: #ffffff;
	color: #888888;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	border: 1px solid #d5d5d5;
	text-indent: 8px;
	line-height: 18px;
	width: 325px;
	height: 130px;
	padding-top: 5px;
}

.todo {
	font-weight: bold;
	color: red;
	text-decoration: blink;
}

.back-to-top a {
	float: right;
	font-size: 90% !important;
	margin-bottom: 1em;
}

#c_left ul li { margin-bottom: .5em; }
ul.long-list { padding-left: 2.2em; }
ul.long-list li  { margin-bottom: .7em; }
.clear { clear: both !important; }

.contactme { background-color: #e6faff; padding: 1em; font-weight: bold; margin-top: 2em; font-size: 120%; text-align: center; }
.contactme a { font-size: 100% !important; }

.value {
	float: left;
	width: 45%;
	height: 120px;
	margin-right: 2em;
}
.value h3 { margin-top: 0px; margin-bottom: -8px; font-size: 100%; }

/* CONTACT FORM CLASSES */
#contact { display: block; width: 200px !important; margin: 70px; padding: 35px; border: 1px solid #cbcbcb; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius:5px; }
label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 100px; font-size: 1em; font-weight: bold; margin-top: .3em; }
input, textarea, select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.1em Verdana, Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
textarea { margin-left: 7.7em; margin-top: -18px; }
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; float: right; padding-left: 1em; padding-right: 1em;}
input.submit:hover { background:#444; }
fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; margin-left: -1px; margin-right: -2px; }
legend { display: none; }
hr { border: 1px dotted #ccc; border-bottom: 1px solid #fff; }
/* Style for the error message */
.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }
/* end contact form classes */


#quote fieldset { padding-top: 0px; padding-bottom: .8em; margin-right: -1px; margin-left: -1px; }
#quote label { width: 300px; padding-right: 1em; line-height: 1.5em; }
#quote textarea { clear: both; margin-left: 0px; width: 535px; height: 150px; margin-top: 0px; }
#quote label.long-label { width: 100%; }
#quote select { width: 236px; margin-top: 0px; margin-bottom: .8em; }
#quote input { margin-top: -1px; margin-bottom: .8em; }

.required { color: red; }

.floatLeft { float: left; }
.floatRight { float: right; }
.textLeft { text-align: left; }
.textRight { text-align: right; }

.portfolio { margin-top: 1em; clear: both; }
.hr { clear: both; height: 1px; background-image: url(../images/divider.gif); background-position: center left; background-repeat: no-repeat; padding-top: 1em; padding-bottom: 1em;}
.portfolio h1 { margin-top: 11px !important; }
.portfolio h1 span { line-height: 1.6em !important; }
.portfolio h2 { background-image: none; margin-top: 0px; }
.portfolio h3 { font-size: 1em; padding-top: .5em; padding-bottom: .5em; border-bottom: 1px dotted #ccc; margin-bottom: 1em !important; }
.portfolio .images { float: left; margin-right: 1em; }
.portfolio .images .text p, .portfolio .images .text a { font-size: 90% !important; margin-top: 0px; }
.portfolio .images .text ul { padding-left: 15px; }
.portfolio .images .text li { margin-bottom: 0px !important; }
.portfolio img { margin-right: .85em; margin-bottom: 1em; padding: .7em; border: 1px solid #ccc; }
.portfolio a:link 	{ color: #00a4d3; }
.portfolio a:visited{ color: #000 !important; }
.portfolio a:hover 	{ color: #000 !important; }
.portfolio a:active { color: #000 !important; }
.portfolio h2.work { font-size: 1.6em !important; margin-top: 10px; margin-bottom: 0px; padding-bottom: 0px; }

.bodytext {
	margin-left: 290px;
}

.bodytext h2 { 
	font-size: 1.4em !important;
}

.bodytext h2 a {
	text-decoration: none !important;
	font-size: 1em !important;
}

.bodytext h2 span {
	border: 1px solid #fff;
}

.bodytext a .cufon { border-bottom: 1px solid #0c4d9e; }
.bodytext a:visited .cufon { border-bottom: 1px solid #000; }

.togglebox-link {
	margin-top: -12px;
}

#gallery-thumbnails img {
	float: left;
	padding: .7em;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	border: 1px solid #ccc;
}

#gallery-thumbnails img:hover { 
	background-color: #b4e4f2;
	border: 1px solid #75c6de;
}

.gallery img:hover, .images img:hover {
	background-color: #b4e4f2;
	border: 1px solid #75c6de;
}

.portfolio-img {
	text-align: center;
	padding-top: 0px !important;
}

.quote, .testimonial p, .testimonial p a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.1em !important;
}

.quote { font-size: 1em !important; font-weight: bold; }

.testimonial .text_right {
	font-style: normal;
	width: 100%;
	text-align: right;
	margin-bottom: 30px;
	font-size: 1em !important;
}

#c_left a[href^="http:"], .external a[href^="http:"], #footer_right a[href^="http:"] {
	padding-right: 14px;
	background-image: url(../images/external-link.png);
	background-position: top right;
	background-repeat: no-repeat;
}

#c_left a[href^="http:"]:hover, .external a[href^="http:"]:hover, #footer_right a[href^="http:"]:hover {
	padding-right: 14px;
	background-image: url(../images/external-link.png);
	background-position: top right;
	background-repeat: no-repeat;
}

#c_left.no-external a[href^="http:"] {
        background: transparent;
        padding-right: 0px;
}

#c_left.no-external a[href^="http:"]:hover {
        background: transparent;
}

.external {
	padding-right: 14px !important;
	background-image: url(../images/external-link.png) !important;
	background-position: top right !important;
	background-repeat: no-repeat !important;
}

.sitemap li { font-weight: bold; }
.sitemap li ul { margin-top: 5px; padding-left: 25px; } 
.sitemap li ul li { font-weight: normal; }

.contacts-list {
	overflow: hidden;
	padding: 0 0 16px;
	width: 100%;
}
.contacts-list dl {
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 8px 0 0 3px;
	width: 397px;
	line-height: 16px;
	list-style: none;
}
.contacts-list dt {
	float: left;
	margin: 0;
	padding: 0 0 16px;
	width: 136px;
	font-weight: bold;
}
.contacts-list dd {
	float: left;
	margin: 0;
	padding: 0 0 16px;
	width: 261px;
}