html, body{ 

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

    padding-top: 0px;

	color: #74787B;

    font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

 	text-align:center; 

    background-color: #262A2B;

	background-position: top center;

    background-image: url('portfolio/backgrounds/GenericBackground.jpg');

    background-repeat: no-repeat;
        margin: 0;
    font-weight: normal;

} 



a:link {

	color: #74787B;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: #74787B;

}

a:hover {

	text-decoration: none;

	color: #414647;

}

a:active {

	text-decoration: none;

	color: #74787B;

} 



#pagewidth{ 

	padding-top: 15px;

 	width:900px; 

 	text-align:left;  

	margin-left:auto; 

 	margin-right:auto;  

    

} 

 

#header{

 	position:relative; 

 	height:200px; 

  	/*background-color: #000000;*/

 	width:100%;

 	/*background-image: url(assets/images/Logo.png);

	background-repeat: no-repeat;

	background-position: 28px 25px;*/

    margin-bottom:0px;

} 

 

#twocols{

	width:900px;

	float:right;

	position:relative;

    padding-bottom:30px;

    background-color: #000000;

height: auto;
  }

 

#rightcol{

	padding-top:30px;

	width:420px;

	float:right;

	position:relative;

	background-color: #000000;

	min-height: 700px;

 }

 

#maincol{

	padding-top:30px;

	background-color: #000000;;

	float: left;

    padding-left:28px;

    padding-right:30px;

	display:inline;

	position: relative;

	width:420px;

    text-align: justify;

    text-justify: newspaper

 }

 

 #rightlinks {

 	height: auto;

    text-align: right;

    float: left;

    position: relative;

    padding-top:15px;

    width:90px;

 }

 #rightmenu{

 	 height: auto;

    text-align: left;

    float: right;

    padding-right:28px;

    position: relative;

    padding-left:8px;

    padding-top: 8px;

    width: 272px;

    }

 



 

 /* *** Float containers fix:

 http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {

 	content: "."; 

 	display: block; 

	height: 0; 

 	clear: both; 

 	visibility: hidden;

 }

 

.clearfix{display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */  





 

 /*printer styles*/ 

 @media print{ 



/*hide the right column when printing*/ 

#rightcol{display:none;} 

#twocols, #maincol{width:100%; float:none;}

}





/* XPOSURE STUFF */







/* Project page */

#ProjectPage_RightCol{


    padding-right: 23px;

    padding-top: 15px;

	float:right;

	position:relative;

	height: 100%;

}



#ProjectPage_LeftCol{


	float: left;
	
	height:100%;
    padding:0px;

	margin-left: 10px;
	margin-right: 10px;

	margin-bottom: 15px;

	width: 210px;

	overflow: auto;
	vertical-align:bottom;



}

#ProjectPage_GreyBG {

	margin-left:auto; 

 	margin-right:auto; 

    margin-top: 5px;

	width: 840px;

    overflow: auto;

    position: relative;

    background-color: #262A2B;
	
	min-height: 650px;


}
.ajax-loading {
	padding: 20px 0;
	background: url(client/image/round_loading.gif) no-repeat center;
}

#ProjectPage_Links {
    display: block;
	height:auto;
	float: left;
	bottom:0;
	position: absolute;



}

#ProjectPage_Thumbnails{
	
    width: 600px;

	float:right;


    margin-top: 5px;

	margin-bottom: 10px;

	margin-right: 3px;

	min-height:630px;

}

#ProjectPage_Image{

	float: right;

    text-align: right;

    padding-right: 25px;

    padding-top: 15px;

    padding-bottom: 15px;

	vertical-align: bottom;



}

#ProjectPage_Info{

	float: right;

    text-align: right;

    padding-right: 25px;

    padding-top: 15px;

    padding-bottom: 15px;

	vertical-align: bottom;

    width: 100%;

    display: block;

    



}

#ProjectPage_Swf{

	float: right;

    text-align: right;

    padding-right: 25px;

    padding-top: 15px;

    padding-bottom: 15px;



}

#ProjectPage_Descr{

	float: left;
    display: block;

    text-align: left;

    padding-bottom: 5px;
		
	vertical-align: bottom; 
	height: auto;
        margin: 0;
    font-weight: normal;


}

.ProjectPage_Thumb {

    min-height: 78px;

    width: auto;

	overflow: hidden;

	float: left;

	margin: 5px;



}

.toggler {
    margin: 0;
    font-weight: normal;
	padding:0;
}

.element {
	padding-left: 15px;
    margin: 0;
    font-weight: normal;

}

.ProjectPage_Thumb img{

    /*padding: 3px;

    border: solid 1px #414647;*/

}



#myGallery

{

	margin-top: 5px;

	display: block;

	/*background-color: #74787B;*/

width: 600px !important;

height: 600px !important;

	/*border: 1px solid #414647;*/

}

#myCarousel

{

    text-align: left;

    margin: 0 auto;

    float: left; /* Same as your gallery is set to */

    width:602px; /* Adjust this to your picture width + 2 */

    height:95px;

    overflow:hidden;

    background: #000000;

    margin-bottom: 15px;

}