/* CSS Document */

/* ------- TABLE OF CONTENTS ------------

    Project:  	Trean Corporation  
   Packaged: 	
    Version: 	v1.0
     Author: 	Matt Johnson & Laura Hand
Last Change:    
 
1. Import
2. Structure
3. PageSpecific
4. Typography

---------- END TABLE OF CONTENTS -------*/

/* 1. Import 
----------------------------------------*/
@import url("/css/reset.css"); /* import the forbin reset style sheet - browser default styles */
@import url("/css/global.css"); /* import the forbin global style sheet - contains common styles */
@import url("/css/colorbox.css"); /* import the colorbox style sheet - contains common styles */

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

/* jQuery Browser Sniffer --- attaches 2 classes to your body tag to say what browser and what version is being used so you've got 2 levels of granularity. Possible values are... */
.browserIE { }
.browserIE6 { }
.browserIE7 { }
.browserIE8 { }
.browserChrome { }
.browserSafari { }
.browserFirefox { }
/* 2. Structure 
----------------------------------------*/
body {
	background:url(/images/bg.gif) repeat-x top left #d2d1d1;
	font-size:13px;
	font-family:"Segoe UI","Lucida Grande",Tahoma,Arial,sans-serif;
	line-height: 23px;
}
.container { width:960px; margin:0 auto;  }


/* HEADER */
#header {  height:103px;  }
#header a.logo { width:144px; height:77px; top:-50px; left:12px; background:url(/images/logo-trean-corporation.gif) no-repeat; text-indent:-9999px; }
.flashLogo { position:relative; top:10px; width:144px; }
#header a.phone { width:182px; height:43px;  background:url(/images/gx-phone.gif) no-repeat;  text-indent:-9999px; top:20px; right:0px; }

/* Vertical NAVIGATION */	

.marketing {float:right; margin-top:76px;}
.navigation {display:inline-block; width:309px; height:371px; margin:0; padding:0;}
.navigation li {margin:0; padding:0; list-style:none;}
.navigation li.title {
	width:309px;
	height:76px;
	background-image: url(/images/gx-trean-reinsurance-services.jpg);
	background-repeat:no-repeat;
}

.navigation li a.nav01 {width:309px; height:38px; background:url(/images/bg-verticalnav.jpg) no-repeat 0 -0px; text-indent:-9999px; display:block;}
.navigation li a.nav01:hover {background-position:-309px 0px;}

.navigation li a.nav02 {width:309px; height:33px; background:url(/images/bg-verticalnav.jpg) no-repeat 0 -38px; text-indent:-9999px; display:block;}
.navigation li a.nav02:hover {background-position:-309px -38px;}

.navigation li a.nav03 {width:309px; height:33px; background:url(/images/bg-verticalnav.jpg) no-repeat 0 -71px; text-indent:-9999px; display:block;}
.navigation li a.nav03:hover {background-position:-309px -71px;}

.navigation li a.nav04 {width:309px; height:33px; background:url(/images/bg-verticalnav.jpg) no-repeat 0 -104px; text-indent:-9999px; display:block;}
.navigation li a.nav04:hover {background-position:-309px -104px;}


.navigation li a.nav05 {width:309px; height:33px; background:url(/images/bg-verticalnav.jpg) no-repeat 0 -137px; text-indent:-9999px; display:block;}
.navigation li a.nav05:hover {background-position:-309px -137px;}

.navigation li a.nav06 {width:309px; height:33px; background:url(/images/bg-verticalnav.jpg) no-repeat 0 -170px; text-indent:-9999px; display:block;}
.navigation li a.nav06:hover {background-position:-309px -170px;}

.navigation li.blank {
	width:309px;
	height:92px;
	background-image: url(/images/nav-blank.jpg);
	background-repeat:no-repeat;}

/* Main nav that displays main division tabs */
#horizontalNav { padding:0; list-style:none; width:707px; height:38px; z-index:500; position:absolute; right:0; top:65px; margin:0 0 20px 0;}
#horizontalNav a {display:block;}
#horizontalNav li {float:left; list-style:none;}
#horizontalNav li a {text-indent:-9999px; height:38px;}
#horizontalNav li ul {margin-left:7px;}

#horizontalNav li ul li a {background-color:#003c79; color:#fff; text-indent:0; float:none; margin:0; padding:8px 15px 5px 15px; display:block; height:30px;  border-left:1px solid #dcdbdb;  border-right:1px solid #dcdbdb;  border-bottom:1px solid #dcdbdb; text-decoration:none; font-size:14px; font-weight:bold; z-index:500; }
#horizontalNav li ul li a:hover { background-color:#e4e4e4;}

