/*
	Veriam site styles

	1. Common Elements
	2. Layout Elements
		- Container
		- Banner
		- Content
			+ Column 1
			+ Column 2
			+ Column 3
			+ Footer
	3. Home Page Specific
*/

/* --- Formatting --- */

body
{ color:#000; font:normal .77em/1.4em verdana,arial,helvetica,sans-serif }

p, address, ul, ol, li, dt, dd, td, th, form, label
{ color:#111; line-height:1.4 }
th, b, strong
{ font-weight:bold }
i, em, cite
{ font-style:italic }
sup, sub
{ font-size:75% }
table, tr, td, th /* IE5 font fix */
{ font-size:100% }


/* Links */
a
{ text-decoration:none }
a:link
{ color:#c30 }
a:visited
{ color:#d41 }
a:hover, a:active
{ text-decoration:underline }


/* Paragraphs */
p
{ margin:0 0 1.4em }
address
{ font-style:normal; margin:0 0 1.4em }

.small, small
{ font-size:92% }
.big, big
{ font-size:130% }
.aligncenter
{ text-align:center }
.alignright
{ text-align:right }


/* Images */
a img
{ border-style:none }
.floatleft /* Floating images */
{ float:left; margin:0 8px 8px 0 }
.floatright
{ float:right; margin:0 0 8px 8px }


/* Separators */
hr
{ color:#b8ae93; background-color:#b8ae93; height:1px; margin:1.3em 0; padding:0; border-width:0; overflow:hidden }
	* html hr /* IE6 fix */
	{ margin:0 0 1em }
	*:first-child+html hr /* IE7 fix */
	{ margin:0 0 1em }


/* Headings */
h1, h2, h3, h4, h5, h6
{ color:#000; margin:0 0 .8em; padding:0; font:bold 140%/1.2 "Lucida Grande",verdana,arial,helvetica,sans-serif }
h1
{ font-size:150% }  /* 18px */
h2
{ font-size:133% }  /* 16px */
h3
{ font-size:124% }  /* 15px */
h4
{ font-size:115% }  /* 14px */
h5
{ font-size:108% }  /* 13px */
h6
{ font-size:108%; margin-bottom:.2em }


/* Lists */
ul, ol
{ margin:0 0 1.4em 40px; padding-left:0 }

dl
{ margin:0 0 1.4em; padding:0; border-top:1px solid #b8ae93 }
	dt
	{ display:block; margin:.7em 0 .1em; padding:0; font-weight:bold }
	dd
	{ margin:1px 0 0; padding:0 0 .7em; border-bottom:1px solid #b8ae93 }

	dt a
	{ color:#000; text-decoration:none }


/* Forms */
form, fieldset
{ margin:0; padding:0 }
input, select, textarea
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }
textarea
{ width:99% }
label
{ vertical-align:middle }




/* --- Layout Elements --- */

body
{ margin:0; padding:0; background-color:#ccc }

#container {
	width:980px;
	margin:0 auto;
	border-left:2px solid #000;
	border-right:2px solid #000;
}

/* Banner
--------------------*/
#banner {
	position:relative;
	width:980px;
	height:102px;
	background:url('../images/back_banner.gif') repeat-x;
}

#logo {
	position:absolute;
	z-index:99;
	top:0;
	left:0;
	width:204px;
	height:129px;
	display:block;
	background:url('../images/logo.png') top left no-repeat;
	text-indent:-9999px; overflow:hidden;
}

	* html #logo {  /* IE png hack (must set absolute path for image) */
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='scale');
		background:none;
	}

/* Login and Contact links */
#site_actions {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:1.2em 10px 1.3em;
	border-left:1px solid #984b47;
	text-align:right;
	color:#fff;
}
#site_actions a {
	color:#fff; padding:2px 5px;
}


/*Content Area
--------------------*/

/* wraps the 3 columns and footer */
#content {
	zoom:1;
	width:980px;
	background:#f6e8c5;
}


/* - Left column - */
#col1
{ width:307px; float:left; margin:40px 25px 3em 20px }
	* html #col1 /* IE double-margin fix */
	{ display:inline }

#col1 h1, #col1 h2
{ zoom:1; position:relative; margin-left:-20px; padding:10px 0 10px 20px; font-weight:normal; 
  color:#504c40; background:#c9bda1 }
  
  #coln
{ width:615px; float:left; margin:40px 25px 3em 20px }
	* html #col1 /* IE double-margin fix */
	{ display:inline }

#coln h1, #coln h2
{ zoom:1; position:relative; margin-left:-20px; padding:10px 0 10px 20px; font-weight:normal; 
  color:#504c40; background:#c9bda1 }

/* Push border over */
#col1 dl, #col1 dl dd
{ zoom:1; position:relative; margin-left:-20px; padding-left:20px }


/* Rotator box */
.box
{ min-height:100px; margin:0 0 1.4em; border:1px solid #ccc; padding:6px; background:#fff }


/* - Center column - */
#col2
{ width:257px; margin:0 8px 2em 27px; padding:40px 15px 0; float:left;
  background:#faf3e0 url("../images/back_middle.jpg") bottom left repeat-x }
	* html #col2 /* IE6 double-margin fix */
	{ display:inline }

#col2 img.intro
{ position:relative; left:-40px }


/* - Right column - */
#col3
{ width:255px; float:right; margin:40px 20px 3em 0 }
	* html #col3 /* IE6 double-margin fix */
	{ display:inline }


#col3 h2 /* Subheading */
{ zoom:1; position:relative; margin:0 -20px .8em -14px; padding:10px 0 10px 14px; color:#504c40; 
  background:#c9bda1; font-weight:normal }


/* Primary navigation */
#navigation
{ margin:0 0 3.5em; padding:0; list-style:none }

#navigation li
{ margin:0; padding:2px 0 }
#navigation li.break /* Large gap */
{ margin-top:1.8em }

#navigation a:link, #navigation a:visited
{ color:#000 }
#navigation li.active a, #navigation li.active a:link, #navigation li.active a:visited
{ color:#c30 }
#navigation a.active
{ font-weight:bold; color:#c30 }

/* Subnavigation */
#navigation ul
{ margin:0 0 .2em 20px; padding:0; list-style-type:none }
#navigation ul li
{ padding:1px 0 }


/* Downloads */
ul.downloads
{ margin:0 0 1.5em; padding:0; list-style-type:none }

ul.downloads li
{ zoom:1; position:relative; margin:0 -20px 0 0; padding:.7em 20px .7em 43px; border-bottom:1px solid #b8ae93; background:url('../images/doc_icon.jpg') no-repeat 0 1em }

ul.downloads li a
{ font-weight:bold }


/* - Footer - */
#footer
{ clear:both; padding:5px 5px 5px 20px; background:#760f0a; border-top:1px solid #ccc; font-size:92% }
#footer p
{ margin:0; padding:5px; color:#fff }
	#footer a:link, #footer a:visited
	{ color:#fff }




/* Homepage
--------------------*/

#home p, #home address, #home ul, #home ol, #home li, #home dt, #home dt a, #home dd, #home td, #home th, #home form, #home label, #home a:link, #home a:visited
{ color:#fff }

#home h1, #home h2, #home h3, #home h4, #home h5, #home h6
{ color:#c59e9d }


#home #banner /* Shrink header */
{ height:48px }

#home #content
{ background:#231817 url('../images/back_home2.gif') repeat-x }


/* Left column */
#home #col1
{ margin-top:150px }

#home #col1 h1, #home #col1 h2, #home #col3 h2
{ margin-left:0; padding:0; color:#c59e9d; background:transparent; font-size:133% }

#home dl, #home dd
{ border-color:#7c4d4c }



/* Accordian */
#home #col2
{ width:322px; margin:0; padding:0; background:transparent none }

#features h3
{ margin:0 0 1px; padding:12px 9px 16px 9px; height:60px; overflow:hidden; background-color:#000; 
  color:#6f6e6e; font-size:160%; text-transform:uppercase; font-weight:normal;
  cursor:pointer; background:#000 }

#features h3.active
{ color:#fff; background:#333 url('../images/home_featuretop1.jpg') no-repeat }

#features h3 span
{ display:block; padding-top:2px; font-size:60% }

#features p
{ margin:0; padding:10px 9px; background:#333 url('../images/home_featureback1.jpg') no-repeat; color:#fff }

#features p#feature1
{ height:405px; background-image:url('../images/home_featureback1.jpg') }
#features p#feature2
{ height:365px; background-image:url('../images/home_featureback2.jpg') }
#features p#feature3
{ height:395px; background-image:url('../images/home_featureback3.jpg') }
#features p#feature4
{ height:405px; background-image:url('../images/home_featureback4.jpg') }




/* Right column */
#home #col3 #navigation
{ margin-bottom:20px; min-height:144px }
	* html #home #col3 #navigation /* IE6 min-height fix */
	{ height:144px }

#home .box
{ text-align:center; background:transparent; border-color:#7f7f7f }


#home #footer
{ background:#241e1e; border-top-color:#5f5655 }