/* start initial --------------------*/

html, body, form {
	margin: 0;
	padding: 0;
	font: 88%/100% Arial, Helvetica, sans-serif;
	line-height:1.35;
}

body {
	background:#eaeaea url(/themes/cc/gfx/backgrounds/bk-body.jpg) repeat-y center;
	color:#726271;
	min-width:1000px;
}

form {
	font-size:100%;
}

input, select, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}

h2,h3,h4,h5,h6 {
	font-weight:normal;
	line-height:1.5;
	margin:12px 0 6px;
	text-shadow:0 2px 1px #fff;
}

h1 {
	font-size:225%;
	font-weight:normal;
	line-height:1.25;
	letter-spacing:normal;
	margin:0 0 12px;
	padding:0;
	text-shadow:0 2px 1px #fff;
	
}

#content h1 {

	letter-spacing:-1px;

	/*-webkit-transform: rotate(-2deg);
   	-moz-transform: rotate(-2deg);
   	transform: rotate(-2deg);
	
	background-color:rgba(255,255,255,0.50);
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	padding-left:7px;
	
	position:relative;
	bottom:20px;*/

}

a, a:visited {
	color:#e225c1;
}

small a, small a:visited {
	background:#e225c1;
	color:#fff;
	padding:2px 5px;
	text-decoration:none;
	text-transform:lowercase;
	
	position:relative;
	bottom:4px;

	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
	text-shadow:none;
	font-style:normal;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;

}

h1 small {
	font-size:50%;
}

small a:hover {
	text-decoration:none;
}

.huge {
	font-size:150%;
}

h2 {
	font-size:150%;
}

h3, h4 {
	font-size:125%;
}

#content p {
	margin-bottom:12px;
}

blockquote {
	width:66%;
	margin:25px auto;
	padding:15px 25px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:url(/themes/cc/gfx/backgrounds/bk-blockquote.png) no-repeat top center;
	font-size:150%;
	font-style:italic;
	text-align:center;
	text-shadow:0 2px 1px #fff;
}

blockquote p:before {
	content: '\201C';
}

blockquote p:after {
	content: '\201D';
}

#content blockquote p {
	margin-bottom:0;
}

#content ul, #content ol {
	margin-bottom:12px;
}

form label, #submit {
	cursor: pointer;
}

form label, legend {
	font-size:100%;
}

fieldset {
}

input, select, textarea {
	font-size: 100%;
}

.highlight {
	color:#e225c1;
}

a img {
	border:none;
}

img {
	padding:0;
	margin:0;
}
	
hr {
}

small {
	font-size:75%;
}

label small {
	font-size:77%;
}

.left {
	text-align:left;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

.fleft {
	float:left;
	margin-right:30px;
	margin-bottom:15px;
}

.fright {
	float:right;
	margin-left:30px;
	margin-bottom:15px;
}

.clear {
	clear:both;
}

.noclear {
	clear:none;
}

.caps {
	text-transform:uppercase;
}

.caps span {
	text-transform:none;
}

.capitalize {
	text-transform:capitalize;
}

code {
	display:block;
	border:1px solid #bcc2c7;
	background:#fff;
	padding:15px;
	margin:15px 0;
}

#treewrapper li, #pagetreewrapper li {
	min-height:20px;
	clear:left;
}

/*end initial-----------------------*/

/*images----------------------------*/

/*forms-----------------------------*/


/*lists-----------------------------*/

#content ul, #content ol {
	margin-left:30px;
}


/*layout----------------------------*/

div#container {
	width:950px;
	margin:0 auto;
	padding:0;
	overflow:auto;	
}

.line {
	float:left;
	width:100%;
	position:relative;
}

.item {
	position:relative;
	float:left;
	left:100%;
}

.item1 {
	margin-left:-100%;
	margin-bottom:0;
	width:100%;
	/*margin-bottom: -10000px;
	padding-bottom: 10000px;*/
}

