/* 

Photoworks - CSS File

*/


/*** GLOBAL  ***/
html, body{height:100%;}
body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#CCC;
	line-height:18pt;
	background-repeat:no-repeat;
	background-color:#000;
	min-width:1200 px;
	font-weight: lighter;
	letter-spacing: 1px;
	height: 350px;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none;
}
.clr{
	clear:both;
	width: 750px;
}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #222222;
	background-color: #222222;
	height: 1px;
	margin:10px 0px 10px 0px;
	padding:0px;
}
/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {
	margin-bottom:15px;
	font-weight:lighter;
	font-family:Arial, Helvetica, sans-serif;
}
h1 {
	font-size:20px;
	line-height:30px;
	font-family: Helvetica, sans-serif;
	font-weight: lighter;
	letter-spacing: 0pt;
	color: #FFF;
}
h2 {font-size:22px; line-height:26px;}
h3 {
	font-size:11pt;
	line-height: 25pt;
	font-family: "Georgia", "Times New Roman", Times, Georgia, serif;
	font-weight: 200;
	letter-spacing: 1px;
	font-style: italic;
}
h4 {font-size:14px; line-height:16px; }
h5 {font-size:12px; line-height:14px;}

/* links */
a {
	color:#AAD84D;
	text-decoration:none;
}
a:hover{
	color:#7FA62E;
}
a img{border:none}


#gallerytext a{
	color:#006A60;
	text-decoration:none;
	font-size: 36px;
	line-height: 70px;
}
#gallerytext a:hover{
	color:#0A5551;
}





/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	line-height:18px;
	margin-bottom:20px;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	margin:25px 0 25px 0px;
	color:#707070;
	padding:10px 20px 10px 55px;
	background-image:url(../images/quote.gif);
	background-repeat:no-repeat;
}

/* code */
code {
	font-family:Georgia, Times, serif;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #c8c8c8;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/

#container{
	background-repeat:no-repeat;
	width:100%;
	background-position:center top;
	background-image: url(../images/header1.jpg);
}
#container-content{
	background-color:#000;
}
#container-bottom{
	background-repeat:repeat-y;
	width:100%;
	background-position:top;
	height:57px;
}
.centercolumn{
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	top: 0px;
	z-index: 20;
}
/*** END OF CONTAINER ***/

/*** HEADER ***/
#header2{
	width: 100%;
}
#leftheader{
	width: 100%;
	float: left;
	background-image: url(../images/leftgraphic.jpg);
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
}
#rightheader{
	float: right;
	z-index: 5;
	position: relative;
	background-image: url(../images/rightgraphic.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 600px;
	background-position: right top;
}
#top{
	height:170px;
}
#topleft{
	float:left;
	width:654px;
	background-image: url(../images/logo_vian_sora.png);
	background-repeat: no-repeat;
	height: 120px;
	margin-top: 20px;
	position: absolute;
	margin-left: 40px;
}
#logo{padding:35px 0px 0px 30px;}
#topright{float:left; width:306px; padding:28px 0px 0px 0px}
#twitter{ background-image:url(../images/bg_twiiter.png); background-repeat:no-repeat; width:272px; height:111px;}
#twitter_text{padding:6px 9px 3px 6px; line-height:14px; font-size:10px; color:#191919}
#mainmenu{background-image:url(../images/bg_mainmenu.gif); background-repeat:no-repeat; height:46px;}
/*menu*/
#menu {padding:0; margin:0 20px 0px 20px; list-style:none; height:46px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li.top {display:block; float:left; padding:0px 5px;}
#menu li a.top_link {
	display:block;
	float:left;
	height:46px;
	line-height:46px;
	color:#ccc;
	text-decoration:none;
	font-size:13px;
	font-weight:100;
	padding:0 0 0 12px;
	cursor:pointer;
	font-family: Helvetica, sans-serif;
	text-transform: uppercase;
	font-style: normal;
}
#menu li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:46px;}
#menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:46px;}
#menu li:hover a.top_link {color:#fff; background: url(../images/bgmenu.gif) no-repeat left top;}
#menu li.active a.top_link {color:#fff; background: url(../images/bgmenu.gif) no-repeat left top;}
#menu li.active a.top_link span {background:url(../images/bgmenu.gif) no-repeat right top;}
#menu li:hover a.top_link span {
	background:url(../images/bgmenu.gif) no-repeat right top;
	font-weight: lighter;
}
#menu li:hover a.top_link span.down {padding-bottom:0px;}

/* Default list styling */

#menu li:hover {position:relative; z-index:200;}
#menu li:hover ul.sub
{left:6px; top:43px;  padding:0px 0px 0px 0px; border:0px solid #040f00; white-space:nowrap; width:189px; height:auto; z-index:300;}
#menu li:hover ul.sub li
{
	display:inline;
	height:28px;
	position:relative;
	float:left;
	width:183px;
	padding:2px 0 0 6px;
	font-weight:normal;
	background:url(../images/dropdown_back.png) no-repeat left;
	text-transform: uppercase;
}
#menu li:hover ul.sub li.subtop{
	background:url(../images/dropdown_top.png) no-repeat;
	width:183px;
	padding:9px 0 0px 6px;
	background-position:left top;
	text-transform: uppercase;
}
#menu li:hover ul.sub li.subbottom{
	background:url(../images/dropdown_bottom.png) no-repeat;
	width:183px;
	padding:3px 0 5px 6px;
	background-position:left top;
	text-transform: uppercase;
}

