/*
Theme Name:     Raneye Systems
Theme URI:      http://raneye.com.au/
Author:         Christine Sese

*/

/* =============================================================================
   Import Fonts
   ========================================================================== */

 
 
/************************************************************************************
*								                                     SITE LAYOUT    *
************************************************************************************/
	 body { background: #fff; font-family:Arial; color:#898989; padding:0; margin:0; }
	
	.header-wrapper,
	.content-area,
	.middle-wrapper,
	.bottom-wrapper,
	.footer-wrapper { width:960px; margin:0 auto;}
	
	h1 { color:#FFF; background:#022959; text-transform:uppercase; margin:0 0 30px 0; padding: 11px 15px;font-weight: normal;font-size: 28px;letter-spacing: -1px; word-spacing:2px;}
	h2 { color:#898989; text-transform:uppercase; font-weight:bold;}
	h3 { text-transform:uppercase;}
	h4 {}
	a { color:#022959; text-decoration:none;}
	small { font-size:10px;}
	
	 .clear { clear:both;height:0;font-size: 1px;line-height: 0px;}
	 .left  { float:left; }
	 .right { float:right;}
	 
/* * ---------------------- COLORING ELEMENTS ------------------------* */
	.header { background:#FFF;}
	.content-wrapper { background-color:#eeeeee;background-image: url(../img/contents-bk.gif);background-repeat: no-repeat;background-position: center; }
	.content-area .vertical-menu h3 {color:#000; background:#fdd000;}
	.middle-wrap { background:#FFF;}
	.bottom-wrap { background:#022959;}
	.footer { background:#333333;}
	
	.yellow { color:#fdd000; }
	.blue,
	strong { color:#022959; }
	.bluelink { color:#000183; }
	.red { color:#FF0000;}
	.big { color:#777777; font-size:30px; margin:0 0 0 20px;}
	.white-bk { background:#FFF;padding: 0 22px 0 0; width:985px;}
/* * ------------------------ END COLORING ELEMENTS --------------------------- * */
	
	.content-area .contactform input[type=submit],
	.content-area .assessment input[type=submit],
	.content-area .cms_form input[type=submit],
	button,
	.button { background:#022959; min-width:120px; padding:8px 16px; text-transform:uppercase; color:#fdd000; border-radius:10px; border:none; margin-top:20px;}
	button  { padding:12px 16px 0;line-height: 15px; border-radius:13px;}


  
/************************************************************************************
*								                                          HEADER    *
************************************************************************************/
	.header { height:152px; overflow:hidden;}
	.header-wrapper .logo { padding:38px 0; width:400px;}
	
	.header-wrapper .top-block1 { width:150px; height:150px;}
	.header-wrapper .top-block1 .top-links{ height:50px; padding:12px 2px; text-align:right;}
	.header-wrapper .top-block1 .top-links ul {list-style:none; margin:0 0 0 4px; padding:0; }
	.header-wrapper .top-block1 .top-links ul li { display:inline-block; float:left;line-height: 48px; margin:0;}
	.header-wrapper .top-block1 .top-links ul li:nth-child(2) { margin:0 11px;}
	.header-wrapper .top-block1 .top-links ul li a { font-size:12px; color:#000; text-decoration:none;text-transform: uppercase;letter-spacing: -1px;}
	
	.header-wrapper .top-block1 .socials{ height:50px; padding:5px 0;} 	
	.header-wrapper .top-block1 .socials ul {list-style:none; margin:0; padding:0; }
	.header-wrapper .top-block1 .socials ul li { display:inline-block; float:left;line-height: 48px; margin:0;}
	.header-wrapper .top-block1 .socials ul li:nth-child(2) { margin:0 9px;}
	.header-wrapper .top-block1 .socials ul li a { font-size:12px; color:#000; text-decoration:none;}
	.header-wrapper .top-block1 .socials ul li a img { border:none;}
	.header-wrapper .top-block1 .socials ul li a img:hover { background:#fdd000;}
	
	.header-wrapper .top-block2 { width:284px; height:150px; margin:0 10px;}
	.header-wrapper .top-block2 .contact-phone { height:50px; padding:0 12px 0px 45px; font-size:30px; color:#31353d; background: url(../img/phone.png) no-repeat top left; margin-top:-12px;}
	.header-wrapper .top-block2 .search-box { margin-top:10px; background:#F5F5F5; height:46px;} 
	.header-wrapper .top-block2 .search-input { padding:14px 12px; background:#F5F5F5; border:none;width: 212px;}
	.header-wrapper .top-block2 .search-box .search-button { background:#f5f5f5 url(../img/search.gif) no-repeat top right; width:38px; height: 46px;border-style: none;text-indent: -9999em;
																float: right;margin: 0;cursor: pointer;}

 
/************************************************************************************
*								                                          CONTENT   *
************************************************************************************/
	.contents-bk { /*background:url(../img/contents-bk.gif) left top; width:1580px;*/ margin:0 auto; border-left:10px solid #FFF; border-right:10px solid #FFF;}
	.content-area { min-height:820px; padding-top:22px; padding-bottom:0;}
	.content-area .contents { width:710px; }
	.white-bk .contents { width:710px !important;padding-left:22px; padding-bottom:30px; }
	.content-area .contents h3,
	.content-area .contents h2,
	.content-area .contents .video { }
	.content-area .contents p,
	.content-area .contents td { margin:18px 0 18px 0;font-size: 14px;line-height: 21px;}
	.content-area .contents li { margin:2px 0 2px 22px;font-size: 14px;line-height: 21px;}
	.content-area .contents a { color:#000183;}
	.content-area .contents	button a { color:#fdd000; display:block;}
	.content-area .layer1 { height:82px; }
	.content-area .layer1 .slogan-bk { width:93px; height:82px; background:url(../img/slogan-cut-bk.png) no-repeat top left; float:left;margin-bottom:21px;}
	.content-area .layer1 .slogan { width:577px;height:62px; color:#FFF;  background:#8f8f8f url(../img/slogan-bk.png) no-repeat top left; float:right;text-align:right; line-height:30px; font-size:27px; padding:10px 20px; position:relative; left:-1px; }
	
/* * ------------------------ BANNER --------------------------- * */
	.content-area .layer2 { height:516px; background:#FFF; margin:21px 0;}
	.content-area .layer2 .banner{ background:#FFF; display:block; height:452px;}
/* * ------------------------ END BANNER see bxslider.css --------------------------- * */	
	.content-area .layer2 .nav { height:43px; background:#022959; margin:21px 0;}
	.content-area .layer3 { height:149px; background:#909090;}
	
/* * ---------------------- CONTACT US ------------------------* */
	.content-area .contactdet { margin:0 21PX; width:290px;}
	.content-area .contactform { width:365px;}
	.content-area .contactform input[type=text],textarea,
	.content-area .assessment input[type=text],textarea,
	.content-area .cms_form  input[type=text],textarea{ width:300px; padding:8px; background:#f2f2f2; border:none; font-family:arial;}
	.content-area .contactform td { font-size:14px;font-family:arial; margin:4px;}
	.content-area .contactdet h3,
	.content-area .contactform h3{ color:#022959; margin-left:0;}
	.content-area .contactdet p { margin:0;}
/* * ------------------------ END CONTACT US --------------------------- * */	
	
/* * ---------------------- MENU ------------------------* */	
	.content-area .vertical-menu { width:230px; min-height:788px; background:#022959;}
	.content-area .vertical-menu h3 { height:54px; line-height:54px; margin:0; padding:0 15px;}
	.content-area .vertical-menu ul { list-style:none; margin:0; padding:0;}
	.content-area .vertical-menu ul li { height:45px; line-height:45px; border-bottom:1px solid #FFF; }
	.content-area .vertical-menu ul li:hover ,
	.content-area .vertical-menu ul li.menuactive { background:#8F8F8F; }
	.content-area .vertical-menu ul li:last-child { border:none;}
	.content-area .vertical-menu ul li a { text-decoration:none; color:#FFF; padding:0 15px; font-size:14px; display:block;}
/* * ------------------------ END MENU --------------------------- * */	
	
/* * ---------------------- PRODUCT ------------------------* */
	.content-area .prod { margin:10px 0; clear:both;}
	.content-area .prod h3 { text-transform:capitalize; color:#022959;}
	.content-area .prodinfo { width:460px; margin-left:15px; float:left;}
	.content-area .prodimg { width:170px; float:left;}

/* * ------------------------ END PRODUCT --------------------------- * */	

	.middle-wrap { height:482px; margin:21px auto;}
	.middle-wrap .block { height:458px; display:inline-block; float:left; margin:0 15px; background:#FFF; width:300px}
	.middle-wrap .block:nth-child(1) { margin-left:0;}
	.middle-wrap .block:nth-child(3) { margin-right:0;}
	.middle-wrap .block .top { height:156px; margin-bottom:21px; background:blue;}
	.middle-wrap .block .top .img { height:108px; width:300px; overflow:hidden;}
	.middle-wrap .block .top .lbel,
	.middle-wrap .block .top .lbel a { background:#022959; height:48px;line-height: 48px;padding: 0 15px;text-transform: uppercase;color: #FFF; display:block; text-decoration:none;}
	.middle-wrap .block .bottom { height:281px; margin-bottom:21px; background:#eeeeee;}
	.middle-wrap .block .bottom h3 { padding:10px 10px 0; color:#333333; font-weight:600; margin:0;}
	.middle-wrap .block .bottom  ul { list-style:url(../img/list-icon.gif);}
	.middle-wrap .block .bottom  ul li { margin:10px 0;}
	.middle-wrap .block .bottom  ul li a { text-decoration:none; color:#898989;}
	.middle-wrap .block .bottom  ul li .bluelink { color:#000183; }
	
/* * ------------------------ FORM  --------------------------- * */	
	.middle-wrap .block .bottom .contact-us{ list-style:none;margin-left:60px; padding-top:3px; display:list-item; }
	.middle-wrap .block .bottom .contact-us li { height:73px;}
	.middle-wrap .block .bottom .contact-us li:nth-child(1) { list-style:url(../img/call.gif);}
	.middle-wrap .block .bottom .contact-us li:nth-child(2) { list-style:url(../img/email.gif);}
	.middle-wrap .block .bottom .contact-us li:nth-child(3) { list-style:url(../img/free.gif);}
	.middle-wrap .block .bottom .contact-us li div { width:197px; display:inline-block;}
	.middle-wrap .block .bottom .contact-us h3 { padding:0; color:#022959; margin:0 0 16px 0; font-weight:bold; font-size:16px;}
	.middle-wrap .block .bottom .contact-us p { padding:0; margin:4px 0;line-height: 16px; font-size:13px;position: relative;top: -13px;}
/* * ------------------------ END FORM --------------------------- * */	
	
	.bottom-wrap { height:239px; color:#FFF;}
	.bottom-wrapper { padding:10px;}
	.bottom-wrap .block { width:232px; height:239px; display:inline-block; float:left;margin: 0 2px;}
	.bottom-wrap .block h3{ padding:15px; margin:0;}
	.bottom-wrap .block p { padding:0 15px; margin:0; line-height:21px;}
	.bottom-wrap .block ul {list-style:none; margin:0; padding:0 15px; }
	.bottom-wrap .block ul li a { text-decoration:none; line-height:25px; color:#FFF;}
	.bottom-wrap .block ul li a img:hover { background:#fff;}
	.bottom-wrap .block:nth-child(3) li { float:left; margin:0 2px;}
	.bottom-wrap .emailme { position:absolute; margin:0 10px; color:#FFF; text-decoration:none;}
	


/************************************************************************************
*								                                          FOOTER    *

************************************************************************************/
	.footer { height:60px; line-height:42px; font-size:14px;}
	.footer a { color:#898989; text-decoration:none;}


/************************************************************************************
*								                                    MEDIA QUERIES    *
************************************************************************************/