.item2 {
	margin-left:-350px;
	margin-bottom:0;
	/*width:349px;*/
	width:350px;
	/*z-index:100;
	background-color:#DFE1E3;
	border-left:1px solid #BCC2C7;
	margin-bottom: -10000px;
	padding-bottom: 10000px;*/
}

#content {
	padding:25px 10px;
	margin:0 auto 0;
	width:730px;
}

.main {
	width:475px;
	float:left;
	margin-bottom:25px;
}

.sub {
	width:230px;
	float:right;
	margin-bottom:25px;
}

.slide-wrapper {
	background:#444143 url(/themes/cc/gfx/backgrounds/bk-slide.jpg) repeat-x top;
	width:100%;
	height:300px;
	border-bottom:3px solid #257ee2;
}

.piclink {
	float:left;
	width:155px;
	height:200px;
	border:2px solid #fff;
	background:#444143;
	margin-right:25px;
	margin-bottom:25px;
	
		box-shadow:0 0 10px rgba(0,0,0,0.25);
		-moz-box-shadow:0 0 10px rgba(0,0,0,0.25);
		-webkit-box-shadow:0 0 10px rgba(0,0,0,0.25);
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.piclinklast {
	margin-right:0;
}

#footer-wrapper {
	clear:both;
	width:100%;
	padding-top:12px;
	overflow:hidden;
}

#footer {
	padding:10px 0 0;
	background:#444143 url(/themes/cc/gfx/backgrounds/bk-footer.jpg) repeat-x top;
	color:#d9d9d9;
	margin:0;
	overflow:hidden;
		
	-webkit-text-size-adjust: none;
	
	box-shadow:0px 0px 10px rgba(0,0,0,0.75);
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.75);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.75);
		
}

#footer h3, #footer h4 {
	text-shadow:none;
	-moz-text-shadow:none;
	-webkit-text-shadow:none;
}

#footer .disclaimer {
	text-align:center;
	margin:25px 0 0;
	clear:both;
	padding:12px 25px;
	background:#333032;
	color:#c8c8c8;
}

#footer .disclaimer a {
	color:#c8c8c8;
	text-decoration:none;
}

#footer .disclaimer a:hover {
	/*color:#e225c1;*/
	color:#eaeaea;
}

#footer .foot-block {
	width:25%;
	margin:0 auto 25px;
	padding:0;
	float:left;
	overflow:auto;
}

#footer .foot-block .foot-title {
	color:#aaa7a9;
	font-size:125%;
	text-align:center;
	margin-bottom:25px;
	
	color:#908090;
}

#footer a {
	color:#d9d9d9;
}

#footer .foot-block p {
	margin:0 15px 10px;
}

#footer #latest-tweet {
	width:250px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#footer ul#featured-work, #footer ul#social-networks {
	list-style:none;
	margin-bottom:15px;
	margin-left:5px;
	margin-right:5px;
}

ul#featured-work li span {
	display:block;
	color:#959595;
}

ul#featured-work li a:hover {
	color:#fff;
}

ul#featured-work li, ul#social-networks li {
	margin:2px 0;
	line-height:1.2;
}

ul#featured-work li a, ul#social-networks li a {
	display:block;
	text-decoration:none;
	padding-left:40px;
	min-height:35px;

	background-repeat:no-repeat;
	background-position:0 50%;
	overflow:visible;
}

ul#featured-work li a:hover span span , ul#social-networks li a:hover span span {
	color:#e225c1;
}	

ul#featured-work li a:hover span, ul#social-networks li a:hover span {
	color:#69f;
}

ul#social-networks li.twitter {
	background:url(/themes/cc/gfx/icons/twitter-small.gif) no-repeat 0 50%;
}

ul#social-networks li.facebook {
	background:url(/themes/cc/gfx/icons/facebook-small.gif) no-repeat 0 50%;
}

ul#social-networks li.flickr {
	background:url(/themes/cc/gfx/icons/flickr-small.gif) no-repeat 0 50%;
}

