@charset "UTF-8";

/* CSS Document */

/*

Colour Guide:

Dark purple 2 (top bar): #5C2172
Deep purple (menu bar): #4A1E5A
Lavendar (feature / main area): #6F3B83
Medium lavender (chatter box): #E3D8EC
Light lavendar 1: (content area): #E9E8EE
Light lavendar 2 (footer): #DAD8E3

Text: #5C2172
*/


/* LAYOUT */
/* ----------------------------------------- */

/* Main layout blocks */

body {
			background:#6f3b83;
			background-image:url(http://www.cosmotalks.com/images/interface/back_ground.jpg);
			background-repeat:repeat-x;
}

div {
			position:relative;
}

div.wrapper {
			width:950px;
			margin:0 auto;
			background-image:url(http://www.cosmotalks.com/images/interface/header_background.jpg);
			background-repeat:no-repeat;
}

br.dirtyLittleTrick {
			clear:both;
			height:1px;
			margin:-1px 0 0 0;
}

button {
			border:0 none;
			cursor:default;
			font-weight:bold;
			padding:0 15px 0 0;
			text-align:center;
			height:30px;
			line-height:30px;
			width:auto;
}

button.rounded {
			background:transparent url(http://www.cosmotalks.com/images/interface/btn_right.png) no-repeat scroll right top;
			clear:left;
			font-size:.9em;
}

button span {
			display:block;
			padding:0 0 0 15px;
			position:relative;
			white-space:nowrap;
			height:30px;
			line-height:30px;
}

button.rounded span {
			background:transparent url(http://www.cosmotalks.com/images/interface/btn_left.png) no-repeat scroll left top;
			color:#4a1e5a;
}

button.rounded:hover {
			background-position:100% -30px;
}

button.rounded:hover span {
			background-position:0 -30px;
}

/* Header */

div.header_wrapper {
			background-image:url(http://www.cosmotalks.com/images/interface/header_background.jpg);
			background-repeat:repeat-x;
			margin-top:-20px;
			height:100px;
			width:100%;
			background-color:#6f3b83;
}

div.header_wrapper_article {
			margin-top:-20px;
			width:100%;
			background-color:#5c2172;
			background-image: url(http://www.cosmotalks.com/images/interface/article_headerBackground.png);
			background-repeat: repeat-x;
}

div.header {
			margin:0 auto;
			width:950px;
}

div.top_gutter_container {
			width:100%;
			overflow:auto;
			height:100px;
}

div.top_gutter {
			width:950px;
			margin:0 auto;
			height:100%;
}

ul.top_gutter_nav {
			float:right;
			padding:5px 0;
}

ul.top_gutter_nav li {
			float:left;
}

ul.top_gutter_nav li a {
			color:#fff;
}

ul.top_gutter_nav li a:hover {
			color:#BAA9E8;
}

/* Header: navigation: see nav.css and cosmo_nav.css for all topbar nav styles.  */

div.navigation {
			width:100%;
			height:90px;
			margin:-60px 0 0 270px;
			width:711px;
			z-index:20;
}

ul.nav {
			position:absolute;
			right:0;
			top:-26px;
			width:711px;
			height:50px;
			background-image:url(http://www.cosmotalks.com/images/interface/cosmotalks-mainnav.png);
			z-index:20;
}

ul.nav li {
			float:left;
			padding-right:10px;
			margin-right:10px;
			border-right:1px solid #999;
			text-transform:uppercase;
			letter-spacing:3px;
			font: 1em "Lucida Grande CE", Arial, Helvetica, sans-serif;
			margin-top:15px;
}

ul.nav li.first {
			margin-left:10px;
			padding-left:10px;
}

ul.nav li.last {
			margin-right:0;
			padding-right:0;
			border:none;
}

ul.nav li.last a {
			color:#FFF;
}

ul.nav li a {
			color:#999;
}

ul.nav li a:hover {
			color:#4a1e5a;
}

/* Center feature styles for index page  */

div.center-feature {
			width:100%;
			height:325px;
}

div.videoplayer {
			display:block;
			width:585px;
			height:298px;
			position:absolute;
			right:30px;
			text-indent:-9999px;
			background-image:url(http://www.cosmotalks.com/images/interface/video_back585x298.png);
			background-repeat:no-repeat;
			margin-top:-8px;
}

div.main_content_wrapper a {
			color:#FFF;
}

div.main {
			width:950px;
			margin:0 auto;
}

div.main_content {
			height:100%;
			margin:0 auto;
			overflow:auto;
			padding:40px 0 20px 60px;
			width:1000px;
}

div.main_content_container {
			width:100%;
			background:#e9e8ee;
			padding-bottom:20px;
}

/* Center feature styles for index page  */

#main-feature p {
			margin-bottom:0;
}

div.col_one {
			width:440px;
			float:left;
}

div.col_two {
			width:260px;
			float:left;
			background-color:#e3d8ee;
			margin-right:20px;
			padding-bottom:20px;
}

div.photoframe {
			background-image:url(http://www.cosmotalks.com/images/interface/photoFrame.png);
			background-repeat:no-repeat;
			height:170px;
}

.photoframe img {
			margin-top:5px;
}

div.videoframe {
			background-image:url(http://www.cosmotalks.com/images/interface/videoPlayer.png);
			background-repeat:no-repeat;
			height:170px;
}

div.gallery_button {
			background:#4A1E5A none repeat scroll 0 0;
			border:1px solid #BAA9E8;
			color:white;
			float:left;
			margin-right:20px;
			text-align:center;
			width:150px;
}

div.gallery_button a{
			color:white;
}

div.gallery_button a:hover{
			color:#e3e8dc;
}

.videoframe img {
			margin-top:5px;
}

/* Center styles for article pages  */


div.col_one_article {
			width:650px;
			float:left;
}

div.col_two_article {
			width:290px;
			float:left;
}

div.photoframe_article {
			background-image:url(http://www.cosmotalks.com/images/interface/photos_backGround.png);
			background-repeat:no-repeat;
			height:300px;
}

.photoframe_article img {
			width:260px;
			height: 240px;
			margin:18px 0 0 4px;
}

div.col_one_gallery {
			width:950px;
			float:left;
}

div.gallery_container {
			width:950px;
			height:500px;
			float:left;
}

/* Submenus  */

ul.submenu {
			margin:10px 0 0 0;
			padding:0;
			border-bottom:1px solid #dcdcdc;
}

ul.submenu li {
			margin-left:0px;
			display:block;
			overflow:hidden;
			height:100%;
			list-style-type:none;
}

ul.submenu li a {
			margin:0px 0;
			color:#666666;
			border-top:1px solid #dcdcdc;
			text-decoration:none;
}

ul.submenu li li a {
			margin:0;
			text-decoration:none;
}

ul.submenu li a:link, ul.submenu li a:visited {
			color:#7c7c7c;
			display:block;
			padding:6px 10px;
			text-decoration:none;
}

ul.submenu li li a:link, ul.submenu li li a:visited {
			color:#7c7c7c;
			display:block;
			text-decoration:none;
			padding:6px 10px;
}

ul.submenu li a:hover {
			color:#dd0000;
			padding:6px 10px;
			text-decoration:none;
}

ul.submenu li.current a {
			color:#dd0000;
			font-weight:bold;
			text-decoration:none;
}

div.rule {
			border-bottom:1px dashed #5C2172;
			clear:both;
			margin:15px auto;
			padding-top:20px;
}

div.col_three {
			width:230px;
			float:left;
}

div.single_col {
			width:220px;
			margin-right:20px;
			float:left;
}

div.single_col_last {
			width:220px;
			float:left;
}

div.double_col {
			width:675px;
			margin-right:45px;
			float:left;
}

div.double_col_last {
			width:460px;
			float:left;
}

div.tripple_col {
			width:660px;
			margin-right:60px;
			float:left;
}

div.tripple_col_blog {
			width:660px;
			margin-right:60px;
			float:left;
}

div.side_bar {
			width:220px;
			float:left;
}

div.test_col {
			width:460px;
			margin-right:20px;
			float:left;
}

div.full_length_col {
			width:950px;
			float:left;
}

ul.titles li.four_col_spread {
			width:950px;
			float:left;
}

ul.titles li.three_col_spread {
			width:700px;
			margin-right:20px;
			float:left;
}

ul.titles li.two_col_spread {
			width:460px;
			margin-right:20px;
			float:left;
}

ul.titles li.one_col_spread {
			width:220px;
			margin-right:20px;
			float:left;
}

ul.titles li.one_col_spread_last {
			width:220px;
			margin-right:0;
			float:left;
}

ul.titles li.two_large_col_spread {
			width:660px;
			margin-right:60px;
			float:left;
}

div.footer_wrapper {
			width:100%;
			border-top:4px solid #666;
			background:#000;
			overflow:auto;
}

div.footer_wrapper a:hover {
			color:#BAA9E8;
}

div.footer_content {
			width:950px;
			margin:0 auto;
			padding:20px 0;
}

div.footer_content .col_one, .footer_content .col_two, .footer_content .col_three {
			width:220px;
			margin-right:20px;
			float:left;
}

.footer_content .col_four {
			width:220px;
			float:left;
}

div.col_two_footer {
			width:220px;
			float:left;
			background-color:#000;
			margin-right:20px;
			padding-bottom:20px;
}

div.footer_content ul {
			padding-top:20px;
}

div.footer_content ul li {
			display:block;
			border-top:1px dotted #e9e8ee;
			padding:5px 0;
			color:#FFF;
}

div.footer_content ul li.last {
			display:block;
			border-top:1px dotted #e9e8ee;
			color:#FFF;
}

div.header_blocks {
			display:block;
			border-right:1px dotted #e9e8ee;
}

div.header_blocksLast {
			display:block;
			border-right:none;
			text-align:right;
}

div.legal_footer_container {
			width:100%;
			border-top:1px dotted #e9e8ee;
}

div.legal_footer {
			width:950px;
			display:block;
			margin:0 auto;
}

#legal {
			float:left;
			padding:5px 0;
			margin:0;
}

#links {
			margin:5px 0;
}

#links a {
			color:#666;
			font-size:10px;
}

#links a:hover {
			color:#fff;
}

ul.subscribe li {
			display:inline;
			margin-right:5px;
}

li.portfolioItem {
			margin-bottom:20px;
}

li.portfolioItem img {
			border:1px solid #333;
}

div.bottom_callouts_container {
			width:100%;
			border-top:3px solid #D5C7E1;
			overflow:auto;
			padding:20px 0;
			background-color: #DAD8E3;
			background-image: none;
			background-position: 0 0;
}

div.bottom_callouts {
			width:950px;
			margin:0 auto;
}

div.callout_one {
			width:300px;
			float:left;
			height:200px;
			background:#dad8cb;
			margin-right:20px;
}

div.callout_two {
			width:300px;
			float:left;
			height:200px;
			background:#dad8cb;
			margin-right:20px;
}

div.bottom_callouts span.padding {
;
}

div.bottom_callouts p {
			display:block;
}

#cosmotalks-sub-features {
			width:950px;
			background-position:left;
			padding:5px 15px 0 15px;
			height:190px;
			font-size:110%;
			background-image:url(http://www.cosmotalks.com/images/interface/subFeature_back.png);
			background-repeat:no-repeat;
			background-attachment: no-scroll;
}

.sub-feature {
			width:280px;
			margin:0 40px 0 0;
			float:left;
			display:inline;
			height:90%;
}

.sub_last {
			margin:0;
			width:280px;
			height:90%;
}

.sub-feature h3 a {
			display:block;
			position:relative;
}

.sub-feature h3 a:hover {
			border-bottom:none;
}

.sub-feature h3 a:link, .sub-feature h3 a:visited {
			color:#4a1e5a;
}

.sub-feature h3 {
			margin:12px 0 5px;
}

.sub-feature p {
			font-size:1em;
			margin-bottom:15px;
			margin-right:15px;
			color:#5c1572;
}

#book.sub-feature {
			margin:0 45px 0 0;
}

#book.sub-feature h3 a {
			padding-right:12px;
}

#book.sub-feature p {
			margin-right:142px;
}

#youtube.sub-feature h3 a {
			padding-right:100px;
}

#youtube.sub-feature p {
			margin-left:125px;
			text-align:center;
}

#facebook.sub_last p {
			margin-left:125px;
}

div.col_one_works {
			width:950px;
}

div.portfolio_item {
			width:950px;
}

div.portfolio_image {
			float:left;
			width:620px;
			margin:0 20px 20px 0;
}

div.portfolio_details {
			width:300px;
			float:left;
}

div.portfolio_image img {
			border:1px solid #CCC;
			padding:5px;
			background:#fff;
}

div.work_title_container {
			display:block;
			border-bottom:1px solid #333;
			margin-bottom:20px;
}

.view {
			position:absolute;
			right:0;
			bottom:3px;
			font-size:1.2em;
}

.view img {
			margin-bottom:-3px;
}