/* www.kulander.net CSS file */
* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#52616a url(../../images/body-bg.gif) top repeat-x;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}
.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:0.75em;
		line-height:1.333em;
		color:#4f5a5b;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {
	color:#990000;
}
a.espanol {
	padding-right: 18px;
	background: transparent url(../images/english.png) no-repeat right center;
}
a.external {
	padding-right: 18px;
	background: transparent url(../images/external.png) no-repeat right center;
}
a.email {
	padding-right: 18px;
	background: transparent url(../images/email.png) no-repeat right center;
}
a:hover{
	text-decoration:none;
	color: #000000;
}
p {padding-top:15px;}
strong {color:#000000;}

/* ============================= main layout ====================== */

.link {background:url(../images/link-bg.gif) no-repeat 0 4px; padding-left:19px; display:inline-block; margin-top:20px;}
.row1 .link {background:url(../images/link-bg.gif) no-repeat 0 4px; font-weight:bold; color:#000000; padding-left:19px; margin-top:13px;}
.extra .link a {font-weight:normal;}

.link2 {font-weight:bold; color:#000000; margin-top:13px;}
.row1 .link2 {
	margin-top:20px;
	font-weight:normal;
	color:#CC0000;
}

li { background:url(../images/list-bg.gif) no-repeat 0 8px; padding-left:15px; font-weight:bold; line-height:1.667em; position:relative;}
li a {color:#0088a3; text-decoration:none;}
li a:hover {text-decoration:underline;}

.list li {background:none; padding:0; font-weight:normal;}
.list li a {color:#8dc904; text-decoration:underline;}
.list li a:hover {text-decoration:none;}

cite {font-style:normal;}

.relative {position:relative;}
.imgindent {margin:0 20px 0 0; float:left;}

h2 {background:url(../images/title1-tail.jpg) top repeat-x; line-height:1em; color:#ffffff; padding:13px 0 14px 15px;}
.title {background:url(../images/title2-tail.jpg) top repeat-x;}
h3 {border-bottom:2px solid #b7dee2; font-size:1.167em; color:#000000; padding:0 0 17px 16px;}

h4 { background:url(../images/h4-tial-bg.gif) top repeat-x; color:#ffffff; position:relative; margin-top:-1px;}
h4 span {display:block; padding:8px 0 14px 15px; background:url(../images/h4-bg.jpg) top right no-repeat;}

/* ============================= content ====================== */

.title1-bg { position:absolute; top:0; right:0; margin:14px 26px 0 0;}
.title2-bg {position:absolute; top:0; right:0; margin:14px 14px 0 0;}

#content {background:#ffffff; padding:0 20px;}
#content .indent {background:url(../images/line1.gif) top left repeat-x; padding:14px 0 20px 0;}

.col-pad1 {padding-right:12px;}
.col-pad2 {padding-right:10px;}
.col-pad3 {padding-right:15px;}

.row1 {background:url(../images/line2.gif) bottom left repeat-x; padding-bottom:12px;}
.row1NoLine {padding-bottom:12px;}
.row2 {padding:31px 0 0 0;}
.row3 {background:url(../images/line2.gif) bottom left repeat-x; padding-bottom:12px;}

.indent1 {padding:20px 10px 20px 15px;}
.row1 .indent1 {padding:16px 10px 20px 15px;}
.padding1 {padding-top:6px;}
.padding2 {padding-top:4px;}

.color2 {color:#4f5a5b;}
.color3 {color:#0088a3;}
.text2 {line-height:1.667em;}
.text3 {line-height:1.5em;}
.line3 {background:url(../images/line3.gif) bottom left repeat-x; padding-bottom:16px; margin-bottom:9px;}
.phone {float:right; margin-right:220px;}
.extra {padding:0 0 30px 20px;}
.fields {
	line-height:1.5em;
	float: right;
	color: #FF0000;
		}

/* style for portfolio */
.client {
	font-size:1em;
	color:#000000;
	font-weight: bold;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* style for portfolio ends */

/* ============================= footer ====================== */

#footer {
	color:#999999;
	font-size:0.833em;
	line-height:1em;
}
#footer span {text-transform:uppercase;}
#footer a {
	color:#AC9199;
}
#footer .menu {width:100%; overflow:hidden;}
#footer .menu ul {margin-left:-12px; font-size:1.1em; padding:20px 0 2px 0;}
#footer .menu li {display:inline; border-left:1px solid #95a4ad; background:none; padding:0 7px 0 11px;}
#footer .menu li a {
	color:#CCCCCC;
	font-weight:normal;
	text-transform:uppercase;
}
#footer .menu li a:hover {
	color:#FFFFFF;
}

/* ============================= forms ============================= */

.button {color:#ffffff; border:1px solid #000000; background:url(../images/button-ok.gif) top repeat-x #38454c; text-decoration:none; font-weight:bold; display:inline-block; padding:3px 14px 4px 14px; vertical-align:middle;}
.button:hover { background:url(../images/button-ok-hover.gif) top repeat-x #3c4850;}

#NewsForm {border:1px solid #576871; margin:17px 0 0 17px;}
#NewsForm .rowi {padding:20px 0 10px 14px;}
#NewsForm .input {width:178px; height:22px; border:1px solid #758e9d; background:none; padding:0 0 0 5px; font-size:1em;}
#NewsForm .link3 {color:#000000; font-size:0.917em; line-height:3em;}

#ContactForm {border:1px solid #576871; width:500px; margin:7px 0 0 17px;}
#ContactForm .form-div {padding:20px 16px 10px 14px;}
#ContactForm .rowi {padding-bottom:5px;}
#ContactForm .input {
	width:230px;
	height:22px;
	border:1px solid #758e9d;
	background:#ffffff;
	padding:0 0 0 5px;
	font-size:1em;
	font-weight: bold;
}
#ContactForm .button {float:right; margin:5px 0 0 5px;}
textarea {
	width:230px;
	height:85px;
	border:1px solid #758e9d;
	background:#ffffff;
	padding:0 0 0 5px;
	overflow:auto;
	font-size:0.917em;
}