ul#social-networks li.linkedin {
	background:url(/themes/cc/gfx/icons/linkedin-small.gif) no-repeat 0 50%;
}

ul#social-networks li a span.linked {
	padding:0 3px;
	background:#555;
	color:#fff;
}

ul#social-networks li a span.in {
	padding:0 3px;
	background:#282828;
}

ul#social-networks li a:hover span.linked {
	background:#eaeaea;
	color:#333;
	padding:0 3px
}

ul#social-networks li a:hover span.in {
	background:#59b;
	color:#fff;
	padding:0 3px;
}

/* Easy Slider */

	#slide-wrapper {
		width:100%;
		height:300px;
		background:#2b3036 url(/themes/cc/gfx/backgrounds/bk-slider-wood.jpg) repeat-x top;
		/*margin-bottom:-50px;*/
		overflow:hidden;
		border-bottom:3px solid #1a2025;
		border-top:3px solid #1a2025;
	}
	
	#banner {
		width:100%;
		height:300px;
		background:#2b3036 url(/themes/cc/gfx/backgrounds/bk-slider-wood.jpg) repeat-x top;
		/*margin-bottom:-50px;*/
		overflow:hidden;
		border-bottom:3px solid #1a2025;
		border-top:3px solid #1a2025;
		font-family:Georgia, "Times New Roman", Times, serif;
		letter-spacing:-0.05em;
		font-style:italic;
		color:#fff;
	}
	
	body#admin #banner {
		height:75px;
	}
	
	#banner p {
		width:825px;
		text-align:center;
		font-size:400%;
		padding:30px 0 65px;
		margin:0 auto;
		line-height:1.1;
		text-shadow:#000 5px 5px 5px;
		position:relative;
	}
	
	#banner p big {
		font-size:150%;
		position:relative;
		bottom:-10px;
		padding-left:10px;
		padding-right:10px;
		text-shadow:#000 10px 10px 10px;
	}
	
	#banner p big:before {
		content: open-quote;
	}
	
	#banner p big:after {
		content: close-quote;
	}
	
	#banner small {
		font-size:25%;
		position:absolute;
		top:30px;
		left:0;
	}
	
	#slider, #still-slide {
		width:980px;
		margin:0 auto;
		position:relative;
	}
			
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:15px;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:980px;
		height:300px;
		overflow:hidden;
		position:relative;
		}	
		
	/* numeric controls */	

	ol#controls{
		position:relative;
		width:950px;
		margin:0 auto;
		padding:0;
		height:28px;
		opacity:0.85;
		}
	ol#controls li{
		margin:0 15px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		position:absolute;
		top:0;
		left:0;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #bcc2c7;
		background:#d7dde1 url(/themes/cc/gfx/bg/bk-slider-sidegrad.jpg) repeat-x top;
		color:#2b3036;
		padding:0 10px;
		text-decoration:none;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		}
	ol#controls li.current a, ol#controls li a:hover {
		background:#69f;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* ***** slider contents ***** */

	div#slider li a {
		text-decoration:none;
	}
	
	div#slider span.slider-image {
		position:absolute;
		top:0;
		left:0;
	}
	
	div#slider span.slider-title {
		background-color: rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0.33);
		color:#fff;
		font-size:150%;
		line-height:2.5;
		padding:15px 30px;
		position:relative;
		left:15px;
		text-align:center;
		
		border-bottom-right-radius:10px;
		-moz-border-radius-bottomright:10px;
		-webkit-border-bottom-right-radius:10px;
		border-bottom-left-radius:10px;
		-moz-border-radius-bottomleft:10px;
		-webkit-border-bottom-left-radius:10px;
		
		border:1px solid #333;

	}
	
	div#slider span.slider-intro {
		margin-top:30px;
		width:290px;
		display:block;
		background-color: rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 0.66);
		color:#2b3036;
		padding:30px;
		font-size:100%;
		position:relative;
		left:15px;
		
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		
		border:1px solid #ddd;
	}
	
	span.lookalink {
		color:#f51;
		padding-right:13px;
		background:url(/themes/cc/gfx/bg/bk-lookalink.gif) no-repeat 100% 45%;
	}
	
