/************************************************************************
*   
*   G L O B A L  C S S
*   
*   Author:  iGeekify
*   Date:    27 July 2010
*   Web:     http://work.igeekify.com
*   Email:   info@igeekify.com
*   Version: 1.0
* 
*************************************************************************/


/*-----------------------------------------------------------------------
Control Panel
------------------------------------------------------------------------*/

.float-left
{
	float:left;	
}

.float-right
{
	float:right;	
}

.clear
{
	clear:both;	
}

/*-----------------------------------------------------------------------
Fonts
------------------------------------------------------------------------*/

a
{
	color:#1698cb;
	text-decoration:underline;	
}

a:hover
{
	text-decoration:none;	
}


/*-----------------------------------------------------------------------
Containers
------------------------------------------------------------------------*/

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'exoregular';
    src: url('../fonts/exo-regular-webfont.eot');
    src: url('../fonts/exo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/exo-regular-webfont.woff') format('woff'),
         url('../fonts/exo-regular-webfont.ttf') format('truetype'),
         url('../fonts/exo-regular-webfont.svg#exoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body
{
	background:url(../images/background-grid.jpg) #d6d6d6 no-repeat top center;	
	padding:0 0 40px 0;
}

.wrapper
{
	margin:0 auto;
	width:940px;
}	

#frame-header
{
	background:url(../images/background-header.gif) repeat-x;
	border-bottom:1px solid #eff2f2;
	height:59px;
	margin:0 0 27px;
}

#frame-splash
{
	background:url(../images/splash-balloons.png) no-repeat;
	height:272px;
	padding:74px 340px 0 40px;
	width:560px;
}

#frame-content
{
	background:#f7f7f7;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	border-top:1px solid #ebebeb;
	padding:0px 40px;
	width:858px;
	text-align:center;
}

#frame-screenshots
{
	background:#efeff0;
	border-left:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	border-top:1px solid #dcdcdc;
	height:157px;
	position:relative;
	width:938px;
}

#frame-message
{
	background:url(../images/background-message.gif) repeat-x;
	height:90px;
	margin:0 auto;
	padding:20px 0 0;
	position:relative;
	width:960px;
}

#frame-contact
{
	background:url(../images/background-contact.gif) repeat-y left top #f7f7f7;
	border-bottom:1px solid #fefefe;
	border-left:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	padding:30px 40px 30px;
	width:858px;
}

#frame-footer
{
	background:#e6e9ec;
	border-bottom:1px solid #cfcfcf;
	border-left:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	border-top:1px solid #cfcfcf;
	height:38px;
	padding:11px 40px;
	width:858px;
	text-align:center;
}

#frame-copyright
{
	background:#efefef url(../images/background-copyright.gif) repeat-x;
	border-bottom:1px solid #c9c9c9;
	border-left:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	height:47px;
	margin:0 auto;
	width:938px;
}

/*-----------------------------------------------------------------------
Global
------------------------------------------------------------------------*/

/*--Header--------------------------------------------------------------*/

#logo-main
{
	padding:16px 0 0;
}

#phone
{
	color:#ffffff;
	font-size:23px;
	line-height:56px;	
}

/*--Splash--------------------------------------------------------------*/

#frame-splash h1
{
	color:#ffffff;
	font-size:31px;
	font-style:italic;
	line-height:37px;
	margin:0 0 11px;
}

#frame-splash h2
{
	color:#a4e7ff;
	font-size:21px;
	font-weight:normal;
	line-height:28px;
}

.button-enquire
{
	margin:25px 0 0;	
}

.button-enquire a
{
	background: url(../images/button-enquire.gif) no-repeat 0 0;
	display:block;
	height:49px;
	text-indent:-9999px;	
	width:162px;
}

.button-enquire a:hover
{
	background-position:0 -49px;	
}

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

#frame-content .left-column
{
	float:left;
	width:620px;
}

#frame-content .left-column h3
{
	color:#555555;
	font-size:18px;
	margin:0 0 10px;
}

#frame-content .left-column p
{
	border-bottom:1px solid #e4e4e4;
	color:#818181;
	font-size:14px;
	line-height:20px;
	padding:0 0 26px;	
}

#frame-content .right-column
{
	float:right;
	width:200px;
}

#features
{
	border-top:1px solid #ffffff;
	padding:23px 0 0;
	width:620px;	
}

#features li
{
	float:left;
	margin:0 20px 0 0;
	padding:0 0 27px 69px;
	width:231px;
}

#features li.none
{
	margin:0;	
}

#features .icon-envelope{background:url(../images/icon-envelope.gif) no-repeat 6px 6px;}
#features .icon-glass{background:url(../images/icon-glass.gif) no-repeat 5px 6px;}
#features .icon-bubble{background:url(../images/icon-bubble.gif) no-repeat 2px 5px;}
#features .icon-cd{background:url(../images/icon-cd.gif) no-repeat 2px 6px;}

#features dl
{
	font-size:12px;
	line-height:20px;
}

#features dt
{
	color:#555555;
	font-weight:bold;
}

#features dd
{
	color:#818181;	
}

/*--Testimonial--------------------------------------------------------*/

#testimonial
{
	margin:26px 0 0;
}

.logo-testimonial
{
	background:#efefef;
	border:1px solid #dddddd;
	height:58px;
	padding:5px;	
	width:188px;
}

#testimonial blockquote
{
	background:url(../images/quote-left.gif) no-repeat left top;
	border:none;	
	margin:20px 0 0;
}

#testimonial p
{
	background:url(../images/quote-right.gif) no-repeat right bottom;	
	color:#818181;
	font-size:14px;
	line-height:22px;
	text-indent:35px;
}

#testimonial cite
{
	color:#818181;
	display:block;
	font-size:12px;
	font-style:normal;
	line-height:20px;
	margin:10px 0 0;	
}

#testimonial cite strong,
#testimonial cite em
{
	display:block;
}

#testimonial cite strong
{
	color:#188ddc;
	display:block;
}

/*--Screenshots---------------------------------------------------------*/

#screenshots-container
{
	float:left;
	margin:11px auto 0;
}

#screenshots
{
	height:135px;
	left:50%;
	margin:0 0 0 -432px;
	overflow:hidden;
	position:absolute;
	width:865px;
}

.carousel-container
{
	width:865px;
}

.jcarousel-skin-liftoff .jcarousel-direction-rtl
{
	direction: rtl;
}

.jcarousel-skin-liftoff .jcarousel-container-horizontal
{
	width: 865px;
}

.jcarousel-skin-liftoff .jcarousel-clip-horizontal
{
	height: 135px;
	margin:0 0 0 36px;
	width:  865px;
}

.previous-arrow
{
	background:url(../images/arrows-screenshot.jpg) no-repeat;
	cursor:pointer;
	height:51px;
	left:0;
	position:absolute;
	top:51px;
	width:23px;
}

.previous-arrow:hover
{
	background-position:0 -51px;
}

#screenshots li
{
	background:url(../images/background-screenshot.jpg) no-repeat 0 0;
	float:left;
	height:117px;
	padding:9px 12px;
	width:149px;
}

.next-arrow
{
	background:url(../images/arrows-screenshot.jpg) no-repeat -23px 0;
	cursor:pointer;
	height:51px;
	position:absolute;
	right:0;
	top:51px;
	width:23px;
}

.next-arrow:hover
{
	background-position:-23px -51px; 	
}


/*--Message-----------------------------------------------------------------*/


.message-corner-left
{
	background:url(../images/background-message-corners.gif) no-repeat 0 0;
	height:9px;
	left:1px;
	position:absolute;
	top:-9px;
	width:9px;	
}

.message-corner-right
{
	background:url(../images/background-message-corners.gif) no-repeat -9px 0;
	height:9px;
	right:1px;
	position:absolute;
	top:-9px;
	width:9px;	
}

#frame-message h2
{
	color:#ffffff;
	font-size:23px;
	font-weight:normal;
	line-height:34px;
	margin:0 auto;
	text-align:center;
	width:823px;
}

/*--Contact Us----------------------------------------------------------*/

#frame-contact .left-column
{
	float:left;
	width:216px;
}

#frame-contact .left-column h3
{
	color:#555555;
	font-size:16px;
	font-weight:normal;
	padding:0 0 10px;
}

#frame-contact .left-column p
{
	color:#898989;
	font-size:12px;	
	line-height:20px;
}

#frame-contact .left-column dl
{
	color:#898989;
	font-size:12px;
	line-height:20px;
	padding:20px 0 0;
}

#frame-contact .left-column dt
{
	clear:both;
	display:block;
	float:left;
	font-weight:bold;
	width:70px;
}

#frame-contact .left-column dd
{
	display:block;
	float:left;
	margin:0 0 10px;
	width:120px;
}

#frame-contact .right-column
{
	border-left:1px solid #ffffff;
	float:left;
	padding:0 0 0 20px;
	width:621px;
}

#frame-contact .right-column .float-left
{
	width:302px;
}

#frame-contact .right-column .float-right
{
	width:302px;
}

#frame-contact .right-column label
{
	color:#898989;
	display:block;
	font-size:12px;
	padding:0 0 5px;	
}

#frame-contact .right-column input
{
	background:url(../images/background-form.jpg) no-repeat;
	border:none;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:30px;
	margin:5px 0 15px;
	width:273px;
	padding-left:10px;
}

#frame-contact .right-column textarea
{
    background: url("../images/background-form.jpg") no-repeat scroll 0 -39px transparent;
    border: medium none;
    color: #898989;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 86px;
    margin: 0 0 15px;
    overflow: hidden;
    padding: 13px;
    width: 275px;
}

#frame-contact .right-column button
{
	background:url(../images/button-send.gif) no-repeat 0 0;
	cursor:pointer;
	display:block;
	float:right;
	height:33px;
	margin:24px 0 0;	
	text-indent:-9999px;
	width:125px;	
}

#frame-contact .right-column button:hover
{
	background-position:0 -33px;
}

.contact-success
{
	color:#0C93C9;
	display:none;
	float:left;
	font-size:12px;
	margin:30px 0 0;
	width:150px;
}

.contact-error
{
	color:#e00303;
	display:none;
	float:left;
	font-size:12px;
	margin:30px 0 0;
	width:150px;
}


/*--Footer--------------------------------------------------------------*/

#frame-footer .logo-footer
{
	float:left;
	padding:10px 15px 0 0;
}

#frame-footer .site-details
{
	float:left;	
}

#frame-footer .site-details p
{
	color:#909090;
	font-size:11px;	
	line-height:18px;
}

#frame-footer .site-details p a
{
	color:#909090;
}

#frame-footer #networks
{
	margin:10px 0 0;
}

#frame-footer #networks h4
{
	color:#909090;
	float:left;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
}

#frame-footer .network-logos
{
	float:left;	
}

#frame-footer .network-logos li
{
	float:left;
	margin:0 0 0 5px;
}

/*--Copyright--------------------------------------------------------------*/

#frame-copyright p
{
	color:#8e8e8e;
	font-size:11px;
	line-height:47px;
	text-align:center;
}
.fields_signup, .g-recaptcha{
	background:url(../images/test_field.png) no-repeat top left;
	width:100%;
	padding:8px;
	margin:0 0 5px 0;
	height:45px;
	border:none !important;
	color:#363944;
	font-size:16px;
	}
#pms_signup_labels{color:#898989;clear:both;text-align:left;font-weight:normal;font-size: 18px;color: #363944;float:left;font-family: 'open_sansregular';}
/*.Signup-button{
	background:url(../images/button-send.gif) no-repeat 0 0 !important;
	cursor:pointer;
	display:block;
	height:33px !important;
	margin:24px 0 0 !important;	
	text-indent:-9999px;
	width:125px;	
	padding:0px !important;
	margin:0px !important;
	border:none;
}*/

.sign_up
{
	width:95%;
	float:left;	
	padding:10px 0;	
}
.sign_up_box
{
	width:402px;
	height:310px;
	background:url(../images/sign_up_bg.png) no-repeat top left;
	padding:30px 53px 30px 55px;
	position:relative;
	font-size:18px;
	color:#363944;
	margin:0 auto;
	color:#58595b;
	font-size:14px;
	font-family: 'open_sansregular' !important;
}
.sign_up_box input[type="button"]
{
	background:url(../images/see_demo_btn.png) no-repeat top left;
	border:none;	
	height:42px;
	line-height:normal !important;
	cursor:pointer;
	margin:6px 0 0 102px;
	text-indent:-9999px;
	font-family: 'open_sansregular';
}
.sign_up_arw
{
	width:155px;
	height:117px;
	background:url(../images/arw.png) no-repeat top left;
	position:absolute;
	right:-24px;
	top:216px;
}
.subscibe_ttl
{
	color:#618609;
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	margin:0 0 15px 0;
	font-family: 'open_sansregular';
}
.subscibe_ttl span
{
	font-size:28px;
	font-family: 'open_sansregular';
}