/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/

body { color:#000; font-family:Verdana, Geneva, sans-serif; }
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }
a { text-decoration:underline; color:#091c50; }
a:hover{ text-decoration:underline; color:#0156a7; }

/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container { width:848px; margin:0 auto; }

/*---- Header ----*/
div#header{ padding:24px 0 7px;}

/*---- Navigation ----*/
div#navigation{ background:url(../images/header/nav-middle.jpg) 0 0 repeat-x;}
div#navigation div.left{ background:url(../images/header/nav-left.jpg) 0 0 no-repeat;}
div#navigation div.right{ background:url(../images/header/nav-right.jpg) 100% 0 no-repeat; height:44px; padding:0 35px;}

/*---- Content ----*/
div#content{ padding:21px 0 12px;}

/*---- Main ----*/
div#main { float:left; width:580px; padding-top:5px; padding-left:14px; }

div#main2 {
	float: right;
	width: 825px;
	
}

div#main2 IMG {
	float: right;
	margin: 0px 35px 15px 25px;
}

div#contactus p{font-size:14px; color:#132967; margin-bottom:29px; line-height:22px;}

/*---- Sidebar ----*/
div#sidebar { float:right; width:233px; margin-top:23px; }

/*---- Footer ----*/
div#footer{ padding-bottom:10px; }


/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo{ float:left; width:625px;}
div#header div.logo h1{width:150px; float:left;}
div#header div.logo h1 a{ overflow:hidden; width:134px; height:0px; padding-top:74px; display:block; background:url(../images/header/logo.jpg) 0 0 no-repeat;}
div#header h2{ font-size:430%; color:#132967; font-family:"Times New Roman", Times, serif; padding-top:30px; line-height:1.2em; }

/*---- Header - contact-info ----*/
div#contact-info{ float:right; right:210px; padding:40px 6px 0 0;}
div#contact-info p{ font-size:120%; color:#132967; line-height:1.2em;}
div#contact-info p a{color:#132967; text-decoration:underline;}
div#contact-info p a:hover{ text-decoration:underline; color:#0156a7; }

/*---- Navigation ----*/
div#navigation ul li{ float:left; font-size:120%; font-weight:bold; padding-top:1px; margin-right:13px;}
div#navigation ul li a{ color:#FFF; text-decoration:none; line-height:30px; padding:0 20px; height:35px; display:block; float:left;}
div#navigation ul li a:hover, div#navigation ul li a.active{ background:url(../images/header/nav-hover.jpg) 0 0 repeat-x; display:block; float:left;}

/*---- Banner ----*/
div#banner{ padding-left:1px; margin-top:-7px; position:relative;}
div#banner img{ float:left; margin:0; padding:0;}
div#banner p.line{ border-top:0; clear:both; left:-1px; position:relative; height:11px; }

