/************************************************************************
*   
*   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;	
}
h2 {}

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

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

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

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

#frame-splash
{
	background:url(../images/petersberg-halle.jpg) no-repeat;
	height:340px;
	width:970px;
}

#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:33px 40px 5px;
	width:890px;	
}

#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:efefef;
	padding:30px 40px 30px;
	width:890px;
}

#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;
}

#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, h2
{
	color:#ffffff;
	font-size:38px;
	line-height:40px;
  padding:40px;
  text-shadow: 1px 1px 1px #000;
  font-family:georgia,times,serif;
}

h2
{
	color:#555;
	font-size:21px;
	font-weight:normal;
	line-height:28px;
  padding:0;
  text-shadow:none;
}
small a {
  color:ccc;
  font-size:11px;
}
.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--------------------------------------------------------------*/

blockquote {
  padding-left:20px;
  font-style:italic;
  color:#505050;
  border-left:3px solid #A0A0A0;
  margin:15px 0 25px 5px;
}
#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:630px;	
}

#features li
{
	float:left;
	margin:0;
	padding:0 0 27px 0;
	width:290px;
}
#features li.right {
  margin-right:20px;
}
#features li.right {
  margin-left:20px;
}

#features li.none
{
	margin:0;	
}

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

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

#features dd
{
	color:#818181;	
}

#features dd a img {
  padding:3px;
  border:1px solid #cdcdcd;
}
#features dd a:hover img {
  background:#cdcdcd;
  border:1px solid #777;
}

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

#testimonial
{
	margin:26px 0 0;
}

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

#testimonial blockquote
{
	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:300px;
}

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

#frame-contact .left-column p
{
	color:#000000;
	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:#898989;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:13px;
	margin:0 0 15px;
	padding:13px;
	width:276px;
}

#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;
    resize: none;
	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;
}


.infotxt {
  color:rgb(48,48,48);
  font-size:11px;
}

.featured {
    float:left;
    font-size:14px;
    line-height:1.5em;
    margin-bottom:10px;
}