/* // Easy Slider */

/* ***** contact form ***** */

	#content form#contactform {
		width:475px;
		float:left;
		background:#eaeaea url(/themes/cc/gfx/backgrounds/bk-grey-grad-tall.jpg) repeat-x bottom;
		border:2px solid #fff;
		padding:15px 0 25px;
		
		box-shadow:0px 0px 10px rgba(0,0,0,0.25);
		-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.25);
		-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.25);


	}
	
	#content form#contactform fieldset {
		border:none;
		padding:0 25px;
		background:transparent;
	}
	
	#content form#contactform legend {
		visibility:hidden;
		margin:0;
		padding:0;
		width:0;
		height:0;
		line-height:0;
	}
	
	#content form#contactform input[type="text"], #content form#contactform textarea, #contactform div.inputmimic {
		border:1px solid #ccc;
	}
	
	#content form {
		/*background:#c7e2f3;*/
		background:#ddd;
		color:#378de6;
		padding:4px 3px;
		
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		
		margin-bottom:25px;
		margin-top:25px;
		
		}

	#content form fieldset {
		background:#d8d8d8;
		padding:15px 25px 10px;
		border:none;
		
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		
		margin-bottom:4px;
		
		border:1px solid #fff;
	}

	#content form fieldset:last-child, #content form fieldset.final {
		margin-bottom:0;
		padding:10px 25px;
	}
	
	#content form legend {
		visibility:visible;
		color:#378de6;
		font-size:85%;
		line-height:1.5;
		width:auto;
		height:auto;
		background:#ddd;
		padding:1px 10px 3px;
		
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		
		border:1px solid #fff;
		
	}
	
	#content form label {
		color:#378de6;
		padding:0;
		margin:0 0 5px;
		font-size:90%;
	}
	
	#content form input[type="text"], #content form textarea, div.inputmimic {
		background:#f4f4f4;
		color:#2b3036;
		border:1px solid rgba(100, 175, 255, 0.75);
		padding:4px;
		margin:0 0 10px;
		font-size:110%;
		width:203px;
		
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}

	#content form input[type="file"] {
	}

	#content form input[type="text"]:focus, #content form textarea:focus {
		background:#fff;
	}
			
	#content form textarea {
		width:406px;
	}
	
	#content form select {
		margin:0 0 10px;
		font-size:110%;
	}
	
	#content form input[type="submit"], #content form input[type="button"], #content form input #submit {
		
		border-radius:5px;
    	-moz-border-radius:5px;
    	-webkit-border-radius:5px;
    
		background:#e225c1;
    	color:#fff;
		padding:4px 12px 6px;
		font-size:11px;
		margin:0 10px 0 0;
		font-weight:bold;
		border:none;
		
		-webkit-text-size-adjust:125%;
		
	}
	
	#content form p {
		margin-top:5px;
		font-size:90%;
	}
	
	#content form p span {
		color:#2b3036;
	}
	
	#clients-contact {
		margin-top:30px;
		margin-left:630px;
		text-align:center;
	}
	
	#clients-contact h2 {
		clear:none;
		border-bottom:1px solid #666;
		margin-bottom:20px;
	}
	
	#clients-contact img {
		padding:10px 5px;
	}
	
	#clients-contact big {
		font-size:150%;
		padding:30px;
		text-transform:capitalize;
		white-space:nowrap;
		line-height:3.0;
	}


/* ***** lavalamp ***** */