#horizontalNav li.nav01 {width:164px; height:38px; }
#horizontalNav li.nav01 a {width:164px; background:url(/images/bg-horizontalnav.gif) no-repeat -0px 0;}
#horizontalNav li.nav01 a:hover {background-position:-0px -38px;}
#horizontalNav li.nav01 ul {position:absolute; background:#035636; width:175px; left:-9999em; top:38px; }
#horizontalNav li.nav01 ul li a{background:#035636; margin-left:-7px;  width:175px;}
#horizontalNav li.nav01 ul li a:hover {background-color:#01663f;}

#horizontalNav li.nav02 {width:173px; height:38px; }
#horizontalNav li.nav02 a {width:173px; background:url(/images/bg-horizontalnav.gif) no-repeat -164px 0; }
#horizontalNav li.nav02  a:hover {background-position: -164px -38px;}
#horizontalNav li.nav02 ul {position:absolute; background:#306396; width:175px; left:-9999em; top:38px; }
#horizontalNav li.nav02 ul li a{background:#153d65; margin-left:-7px;  width:175px;}
#horizontalNav li.nav02 ul li a:hover {background-color:#306396;}

#horizontalNav li.nav03 {width:193px; height:38px; }
#horizontalNav li.nav03 a {width:193px; background:url(/images/bg-horizontalnav.gif) no-repeat -337px 0;}
#horizontalNav li.nav03 a:hover {background-position:-337px -38px;}
#horizontalNav li.nav03 ul {position:absolute; background:#993300; width:175px; left:-9999em; top:38px; }
#horizontalNav li.nav03 ul li a{background:#862e03; margin-left:-8px;  width:175px; }
#horizontalNav li.nav03 ul li a:hover {background-color:#993300;}

#horizontalNav li.nav04 {width:177px; height:38px; }
#horizontalNav li.nav04 a {width:177px; background:url(/images/bg-horizontalnav.gif) no-repeat -530px 0;}
#horizontalNav li.nav04 a:hover {background-position:-530px -38px;}
#horizontalNav li.nav04 ul {position:absolute; background:#cc6633; width:230px; left:-9999em; top:38px; }
#horizontalNav li.nav04 ul li a{background:#bc511c; margin-left:-8px;  width:230px; }
#horizontalNav li.nav04 ul li a:hover {background-color:#cc6633;}

#horizontalNav li:hover ul, #nav li.sfhover ul {left:auto;}
#horizontalNav li ul li a:hover { color:white;}

/* MAIN CONTENT */	
#content { background:#fff;  padding-bottom:10px; overflow:hidden;}
#mainContent { padding-left:20px;  padding-right:25px; overflow:hidden;  margin:0 0 0 0; color:#333; background-color:#FFF;  }
.main {width:930px;}
.borderRight { border-right:1px solid #806338; padding-right:20px; }
.borderLeft { border-left:1px solid #5c421c; padding-left:20px; }
.rightSetting { width:27%;  padding:3% 1% 0 1%;  float:right; }
#sidebar {
	width:270px;
	padding:15px 15px 15px 15px;
	float:right;
	margin:15px 15px 15px 15px;
 background-color:#f0f0f0;
	
	border:1px solid #306396; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
}
#sidebarHome {
	width:338px;
	padding:15px 15px 15px 15px;
	float:right;
	margin:15px 15px 15px 15px;
 background-color:#f0f0f0;
	
	border:1px solid #306396; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
}

body.team #sidebar ul { list-style:none !important; margin:15px 0 0 0;}

