@charset "utf-8";

/*

Client:  Softagon

Author: Pasquale Scerbo  |  www.waveactive.com  |  pasquale@waveactive.com

Date: Dec. 2007

*/





/*----------------- CSS NORMALIZER -----------------*/



/*

- cancels default styles applied to page elements

- adjusts default elements between browsers to same baseline

*/

div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, p, th, td {margin:0; padding:0;}

address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}

table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;}

select, input, textarea {font:99% verdana,geneva,sans-serif;}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}

fieldset, img {border:0;}

img {vertical-align:middle;}

select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}

ul, ol {padding-left:18px;}

legend {display:none;}

.skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;}

select {background:#FFF;}

.cleaner	{ clear: both; }





/*----------------- DEFAULT -----------------*/

body	{ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 12px; }

#container	{ width: 960px; margin: auto; border: 1px solid #dadada; border-width: 0 1px 1px 1px; }

.left	{ float: left; }

.right	{ float: right; }

p	{ margin: 0 0 15px 0; }



a	{ text-decoration: none; color: #459aef; }

a:hover	{ text-decoration: underline; }



.line	{ border: 1px solid #ccc; border-width: 1px 0 0 0; margin: 12px 0; }



/*----------------- HEADER -----------------*/

#header		{ height: 174px; position: relative; border: 2px solid #FFF; border-width: 0 0 2px 0; }

#headerSub	{ height: 100px; position: relative; border: 2px solid #FFF; border-width: 0 0 2px 0; }

.headerbg	{ z-index: 5; }

#logo		{ position: absolute; top: 36px; left: 30px; }

#tagline	{ position: absolute; top: 50px; right: 33px; color: #5c5c5c; font-size: 25px; font-weight: bold; width: 596px; z-index: 10; line-height: 35px; height: 103px; }

#tagline a	{ margin-top: 5px; background: url(img/icon_arrow.gif) top left no-repeat; padding-left: 19px; color: #459aef; text-decoration: none; float: right; font-size: 10px; height: 16px;  }

#tagline a:hover	{ text-decoration: underline; }



#pageTitle	{ position: absolute; top: 40px; left: 230px; color: #7EA725; font-size: 25px; width: 560px; z-index: 10; }



#menu		{ width: 643px; height: 29px; position: absolute; top: 0; right: 0; z-index: 10; background: url(img/nav_bg.jpg) repeat-x; }

#menu div	{ background: url(img/nav_curve.jpg) no-repeat top left; width: 523px; height: 29px; padding-left: 120px; }



.menu ul    { margin:0; padding:0; list-style-type:none; }

.menu li    { float:left; height: 29px; text-indent: -1000px; list-style-type:none; }

.menu a     { display:block; text-decoration:none; overflow:hidden; }



.menu a#home      { background: url(img/bttn_home.jpg) 0 0 no-repeat; width: 62px; height: 29px; }

.menu a#services  { background: url(img/bttn_services.jpg) 0 0 no-repeat; width: 101px; height: 29px; }

.menu a#about  { background: url(img/bttn_about.jpg) 0 0 no-repeat; width: 101px; height: 29px; }

.menu a#team	  { background: url(img/bttn_team.jpg) 0 0 no-repeat; width: 79px; height: 29px; }

.menu a#contact	  { background: url(img/bttn_contact.jpg) 0 0 no-repeat; width: 91px; height: 29px; }



.menu a#home:hover   	{ background: url(img/bttn_home.jpg) 0px -32px no-repeat; width: 62px; height: 29px;}

.menu a#services:hover	{ background: url(img/bttn_services.jpg) 0px -32px no-repeat; width: 101px; height: 29px;}

.menu a#about:hover  { background: url(img/bttn_about.jpg) 0px -32px no-repeat; width: 101px; height: 29px;}

.menu a#team:hover 		{ background: url(img/bttn_team.jpg) 0px -32px no-repeat; width: 79px; height: 29px;}

.menu a#contact:hover 	{ background: url(img/bttn_contact.jpg) 0px -32px no-repeat; width: 91px; height: 29px;}



.menu a#home.on   	{ background: url(img/bttn_home.jpg) 0px -32px no-repeat; width: 62px; height: 29px;}

.menu a#services.on	{ background: url(img/bttn_services.jpg) 0px -32px no-repeat; width: 101px; height: 29px;}

.menu a#about.on	{ background: url(img/bttn_about.jpg) 0px -32px no-repeat; width: 101px; height: 29px;}

.menu a#team.on    	{ background: url(img/bttn_team.jpg) 0px -32px no-repeat; width: 79px; height: 29px;}

.menu a#contact.on 	{ background: url(img/bttn_contact.jpg) 0px -32px no-repeat; width: 91px; height: 29px;}





/*----------------- HOME PAGE CONTENT -----------------*/

#contentWrap	{ width: 946px; background: url(img/content_bg.jpg) repeat-x; float: left; padding: 26px 0 0 14px; float: left; }

#contentWrapCol	{ width: 954px; background: url(img/content_bg.jpg) repeat-x; float: left; padding: 26px 0 38px 6px; float: left; }



.boxWide { float: left; width: 405px; height: 238px; background: url(img/boxOne.png) no-repeat top left; display: block; margin-right: 14px; position: relative; padding: 14px 17px; }

.box	{ float: left; width: 120px; height: 238px; background: url(img/boxTwo.png) no-repeat top left; display: block; margin-right: 13px; position: relative; padding: 14px 15px; }

.boxWide .more, .box .more	{ position: absolute; bottom: 0; right: 0; width: 79px; height: 16px; right: 0; background: url(img/icon_arrow.gif) top left no-repeat; padding-left: 19px; }

.more a { text-decoration: none; color: #459aef; }

.more a:hover	{ text-decoration: underline; }



#vignetteWrap	{ float: left; width: 454px; }



.boxWide .img   { padding: 0 20px 7px 0; }

.boxWide .txt	{ font-size: 12px; font-style:italic; }

.boxWide h1	{ color: #77935b; font-size: 12px; font-weight: bold; margin-bottom: 15px; }



.box h2		{ color: #71b1f1; margin-bottom: -5px; font-size: 12px; font-weight: bold; height: 50px; }

.box .txt	{ font-size: 12px; }



/*----------------- 3 COLUMN LAYOUT -----------------*/

#colLeft	{ float: left; width: 170px; margin-right: 14px; }

#colMiddle	{ float: left; width: 582px; margin-right: 14px; padding-left: 10px; }

#colRight	{ float: left; width: 158px; }



#colLeft .nav		{ border: 1px solid #ddd; background: url(img/colLeftFade.jpg) repeat-x top left; min-height: 91px; _height: 91px; padding: 13px 0 25px 0; }

#colLeft .nav .title	{ color: #59753c; background: url(img/arrow_down.gif) no-repeat 0 2px; padding-left: 12px; text-transform: uppercase; margin-left: 8px; font-weight: bold; margin-bottom: 12px; }



/*column left nav*/

#colLeft .nav ul			{ padding: 0; margin: 0; list-style: none; }

#colLeft .nav li a			{ padding: 4px 0 4px 28px; text-decoration: none; color: #459aef; width:140px; display:block; }

#colLeft .nav li a.on		{ background: url(img/icon_circle.gif) no-repeat 20px 9px; /*#eef1eb*/ color: #59753c; }

#colLeft .nav li a:hover	{ background: url(img/icon_circle.gif) no-repeat 20px 9px #eef1eb; color: #59753c; }



#colLeft .nav li li a		{ padding: 4px 0 4px 48px; text-decoration: none; color: #59753c; display: block; padding-right: 10px; width:110px; }

#colLeft .nav li li a.on	{ background: url(img/icon_circle.gif) no-repeat 40px 9px #eef1eb; color: #59753c; }

#colLeft .nav li li a:hover	{ background: url(img/icon_circle.gif) no-repeat 40px 9px #eef1eb; color: #59753c; }

.gr { color:#77935B; }



/*column middle*/

#colMiddle h1	{ font-weight: bold; text-transform: uppercase; color: #666; font-size: 13px; margin-left: -10px; margin-bottom: 14px; }

#colMiddle .title	{ font-size: 13px; color: #4f6534; }



.callout		{ float: left; clear: both; margin-bottom: 10px; font-size: 11px; line-height: 17px; }

.callLeft		{ float: left; width: 185px; height: 185px; border: 1px solid #e5e5e5; margin-right: 6px; padding: 5px; }

.callLeft img	{ margin-bottom: 13px; }

.callRight		{ float: left; width: 329px; height: 197px; background: url(img/call_out.gif) no-repeat top left; padding-left: 25px; padding: 4px 25px 4px 25px; }



.callout2		{ float: left; clear: both; margin: 5px 0 20px 0; font-size: 11px; line-height: 17px; background: url(img/callout_bg.gif) repeat-x; border: 1px solid #ddd; padding: 6px 8px; }

.callout2 .left	{ float: left; width: 195px; margin-right: 16px; }

.callout2 .left img	{ padding: 5px; border: 1px solid #e5e5e5; background: #fff; }

.callout2 .quote	{ font-style:italic; text-align: right; }

.callout2 .right	{ float: left; width: 340px; }



/*column right*/

#colRight .blueBox	{ border: 1px solid #d2dee8; padding: 12px; margin-bottom: 4px; }

#colRight h1 { text-transform: uppercase; font-weight: bold; margin-bottom: 8px; color: #959595; }

#colRight .grayBox	{ border: 1px solid #d2dee8; background: #e5e5e5; color: #666; padding: 12px; }

#colRight h1 { text-transform: uppercase; font-weight: bold; margin-bottom: 8px; color: #666; }



.arrow	{ background: url(img/arrow_blue.gif) no-repeat 0 4px; padding-left: 12px; text-decoration: none; }

.arrow2	{ background: url(img/icon_arrow.gif) no-repeat 0 0; padding-left: 22px; text-decoration: none; height: 16px; }



/*----------------- FOOTER -----------------*/

#footer			{ height: 36px; width: 926px; padding: 0 14px; font-size: 10px; margin: auto; margin-top: 15px; }

#footer a		{ text-decoration: none; color: #666; }

#footer a:hover	{ text-decoration: underline; }