#lavaLampBasicImage {
position: relative;
/*width: 444px;
background: url("/themes/cc/includes/lavalamp/images/bg.gif") no-repeat top;
padding: 15px;
padding-right:5px;
margin: 10px 0;
overflow: hidden;
height:40px;*/
}
#lavaLampBasicImage li {
/*float: left;
list-style: none;*/
}
#lavaLampBasicImage li.backLava {
/*background: url("/themes/cc/includes/lavalamp/images/lava.gif") no-repeat right -30px;
width: 9px; height: 30px;*/
/*background:#59b;*/
/*background:#64afff;*/
background-color:rgba(100,175,255,0.75);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
z-index: 8;
position:absolute;

	/*background-image:url('/themes/cc/gfx/backgrounds/bk-grey-grad-reverse.png');*/
	background-position:center;
	background-repeat:repeat-x;
	/*background-color: rgba(100, 175, 255, 0.66);/*
	
}
#lavaLampBasicImage li.backLava .leftLava {
/*background: url("/themes/cc/includes/lavalamp/images/lava.gif") no-repeat left top;*/
/*height: 30px;*/
/*margin-right: 9px;*/ /* 7px is the width of the rounded shape */
}
#lavaLampBasicImage li a {
/*font: bold 14px arial;*/
text-decoration: none;
/*color: #fff;*/
outline: none;
text-align: center;
/*top: 7px;*/
/*text-transform: uppercase;
letter-spacing: 0;*/
z-index: 10;
/*display: block;
float: left;*/
/*height: 30px;*/
position: relative;
overflow: hidden;
/*margin: auto 8px;*/    
}
#lavaLampBasicImage li a:hover, #lavaLampBasicImage li a:active, #lavaLampBasicImage li a:visited {

}

/* ***** popout signin form ***** */

#topnav {
	position:relative;
	text-align:right;
	background:#257ee2 url(/themes/cc/gfx/backgrounds/bk-topnav.jpg) repeat-x top;
	color:#def;
	width:750px;
	margin:0 auto;
	padding:8px 5px 10px;
	
	border:2px solid #fff;
	border-top:none;

	border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:8px;
	
	-webkit-text-size-adjust:none;
	
	box-shadow:0px 0px 10px rgba(0,0,0,0.25);
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.25);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.25);

}

#topnav .mini {
	text-align:left;
	float:left;
	list-style:none;
	margin-top:-5px;
}

#topnav .mini li {
	float:left;
	margin:0;
	padding:0;
	font-weight:bold;
}

#topnav .mini li a {
	display:block;
	padding:5px 12px 5px;
	margin:0;
	color:#def;
}

#topnav a {
	text-decoration:none;
}

#topnav ul li a:hover, #topnav ul li a.current {
	color:#fff;
}

#topnav ul li a.current {
	text-decoration:underline;
}

#topnav a.signin {
	background-color: rgba(100, 175, 255, 0.75);
	/*background-color:#64afff;*/
    padding:4px 12px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#def;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

form#signin {
	background:#d5ecfb;
}

a.signin {
    position:relative;
    margin-left:3px;
	color:#def;
}

#topnav a.signin:focus, #topnav a.signin:hover {
	outline:none;
	color:#fff;
}

#topnav a.signout {
	/*background-color:#64afff;*/
	background-color:rgba(100,175,255,0.75);
    padding:4px 12px 6px;
	margin-left:5px;
    text-decoration:none;
    font-weight:bold;
    color:#def;
	
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

#topnav a.signout:hover, #topnav a.signout:focus {
	color:#fff;
}

#topnav a.menu-open {
    background:#d5ecfb !important;
    color:#59b !important;
    outline:none;

	box-shadow:-2px 2px 2px rgba(0,0,0,0.25);
	-moz-box-shadow:-2px 2px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow:-2px 2px 2px rgba(0,0,0,0.25);

}

#topnav fieldset legend {
	display:none;
}

#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}
a.signin.menu-open span {
    color:#59b;
}

