/* CSS Document */


html * {
	padding: 0;
	margin: 0;
} 

body {
	background:url(../images/bg-home.jpg) left top no-repeat #dcdfe3;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size:.7em;
	color:#d1d4da;
}

.bodyMain {
	background:url(../images/bg-content.jpg) top left no-repeat #dcdfe3;
}

.bodyContact {
	background:url(../images/bg-content-contact.jpg) top left no-repeat #dcdfe3;
}

.bodyBlogs {
	background:url(../images/bg-content-blogs.jpg) top left no-repeat #dcdfe3;
}

img {
	border: 0;
}

a {
	text-decoration: none;
	color: #d1d4da;
}

p, h1, h2, h3, h4, h5, h6, h7 {
	margin-bottom: 1em;
}

/** text **/

.pinkText {
	color:			#dd0287;
}

.pinkTitle {
	font-size:		140%;
	font-weight:	bold;
	color:			#dd0287;
}

#outerContainer {
	position: relative;
	width: 970px;
	
	height: 750px;
}

#topHeader {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.panelMiddle {
	top: 240px;
	left: 0px;
	position: absolute;
	z-index: 3;
}

#mainEmail { 
	top: 			70px;
	left: 			800px;
	width:			200px;
	position: 		absolute;
	z-index: 		3;
	text-align:		right;
}

#mainEmail a {
	color:		#555;
}

#mainMenu {
	top: 70px;
	left: 54px;
	position: absolute;
	z-index: 3;
	width: 500px;
}

#mainMenu li {
	list-style: none;
	padding: 0 12px 0 0;
	display:inline;
}

#mainMenu li a {
	color: #dd0287;
}

#contentHome {
	top: 600px;
	left: 54px;
	position: absolute;
	width: 500px;
	color:#777;
}

#contentMain { 
	top: 128px;
	left: 54px;
	position: absolute;
	width: 900px; 
}

#contentMainPortfolio { 
	top: 153px;
	left: 54px;
	position: absolute;
	width: 900px; 
}

#homeText {
	top: 			128px;
	left: 			650px;
	position: 		absolute;
	text-align:		justify;
	width: 			350px;
	color:			#fff;
	background:		url(/images/bg-transparent-dark.png) repeat-y;
}

#contentWeb {
	top: 153px;
	left: 770px;
	position: absolute;
	width: 230px;
}

#contentLowerMenu {
	top: 92px;
	left: 54px;
	position: absolute;
	width: 900px;
}

#contentLowerMenu ul, #contentLowerMenu p, #contentLowerMenu h2, #contentLowerMenu h3 {
	margin-bottom: 4px;
}

#contentLowerMenu li {
	list-style: none;
	display: inline;
	
}

#contentLowerMenu li a {
	color: #fff;
	font-weight: bold;
	font-size: 90%;
	padding: 6px 4px 6px 4px;
}

#itemDescription {
	position:absolute;
	top: 500px;
	left: 0;
}

.menuBlock {
	width: 686px;
	background-color:#333;
	height: 22px;
}

.textHeading {
	font-size: 130%;
	
}

.textGreyDark {
	color: #333;
}

.textPink {
	color: #dd0287;
}

.textSelected, a.textSelected {
	color: #C9C;
	
}

.leftPanel {
	float: left;
	width: 210px;
}

.leftPanelWide {
	float: left;
	width: 280px;
}

.leftPanel p, .leftPanelWide p { 
	padding-right: 20px;
}

/** blogs **/

#blogHolder {
	position: 		absolute;
	top: 			600px;
	left:			50px;
	width:			800px;
}

#blogHolder .blogEntry {
	float:			left;
	width:			280px;
	padding:		0 20px 0 0;
	color:			#333;
}

#blogHolder .blogEntry a {
	color:			#dd0287;
}

#blogsIndex {
	position:		absolute;
	top:			116px;
	left:			530px;
	width:			250px;
	background:		url(/images/bg-transparent.png) repeat-y;
	color:			#fff;
}

#blogsIndex li {
	color:			#fff;
	padding:		0 0 6px 0;
	list-style:		none;
}

#blogsIndex li a {
	color: #666;
}
	
#blogsContainer {
	position:		absolute;
	top:			116px;
	left:			50px;
	width:			450px;
	background:		url(/images/bg-transparent.png) repeat-y;
}

#blogsContainer a {
	color:			#606;
}

#blogsContainer a:hover {
	color:			#F0A;
}

#blogsContainer .blogEntry {
	color:			#000;
	font-size:		120%; 
	margin-bottom:	40px;
}

.imageLeft {
	float:			left;
	margin:			0 12px 10px 0;
}

.innerDiv {
	padding: 20px;
}

/**  **/

#footer {
	top: 700px;
	left: 54px;
	position: absolute;
	width: 500px;
	color:#777;
}

#debug {
	top: 720px;
	left: 54px;
	position: absolute;
	width: 500px;
	color:#000;
}

.jqcycle {  
    height:  250px;  
    width:   800px;  
    padding: 0;  
    margin:  0;
	
} 
 
.jqcycle img {  
    padding: 15px;  
    border:  0;  
    
    width:  760px; 
    height: 220px; 
    top:  0; 
    left: 0 
}