/* GraficSofa */


/* Reset ================================================================================= */
* {
	margin:0;
	padding:0;
}

body          {
	font:12px/1.55 Arial, Helvetica, sans-serif;
	color:#7a7777;
}

img           {
	border:0;
	vertical-align:top;
}

a             { color:#3f3d3d; text-decoration:none; }
a:hover       { text-decoration:none; }
:focus        { outline:0; }

/* Headings */
h1,h2,h3,
h4,h5,h6      { margin:0 0 5px; line-height:1.35; color:#3f3d3d; }
h1            { font-size:20px; font-weight:normal; }
h2            { font-size:18px; font-weight:normal; }
h3            { font-size:14px; font-weight:normal; }
h4            { font-size:14px; font-weight:bold; }
h5            { font-size:12px; font-weight:bold; }
h6            { font-size:11px; font-weight:bold; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
p             { margin:0 0 10px; }
strong        { font-weight:bold; }
address       { font-style:normal; line-height:1.35; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
/*sup           { font-size:1em; vertical-align:top; }*/

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.clearer      { display:block; clear:both; float:none!important; min-height:1px; }
.clearer:after{ display:block; height:0; line-height:0; clear:both; content:'.'; visibility:hidden; }
/* ======================================================================================= */

html {overflow-y: scroll; } 

body { background:url(../images/bg-body.jpg); font:14px/1.3 Century Gothic,Arial,Helvetica,Verdana; color:#FFF }

input, textarea { font-family: Century Gothic, Arial, Helvetica, Verdana; font-size:12px; }
h1,h2,h3,h4,h5,h6 {
	font-family: Century Gothic, Arial, Helvetica, Verdana;
	font-weight:normal;
}
h1 {
	font-size: 14px;
	font-style:italic;
	font-weight:bolder;
	color: #FFF;
	font-family: Century Gothic, Arial, Helvetica, Verdana;
	font-weight:normal;
	line-height:1.35;
	padding-bottom: 10px;
}
h2 {
	font-size: 13px;
	color: #FFF;
	font-family: Century Gothic, Arial, Helvetica, Verdana;
	font-weight:normal;
	line-height:1.35;
	padding-bottom: 10px;
}

.wrap-page { background:url(../images/bckgrnd-mainslice.jpg) repeat-x left top; min-width:980px; }
.wrapper { width:980px; margin-right:auto; margin-left:auto; padding-bottom:180px; }

/* ==== Header =============================================*/
.header { position:relative; background:url(../images/GS-bendy-line.png) no-repeat 83px 222px; margin:0 auto 50px; width:950px; }

#contact_tab { position: absolute; height: 130px; width: 100px; right: 20px; top: -8px; }
#logo { height:200px; margin-left:25px; margin-top:26px; width:150px; float:left; }
#slogan {
	float:left;
	height:100px;
	margin-top: 115px;
	margin-left: 100px;
	width: 200px;
}

.header-right {
	width:450px;
	float:right;
	padding-top:180px;
	margin-right:20px;
}
#social { height:30px; padding-right:30px; width: 150px; float:right}
#facebook, #twitter { float:right; height:30px; width:25px; margin-left:10px }

/* main navigation */
#navigation { height: 39px; width: 330px; float: right; background-image: url(../images/top_nav-background-dropshadow.png); margin-top:10px; padding:10px 0 0 30px; }
#navigation .left { float:none !important; }

/*==========================================================*/


/* ==== Main Content =======================================*/
#big_text { height:246px; width: 655px; margin:0 auto 30px; }
#info { background:url(../images/arrow-more_stuff.png) no-repeat right bottom; min-height:250px; }
#text { width: 660px; margin:0 auto;  font-size: 13px;line-height:1.35; text-align:justify; -moz-column-count: 2; -moz-column-gap: 50px; -webkit-column-count: 2; -webkit-column-gap: 50px; column-count: 2; column-gap: 50px; padding-bottom:20px; }

#quicklinks { height:150px; width:640px; margin:0 auto; }
#quicklinks .boxes { width:120px; height:120px; margin:0 auto; }

/* Contact form */
#contact_details { padding:0 70px; }
#form { width:400px; float:left; margin-right:60px; position:relative; }
#contactForm { display:block; background:url(../images/contact_form-BG.png) no-repeat 0 0; width:400px; }
legend { display:none; }
#contactForm textarea { overflow:hidden; height:100px; margin:0; }
#contactForm fieldset { padding-top: 50px; padding-left: 20px; }
#contactForm p { margin:2px 16px; width:320px; }
#contactForm input, #contactForm textarea { border:2px solid #3B83B2; width:100%; }
#contactForm button { border: none; background:url(../images/bg_button.png) no-repeat 0 0; width:70px; height:40px; text-align:left; overflow:hidden; text-indent:-8000px; cursor:pointer; margin-top:-5px; display:block; }
#contactForm .inactive { color:#999; } 
#contactForm .active { color:#000; }
#contactForm .focused { color:#000; background:#DDD; }
.field_completed { height: 15px; width: 200px; font-size: 10px; color: #ED7AAC; float: right; right: 34px; position: absolute; top: 32px; }

/* Contact Information */
#e-mail_phone {
width: 300px;
float:right;
margin-top:80px;
font-size:12px;
}
#e-mail_phone p{ display:block; background:url(../images/contact-background.png) no-repeat left -5px; line-height:36px; padding:0; margin:0; text-align:center; }
#e-mail_phone a { color:#FFF; }
/*==========================================================*/

/* ==== Footer =============================================*/

#footer { background-color: #FFFFFF; bottom: 0; height: 72px; left: 0; margin-top: 100px; position: fixed; width: 100%; z-index: 999; }
#white_logo {
    bottom: 53px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 123px;
}

/*==========================================================*/



/* web */
#fl_menu1{ position:absolute; top:345px; left:0px; z-index:0; width:120px; height:360px; }

#web_links {
	width: 780px;
	margin:0 auto;
}
.eff { width:160px; height:160px; position:relative; overflow:hidden; float:left; display:inline; margin:50px; font-size:12px; }
.eff img { display:block; width:160px; height:160px; text-decoration:none; background:#ddd; position:absolute; 	z-index:500; cursor:pointer; cursor:hand; left: 0px; } 
.eff .caption h1 { margin:0; }
.eff .caption1 { color: #EEEEEE; height: 200px; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; }
.eff .caption1  .header { padding-bottom:150px; }
.eff .caption1 ul { z-index:0; }
.toTheWebsite { font-size: 11px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #E780A3; text-decoration: none; text-align: center; line-height: 25px; margin-bottom:-5px; }
.eff .caption p { margin:0px;}
.eff .caption a.header { margin:10px 5px 5px 5px; display:block; font-size:14px; font-weight:700; color:#4ed7f4; }
.eff p { font-size:14px; }
.eff .span_web { line-height:13px; display:block; clear:both; }
.eff ul { margin-top:5px; line-height:13px; margin-left:0px; display:inline-block; }
.eff ul li { list-style:disc; margin-left:18px; }
.eff .span_web em { border-bottom:1px solid #e780a3; font-style:normal; }

/*Identity */
.body-identity .header { margin-bottom:60px; }
.wrap-identity {
	background-image: url(../images/Identity-Main-Image-bkgrnd.jpg);
	background-position:-100px 0;
	width:750px;
	height: 650px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#identity_content { position:relative; width:660px; margin:0 auto; height:480px; }
#web_text { width:600px; margin:0 auto; padding-bottom:10px; text-align:justify; font-size:13px; }


/* bundles */
.body-bundles div.header { margin-bottom:60px; }
#bundles_content { background-image: url(../images/Identity-Main-Image-bkgrnd.jpg); background-position:-75px 0; width:800px; margin:0 auto; padding-top:20px; }


		/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */
		
		.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0; color:purple;}
		.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
		.easy-accordion dt,.easy-accordion dd{position:absolute}
		.easy-accordion dt{
				margin-bottom:0;
				margin-left:0;
				z-index:5;
				/* Safari */ 
				-webkit-transform: rotate(-90deg); 
				/* Firefox */ 
				-moz-transform: rotate(-90deg);
				-moz-transform-origin: 20px 0px;  
				/* Opera */
				-o-transform: rotate(-90deg);
				/* Internet Explorer */ 
						/* Safari */ 
				-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
				filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
				cursor:pointer;
			}
		.easy-accordion dd{z-index:1;opacity:0;overflow:hidden; background:#3B83B2; color:#FFF; font-size:13px; }
		.easy-accordion dd.active{opacity:1;}
		.easy-accordion dd.no-more-active{z-index:2;opacity:1}
		.easy-accordion dd.active{z-index:3}
		.easy-accordion dd.plus{z-index:4}
		.easy-accordion .slide-number{ position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;	}
		 
		 
		/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
		
		dd p{line-height:120%}
		
		#accordion-1{ background: #3B83B2; border:2px solid #363637; height: 340px; width:800px; margin-bottom:20px; }
		#accordion-1 dl{width:800px;height:340px}	
		#accordion-1 dt{height:47px;line-height:44px;text-align:right;padding:0 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:url(../images/slide-title-inactive-1.png) 0 0 no-repeat;color:#A8A8A8; font-size:1.4em; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#accordion-1 dt { top:146px!important; }
}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	#accordion-1 dt { top:146px!important; }
}


		#accordion-1 dt.active{cursor:pointer;color:#3B83B2;background:url(../images/slide-title-inactive-1.png) no-repeat scroll 0 0 transparent}
		#accordion-1 dt.hover{color:#68889B;}
		#accordion-1 dt.active.hover{color:#fff}
		#accordion-1 dd{padding:25px;margin-right:3px}
		#accordion-1 .slide-number{left:10px;font-weight:bold}
		#accordion-1 .active.hover .slide-number{color:#fff;}
		#accordion-1 a{color:#68889b}
		#accordion-1 dd img{float:right;margin:0 0 0 30px;}
		#accordion-1 h2{font-size:2.5em;margin-top:10px}
		#accordion-1 .more{padding-top:10px;display:block}

span.header { color:#ED7AAC; font-size:16px; display:block; margin-bottom:10px; }
span.footer { color:#FFF; font-size:14px; font-style: italic; display:block; margin-bottom:10px; }
.dd-list { margin-left:5px; margin-bottom:5px; }
.dd-list li { margin-left:10px; list-style:disc; }
span.c3 { font-size: 12px; font-style: italic; font-weight: bold; }
span.c4 { color: #ED7AAC; font-size: 12px; font-style: italic; }
span.c5 { display:block; padding-bottom:12px; font-size: 10px; font-style: italic; }

#bundles_web_text { width:600px; margin:0 auto; padding-bottom:10px; text-align:justify; font-size:13px; }
#bundles_web_text a { color:#E780A3; }



/* CMS/SEO Page */
.body-content-wrapper { width: 660px; background: url(../images/Identity-Main-Image-bkgrnd.jpg) repeat-y -145px 0; margin:0 auto; }
#contentHolder .title { color: #ED7AAC; font-family: "Myriad Pro",Arial,Helvetica,sans-serif; font-size: 18px; font-style: italic; font-weight: bold; }
.body-inner .header { margin-bottom:60px; }
#cms_seo_content { width: 660px; }
#cms_seo_content #jquery_scroll { }

.wrap-tabContainer { height:35px; padding: 15px 20px 10px; }
.tabContainer{ }
#contentHolder{ background-color:#EEEEEE; border:2px solid #FFFFFF; height:300px; margin:20px; text-align: justify; color:#444444; padding:15px; font-size:13px; }
#tabContent, .tabContainer li a,#contentHolder{ -webkit-box-shadow:0 0 2px black; -moz-box-shadow:0 0 2px black; box-shadow:0 0 2px black; }
#tabContent{ background-color:#333; border:1px solid #444; width:100%; clear:both; }

#overLine{ /* The line above the active button. */ position:absolute; height:1px; background-color:white; width:90px; float:left; left:1px; top:-3px; overflow:hidden; } 

.tabContainer li{ display:inline-block; float: left;  width:auto; } 
.tabContainer li a,.tabContainer li a:visited{ float:left; font-size:14px; display:inline-block; padding:7px 16px 1px; margin:4px 5px; height:20px; position:relative; text-decoration:none; color:#CCC; }

/* Affliates Page */
#logo_wrapper { margin-top:20px; }
.holder {
        border: 1px dashed #3B83B2;
        float: left;
        min-height: 20px;
        margin: 10px;
        overflow: hidden;
        padding: 10px;
        width: 150px;
		text-align:center;
		cursor:default;
}


.tooltip {
        display:none;
        background:url(../images/popupbg.png);
        height:163px;
        padding:10px;
        width:320px;
        font-size:11px;
        color:#fff;
        text-align: justify;
}
.tooltip img
{
        float:left;
        margin-left:20px;
        margin-top:10px;
}
.tooltip a {
        color:#E780A3;
        font-size:14px;
        font-weight:bold;
        text-align: justify;
        
}
.tooltip_content
{
        margin-top:10px;
        float:right;
        margin-right:20px;
		display:block;
		width:140px;
		
}
#top-text {
	height: 20px;
	width: 710px;
	border-bottom-color: #3B83B2;
	margin-left: 35px;
	padding-top: 15px;
}