#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
	
	box-shadow:-2px 2px 2px rgba(0,0,0,0.25);
	-moz-box-shadow:-2px 2px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow:-2px 2px 2px rgba(0,0,0,0.25);
	
    display:none;
    background-color:#d5ecfb;
    position:absolute;
    width:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 19px; 
    right: 5px; 
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#59b;
    font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #ace;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#59b;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#59b!important;
}
#signin_submit {
	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    
	background:#e225c1;
    color:#fff;
    padding:6px 12px 8px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
	border:none;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}


	#front-nav {
		position:relative;
		width:925px;
		padding:0;
		margin:0 auto;
		
		overflow:visible;
		
		min-height:225px;
				
		-webkit-text-size-adjust:105%;
					
	}
	
	#front-nav img#logo {
		position:absolute;
		top:-2px;
		left:0;
		width:450px;
		height:310px;
		font-size:425%;
		line-height:1.5;
		color:#257ee2;
		text-align:right;
		
	}
	
	#front-nav .nav {
		background:#f4f4f4 url(/themes/cc/gfx/backgrounds/bk-grey-grad.jpg) repeat-x bottom;
		margin:0 0 0 280px;
		top:88px;
		padding:15px 25px 20px;
		text-align:justify;
		list-style:none;
		width:500px;
		font-size:145%;
		line-height:1.75;
		position:relative;
		
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		
		box-shadow:0 0 10px rgba(0,0,0,0.25);
		-moz-box-shadow:0 0 10px rgba(0,0,0,0.25);
		-webkit-box-shadow:0 0 10px rgba(0,0,0,0.25);

		
		border:2px solid #fff;
	}
	
	#front-nav .nav a {
		text-decoration:none;
		padding:1px 2px 3px;
		border-bottom:1px solid #e225c1;
	}

	#front-nav .nav a.current {
		text-decoration:none;
		background-color:#f6cbee;
		background-color:rgba(226,83,197,0.25);

		border-top-radius-left:3px;
		border-top-radius-right:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		-webkit-border-top-left-radius:3px;
		-webkit-border-top-right-radius:3px;

	}
	
	#nav-arrow {
		background: url(/themes/cc/gfx/backgrounds/bk-arrow-down.gif) no-repeat top;
		width:50px;
		height:50px;
		position:absolute;
		bottom:-47px;
		left:65px;
	}
		
		
/* ***** tooltips ***** */

	#tooltip { 
    	display:none; 
    	height:50px; 
    	width:160px; 
    	padding:20px 50px 42px; 
    	color:#fff;
		z-index:100;
		text-align:center;
		line-height:1.35;
		font-family:Arial, Helvetica, sans-serif;
				
		background-image:url(/themes/cc/gfx/backgrounds/bk-pink-arrow-down.png);
		
		background-position:center bottom;
		background-repeat:no-repeat;
				
	}
		
	/*#tooltip { 
    	display:none; 
    	height:50px; 
    	width:160px; 
    	padding:20px 20px 20px; 
    	color:#fff;
		z-index:100;
		text-align:center;
		line-height:1.35;
		font-family:Arial, Helvetica, sans-serif;
		
		background-color:rgba(226,37,193,0.90);
		background-image:none;
				
		border:2px solid #fff;
		
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		
		box-shadow:0 0 10px rgba(0,0,0,0.25);
		-moz-box-shadow:0 0 10px rgba(0,0,0,0.25);
		-webkit-box-shadow:0 0 10px rgba(0,0,0,0.25);
	}*/
	
/* ***** iphone include ***** */

	#iphone {
		width:230px;
		height:429px;
		background:url(/themes/cc/gfx/backgrounds/bk-iphone.png) no-repeat;
		position:relative;
	}
	
	#iphone #fallback {
		padding:80px 30px 80px;
		color:#eaeaea;
		text-align:center;
	}
	
	#content #iphone #fallback h2 {
			text-shadow:none;
		-moz-text-shadow:none;
		-webkit-text-shadow:none;
	}

	#iphone #screens {
		position:absolute;
		top:70px;
		left:21px;
	}