p.line{  background:#092550; border:#ced3dc 1px solid;}

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

/*---- Content -column1---*/
div#content div.column1{ float:left; width:640px; }

/*---- Content -inner-column1---*/
div#content div.column1 div.inner-column1{ float:left; width:200px; padding-right:11px;}
div#content div.column1 div.inner-column1 h2{ font-size:140%; color:#091c50; background:url(../images/content/dtc-haeding.jpg) 0 2px no-repeat; padding-left:60px; margin-bottom:6px; border-bottom:#717fa4 1px solid; padding-bottom:7px; line-height:14px;}
div#content div.column1 div.inner-column1 h2 small{ font-weight:normal; font-size:80%;}
div#content div.column1 div.inner-column1 p{font-size:110%; color:#132967; margin-bottom:29px;}
div#content div.column1 div.inner-column1 p a{ color:#132967; text-decoration:underline;}
div#content div.column1 div.inner-column1 p a:hover{ text-decoration:underline; color:#0156a7; }

div#content div.column1 div.inner-column1 div.adr p{ font-weight:bold; margin:0; line-height:14px;}
div#content div.column1 div.inner-column1 div.adr p a{ white-space:nowrap; letter-spacing:-1px;}

/*---- Content -inner-column2---*/
div#content div.column1 div.inner-column2{background:url(../images/content/border-line.jpg) 100% 0 repeat-y; float:right; width:395px; padding:0 17px;}
div#content div.column1 div.inner-column2 h2{ font-size:140%; color:#132967; margin-bottom:15px;}
div#content div.column1 div.inner-column2 p{ font-size:120%; color:#131313; line-height:18px; margin-bottom:10px;}
div#content div.column1 div.inner-column2 p a{ color:#091c50; text-decoration:underline;}
div#content div.column1 div.inner-column2 p a:hover{ text-decoration:underline; color:#0156a7; }

/*---- Content -inner-column2-alertbox--*/
div#content div.column1 div.inner-column2 div.alert{ background:#FFF; margin:0 -17px; padding:26px 0 1px 10px; position:relative;}
div#content div.column1 div.inner-column2 div.alert div.box1{padding:7px 0 9px 27px; width:378px;}
div#content div.column1 div.inner-column2 div.alert div.box1 h2{ color:#091c50; margin-bottom:3px; padding-top:6px;}
div#content div.column1 div.inner-column2 div.alert div.box1 p{ margin:0;}

/*---- Content - column2--*/
div#content div.column2{ float:right; width:185px; background:url(../images/content/cloud.jpg) 0 0 no-repeat; padding:35px 6px 0 0px;}
div#content div.column2 h2{ font-size:120%; color:#091c50; margin-bottom:69px; text-align:center; width:163px; line-height:1.2em; }
div#content div.column2 h2.sales{ margin-bottom:45px;}
div#content div.column2 p{ font-size:110%; color:#231f20; font-family:Arial, Helvetica, sans-serif; line-height:13px;}
div#content div.column2 p a{ color:#132967; text-decoration:underline; }
div#content div.column2 p a:hover{ text-decoration:underline; color:#0156a7; }

/*---- Main ----*/

/*---- Sidebar ----*/

/*---- Footer ----*/
div#footer div.footer-nav{ text-align:center; margin-bottom:8px;}
div#footer div.footer-nav ul li{ display:inline; font-size:110%; color:#132967;}
div#footer div.footer-nav ul li.pipe{ margin:0 5px;}
div#footer div.footer-nav ul li a{color:#132967; text-decoration:underline; }
div#footer div.footer-nav ul li a:hover{ text-decoration:underline; color:#0156a7; }

div#footer p.line{ height:3px; margin-bottom:20px; line-height:3px; }
div#footer p{ font-size:110%; color:#132967; line-height:15px; text-align:center;}
div#footer p a{color:#132967;}
div#footer p a:hover{ text-decoration:underline; color:#0156a7; }

/*---- Post ---*/
div.post h1 { font-size:160%; margin-bottom:12px; color:#132967;}
div.post h2 { font-size:140%; margin-bottom:12px; color:#132967;}
div.post h3 { font-size:120%; margin-bottom:12px; color:#132967;}
div.post h4 { font-size:120%; margin-bottom:12px; color:#132967;}


div.post p { color:#000; line-height:18px; font-size:120%; margin-bottom:20px; display:block; margin-bottom:15px; }

div.post p a { color:#091c50; }
div.post p a:hover{ color:#0156a7;}

div.post blockquote { margin-bottom:20px; }
div.post blockquote p{ margin-bottom:5px; font-style:italic;}
div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;}

div.post img { max-width:100%; }
div.post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;}
div.post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;}
div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}

div.post ul { margin:0 0 15px 24px; list-style:disc; }
div.post ol { margin:0 0 15px 28px; list-style:decimal; }
div.post li { line-height:1.2em; font-size:120%; line-height:18px; }
div.post li ul, div.post li ol { margin-bottom:0px; } 
div.post li li, div.post li p { font-size:100%; margin-bottom:0px; }

/*---- Post - Custom Lists ---*/
div.post ul.list1 { margin:0; padding:0; }
div.post ul.list1 li { margin:0; padding:0; }

div.post ol.list2 { margin:0; padding:0; }
div.post ol.list2 li { margin:0; padding:0; }

/*---- list1 ----*/
ul.list1 li{ font-size:110%; color:#0356a7; background:url(../images/content/right.gif) 0 0 no-repeat; padding-left:18px; margin-bottom:8px; line-height:14px;}

/*---- Boxes ----*/

/*---- Box1 ----*/
div.box1{ background:#e3e9f8; border:#c3c4c6 1px solid; padding:10px;}
div.box1 img{ float:left; margin-right:15px;}
div.box1 h2{ color:#091c50; font-size:140%;}
div#content div.box1 p{ font-size:110% !important; color:#091c50;}