/* FOOTER */
#footer {  margin:0; padding:0; background:url(/images/bg-footer.jpg) repeat-x #1c1c1b; color:#fff; font-family:Tahoma, Geneva, sans-serif;}
.browserIE6 #footer .footerContainer {height:180px;}
#footer .footerContainer { width:972px; min-height:180px; position:relative; margin:0 auto;}
#footer .footerContainer h3 {color:#fff; font-size:13px; padding:0px 0px 0px 0px; margin:0px 0px 7px 0px}
	.footerContainer ul li {list-style:none; margin-left:15px;}
	.footerContainer ul li a {color:#CCC; font-size:12px; text-decoration:none; line-height:18px;}
	.footerContainer ul li a:hover {text-decoration:underline;}
	.footerContainer .address { position:absolute; top:10px; left:20px;}
	.footerContainer .column1 {width:210px; position:absolute; top:44px; left:20px;}
	.footerContainer .column2 {width:230px; position:absolute; top:44px; left:190px;}
	.footerContainer .column3 {width:260px; position:absolute; top:44px; left:450px;}
	.footerContainer .column4 {width:250px; position:absolute; top:44px; left:725px;}

/* Copyright */
.copyright {height:101px; clear:both; background:url(/images/bg-copyright.gif) repeat-x #1c1c1b; color:#fff; line-height:21px; font-size:12px;}
.copyrightContainer {width:972px; margin:0 auto; position:relative; padding-top:25px;}
.copyright a { color:#51a2d1; }
	.company { width:700px; height:25px; float:left; position:absolute; top:40px; left:40px;}
	a.forbin { width:142px; height:35px; background-color:#F00; background:url(/images/logo-vgm-forbin.gif) no-repeat; display:block; text-indent:-9999px; position:absolute; top:40px; right:20px;}
	

/* 3. PageSpecific  
----------------------------------------*/

/* HOMEPAGE */   

/*RSS news feeds - styles are also in tabtastic.css*/
div.feedburnerFeedBlock span.headline {font-size:12px; font-weight:bold; clear:both; margin:8px 0 8px 0;}
div.feedburnerFeedBlock ul li {margin:5px 0 5px -25px; border-bottom:1px dotted #cccccc; padding:0 0 8px 0; list-style:none;}
div.feedburnerFeedBlock ul li:hover {background-color:#f4f4f4;}
.newsBoxTop {width:300px; height:26px; background:url(/images/new_top.jpg) no-repeat; display:block; margin:0; padding:0;}
.boxBG {width:300px; background:url(/images/box_bg.jpg) repeat-y; margin:0; padding:5px 0 0 0;}
.boxBtm {width:300px; height:16px; background:url(/images/box_btm.jpg) no-repeat; display:block; margin:0 0 15px 0; padding:0 0 0 15px; font-size:10px;}

		
/* CONTACT US */
#contactFormDiv { width:500px;}
body.contact .main h3 { margin-bottom:15px;  width:500px;}
.contactForm {float:left; }
.contactForm li { list-style:none; margin:0 0 5px 0; padding:0; height:45px; width:250px;}
.contactForm li div { width:70px; display:inline-block; float:left; }
.contactForm li input { height:25px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:2px solid #ddd; background:#fff;  font-size:14px; }
.contactReason li { list-style:none; }
.contactReason li input { margin-right:20px; }
.contactComments li { list-style:none; }
.contactComments li textarea { width:450px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:2px solid #ddd; background:#fff; font-size:14px; }
.submitBtn { margin:15px 0; padding:15px; border-top:1px dotted #bbb095; }
.submitBtn input { background:#2c5d8e; padding:15px; color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; outline:none; border:1px solid #fff; font-size:15px; float:right; width:180px; }
.submitBtn input:hover { background:#163e66; }
.stateBox { height:25px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:2px solid #ddd; background:#fff; font-size:14px; }
.referral { height:25px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:2px solid #ddd; background:#fff; font-size:14px; margin:0 0 15px 35px; }
.simple_overlay { -moz-box-shadow:0 0 90px 5px #000000; background-color:#333333; border:1px solid #666666; display:none; padding:15px; z-index:10000; }
.simple_overlay .close { background-image:url(/Images/close.png); cursor:pointer; height:35px; position:absolute; right:-15px; top:-15px; width:35px; }
label.error { color: #e13b00; font-size: 11px; }


/* 4. Typography
----------------------------------------*/
p { margin: 0 0 10px 0; }
blockquote { margin:10px 20px; padding:10px; background:#f3f2f2; border:1px solid #ddd; }
strong { font-weight:bold; }
em { font-style:italic; }
acronym { cursor:help; border-bottom:1px dashed blue; }
hr { margin:30px 15px 20px 15px; color:#e6e6e6; }
/* COLORS */
.red { color:#e13b00; }
.blue { color:#1a7ca9; }
.gray { color:#353535; }
/* HEADERS */
h1, h2, h3, h4, h5, h6 { padding:10px 0 5px 0; font-weight:normal; }
h1 {
	font-size:25px;
	color:#036;
	margin:0 0 10px 0;
	padding-top:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h2 {
	font-size:18px;
	color:#069;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
h3 { font-size:15px; color:#c0e4a7; padding:5px 0; font-weight:bold; }
h4 { font-size:14px; color:#f1e0a7; }
h5 { font-size:13px; color:#5C8127; }
h6 { font-size:12px; color:#5C8127; }
.main h3 { padding:5px; background:#036; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#fff; }
/* TABLES */

/* LISTS */
.main ul, .main ol { margin:0 0 15px 35px; }
.main ul { list-style:disc; }
.main ul li { padding-left:10px; }.

/* LINKS */
a { color:#26375a; }
a:hover { text-decoration:none; color:#084c81; }
a.top { padding:10px 0 0 0; display:block; clear:left; text-align:center; }
a.NoLink, a.NoLink:Visited, a.NoLink:Active, a.NoLink:Hover { color:White; text-decoration:none; cursor:text; }
a.learnMore { text-align:center; background:#5a2b26; padding:5px; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #333;  display:block; text-decoration:none;}
a.learnMore:hover {background:#753d38; }
/*a[href^="mailto:"] {background: url(/images/email.png) no-repeat right 50%; padding: 2px 20px 2px 0; }*/
.exempt { background-image:none !important; padding:0 !important; }
/* CSS3 Styles */
.basicBoxShadow { box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; }
.basicRoundedCorner { border:1px solid #b2c2cb; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }

/* ---------->>> END Typography <<<---------*/