/*** GLOBAL  ***/

html,body{height:100%;}

body {

	font-family:"Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;

	font-size:13px;

	margin:0 auto;

	padding:0;

	color:#000;

	height:100%;

	line-height:18px;

}

* {

	margin:0;

	padding:0;

}

*:focus {

	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you

					 if you want to keep it! */

}

.clr{clear:both}

form{margin:0; padding:0;}

hr {

	border: 0;

	color: #e0e0e0;

	background-color: #e0e0e0;

	height: 1px;

	margin:0px 0px 10px 0px;

	padding:0px;

}


/*** END OF GLOBAL  ***/



/*** DEFAULT ELEMENT STYLES ***/

/* heading */

h1 {margin-bottom:16px; font-family:"Trebuchet MS", Arial, Tahoma, Helvetica; font-weight:normal; color:#000}

h2 {margin-bottom:16px; font-family:"Trebuchet MS", Arial, Tahoma, Helvetica; font-style:bold; color:#003333; font-style:italics}

h3, h4, h5, h6{margin-bottom:8px; font-family:Arial, Verdana, Tahoma; font-weight:bold; color:#000}

h1 {font-size:24px; line-height:24px;}

h2 {font-size:20px; line-height:22px;}

h3 {font-size:16px; line-height:18px;}

h4 {font-size:14px; line-height:15px;}

h5, h6 {font-size:13px; line-height:15px;}



/* links */

a {color:#006666; text-decoration:none;}

a:hover{color:#006666; text-decoration:underline;}

a img{border:none}

.border{ border:1px solid #c5c5c5; padding:3px;}

.imgleft{float:left; margin-right:10px; padding:3px; border:1px solid #c5c5c5;}

.imgright{float:right; margin-left:15px;}

.imgmiddle{vertical-align:middle; padding-right:6px}

/* lists, blockquotes and paragraphs */

p, ul, ol, blockquote {

	font-size:13px;

	line-height:18px;

	margin-bottom:15px;

}

ul, ol {

	margin:10px 0 35px 30px;

}

li {

	margin:10px 0 13px 8px;

}

	list-style:square;

	margin-bottom:0;

	margin-top:0;

}

li ol {list-style:decimal;}

blockquote {

	font-style:italic;

	margin:25px 0 25px 0px;

	color:#6b6b6b;

	padding:10px 20px 10px 35px;

	background-image:url(../images/quote.gif);

	background-repeat:no-repeat;

	}



/* code */

code {

	font-family:Verdana, Arial;

	letter-spacing:1px;

	margin:25px 0 25px 0px;

	display:block;

	font-size:0.9em;

	border-left:4px solid #e0e0e0;

	padding:15px 10px;

}

/*** END OF DEFAULT ELEMENT STYLES ***/



/*** CONTAINER ***/

#top_container{ background-image:url(../images/bg_container_top.gif); background-repeat:repeat-x; background-position:top}

#top_container_inner{ background-image:url(../images/bg_container_inner_top.gif); background-repeat:repeat-x; background-position:top}

#bottom_container{ background-image:url(../images/bg_container_bottom.gif); background-repeat:repeat-x; background-color:#efefef; min-height:229px;}

#footer_container{ background-image:url(../images/bg_container_footer.gif); background-repeat:repeat-x; background-color:#000000; min-height:35px;}

/*** END OF CONTAINER ***/



/*** CENTERCOLUMN ***/

.centercolumn{width:952px; margin:0px auto 0px auto;}

/*** END OF CENTERCOLUMN ***/



/*** TOP ***/

#top{height:60px}

#top ul, #top p, #top a, #top a:visited{color:#fff;}

#top ul{list-style-type:none; margin:0px; padding:0px;}

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

#topcontact{width:476px; float:left; text-align:right; padding:35px 0px 0px 0px}

#topmenu{height:70px; clear:both}

#topmenu ul{list-style-type:none; margin:0px; padding:25px 0px 0px 0px;}

#topmenu ul li{list-style-type:none; margin:0px; padding:0px 10px 0px 25px; float:left; font-size:16px; font-family:"Trebuchet MS", Arial, Tahoma;}

#topmenu ul li span{display:block; font-size:13px;}

#topmenu ul li a, #topmenu ul li a:visited{color:#fff; display:block; padding-left:10px; }

#topmenu ul li a.active{background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:0px 5px;}

#topmenu ul li a:hover{color:#fff; text-decoration:none; background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:0px 5px;}

/*** END TOP ***/



/*** CONTENT ***/

#maincontent{padding:20px 0px 30px 0px;}

#maincontent a, #maincontent a:visited{text-decoration:underline;}

#maincontent a:hover{text-decoration:none;}

#box_container{margin-bottom:30px; width:952px; float:left;}

.box{float:left; width:260px;}

.box.nomargin{margin-left:20px;}

.line_separator{ width:70px; float:left; display:block; background-image:url(../images/line_separator.gif); background-repeat:no-repeat;background-position:center; min-height:200px;}

* html .line_separator{height:200px;}/* ie6 only*/

#content{clear:left;}

.tagline{font-size:16px; line-height:20px; font-style:bold; color:#000; text-align:center;}


/*** END CONTENT ***/




/* CONTACT */

form{margin:0; padding:0;}

fieldset{border:0px;}

#contact_form{margin:0 auto; position:relative}

label{margin-top:3px;}

label.sp { width:3px;}

span.error{color:red;text-align:left;}


/*** END CONTACT ***/



/*** FOOTER ***/

#bottom_container{ padding:25px 0px 5px 0px}

#bottombox_container{float:left; width:952px;}

.bottombox{float:left; width:260px;}

.bottombox{margin-left:85px;}

.bottombox.nomargin{margin-left:0px;}

#bottom_container ul{margin:0px; padding:0px; list-style-type:none;}

#bottom_container ul li{margin:0px; padding:0px 0px 6px 0px; margin-bottom:6px; list-style-type:none; border-bottom:solid 1px #b3b1b1;}

#bottom_container ul li a, #bottom_container ul li a:visited{color:#999999; }

#bottom_container ul li a:hover{color:#999999; list-style-type:none;}

#bottom_container ul.flickr li{display:inline; float:left; border:none; padding:0px 15px 15px 15px;}

#bottom_container ul.flickr li.nomargin{padding:0px 15px 15px 0px;}

#footer_container a, #footer_container a:visited{color:#c2c2c2; text-decoration:underline;}

#footer_container a, #footer_container a:hover{color:#ffffff; text-decoration:none;}

#foot{text-align:center; padding:13px 10px 10px 0px; font-size:11px; font-family:Arial; color:#c2c2c2}


/*** END OF FOOTER ***/