#menu li:hover ul.sub li a
{ color:#fff; display:block; font-size:11px; background-image:url(../images/clear.gif); background-repeat:repeat;  width:160px; line-height:normal; padding:5px 5px; text-indent:5px;  text-decoration:none; cursor:pointer;}
#menu li ul.sub li a.fly
{color:#fff; display:block; background:url(../images/arrow.gif) right center no-repeat;}
#menu li:hover ul.sub li a:hover 
{color:#7d7d7d;}
#menu li:hover ul.sub li a.fly:hover
{background:url(../images/arrow_over.gif) right center no-repeat; color:#7d7d7d;}


#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover li:hover ul
{left:189px; top:-2px; padding:0px;  border:0px solid #040f00; white-space:nowrap; width:183px; z-index:400; height:auto;}

#menu ul, 
#menu li:hover ul ul,
#menu li:hover li:hover ul ul,
#menu li:hover li:hover li:hover ul ul,
#menu li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu li:hover li:hover a.fly,
#menu li:hover li:hover li:hover a.fly,
#menu li:hover li:hover li:hover li:hover a.fly,
#menu li:hover li:hover li:hover li:hover li:hover a.fly
{background:url(../images/arrow_over.gif) right center no-repeat; color:#7d7d7d;} 

#menu li:hover li:hover li a.fly,
#menu li:hover li:hover li:hover li a.fly,
#menu li:hover li:hover li:hover li:hover li a.fly
{background:#50b5d0 url(../images/arrow.gif) right center no-repeat; color:#7d7d7d; } 

#container-slider{height:337px; background-image:url(../images/slider-bgbottom.gif); background-repeat:no-repeat; background-position:bottom; background-color:#000000; margin-bottom:30px; position:relative;}
/*** END OF HEADER ***/

/*** CONTENT ***/
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
.imgcenter {display: block;margin-left: auto;margin-right: auto;}

#content{
	width: 960px;
	padding-top: 28px;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 0px;
}
#content_inner{padding:1px 0px 35px 0px;
}
#contentleft{
	float:left;
	width:550px;
	padding-top: 20px;
}
#contentleft1{
	float:left;
	width:450px;
	padding-top: 50px;
}
#maincontent{
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
	width: 920px;
}
ul.list1{margin:20px 0px 0px 0px; padding:0px; list-style-type:none;}
ul.list1 li{display:inline; padding:20px;}
#side{
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	height: 320px;
}
.sidebox{
	margin-top: 5px;
	width: 350px;
	padding-left: 5px;
	background-image: url(../images/underlineblue-2.png);
	background-repeat: no-repeat;
	background-position: -15px 60px;
	bottom: auto;
}
.sidebox-bgtop{
	background-repeat:no-repeat;
	width: 320px;
	background-image: url(.);
	background-position: -20px 125px;
}
.sidebox-bgbottom{
	background-repeat:no-repeat;
	background-position:bottom;
	width: 320px;
	background-image: url(../images/underlineblue-2.png);
	height: 195px;
}	
.sidebox-padding{
	font-weight: lighter;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-repeat: no-repeat;
	width: 320px;
}
.strip{position:absolute; top:-6px; left:-5px;}
.sidebox ul{margin:0px; padding:0px; list-style-type:none;}
.sidebox ul li{margin:0px; padding:0px 0px 0px 30px; line-height:25px; list-style-type:none; background-image:url(../images/list.gif); background-repeat:no-repeat; background-position:left center;}
.sidebox ul li a, .sidebox ul li a:visited{color:#6b6b6b;}
.sidebox ul li a:hover{color:#6b6b6b; text-decoration:underline;}
.sidebox blockquote{margin:0px !important; padding:0px  !important;background-image:url(../images/quoteleft_small.gif); background-repeat:no-repeat;}
.sidebox blockquote div{background-image:url(../images/quoteright_small.gif) ; background-position:right bottom ; background-repeat:no-repeat; padding:25px 8px 20px 0px;}
/*** END OF CONTENT ***/

/*** FOOTER ***/
#footer{
	margin:0 auto;
	width:960px;
	text-align:center;
	padding:20px 0px 0px 0px;
	font-size: 10px;
	font-weight: lighter;
	font-family: "New York", serif;
	font-style: italic;
	color: #333;
}
#footer a, #footer a:visited{text-decoration:none; color:#6b6b6b}
#footer a:hover{color:#605f5f}
/*** END OF FOOTER ***/









#divider{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height: 90px;
}
H7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #999;
	font-weight: lighter;
	letter-spacing: 1pt;
}
#center {
	text-align: center;
}
#background{
	background-image: url(../images/sketch.png);
	background-repeat: no-repeat;
	background-position: 80%;
}
#background2{
	background-image: url(../images/sketch.png);
	background-repeat: no-repeat;
	background-position: 80%;
}
#gallerytext{
	width: 350px;
	text-align: left;
	padding-top: 30px;
	padding-left: 50px;
}
.maincontent-b {
	font-style: italic;
	font-family: Georgia, "New York", serif;
	line-height: 18px;
	width: 500px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 13px;
}
.brackets {
	color: #6C0;
	font-size: 26px;
	font-weight: normal;
	font-style: normal;
	}
	
.bracket1 {
	color: #090;
}
#container-content .centercolumn #content #side .sidebox .sidebox-bgtop .sidebox-bgbottom .sidebox-padding h2 .brackets {
	text-align: center;
}
#container-content .centercolumn #content #side .sidebox .sidebox-bgtop .sidebox-bgbottom .sidebox-padding h2 .brackets {
	text-align: center;
}
H6 {
	font-size:18px;
	line-height:26px;
	font-family: Georgia, Times, serif;
	font-style: italic;
	color: #CCC;
	font-weight: lighter;
}
#centerright {
	width:360px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	top: 0px;
	z-index: 0;
	float: right;
	height: 600px;
	text-align: right;
}


#spacerline {
	width:875px;
	height:10px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #CBCBCB;
}