/* CSS Document */

body {
	background: #171819;
	margin: 0;
	padding: 0;
	font-family: "Arial", "monaco", "andale mono", "lucida console", monospaced;
	font-weight: normal;
	font-size: 0.7em;
	color: #ddd;
	text-align: center;
 }
 
td, th, input, select, table, textarea {
	font-size: 1em;
}

h1.mainTitle {
	color: #ddd;
    font-family: "arial";
	font-size: 1.5em;
	font-weight: normal;
	margin: 74px 0px 0px 0px;
}

h2.secondTitle {
	color: #ddd;
	font-family: "arial";
	font-size: 1.2em;
	font-weight: normal;
	margin: 0px;
	
}

h3.sectionHeader {
	color: #ddd;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0px;
	
}

h4.pageDetail {
	color: #ddd;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0px;
	
}

p { 
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

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

a:link { 
	color: #FFF;
}

a:hover { 
	text-decoration: underline;
}

a:active { 
	color: #FFF;
}


hr {
	display: none;
}


.contactRule {
	margin: .8em 0 .5em 0;
}

input.text {
	color: #111;
	width: 250px;
	background: #EEE;
	border: 1px solid #444;
}

textarea.text {
	color: #111;
	font-family: Arial, sans-serif;
	width: 250px;
	background: #EEE;
	border: 1px solid #444;	
}

label {
	margin: 0 0 0.4em 0;
	display: block;
}

.clear {
	clear: both;
}

.container {
	width: 700px;
	height: 100%;
	margin: -10px auto 10px auto;
	text-align: left;
	background-color: #171819;
}

.innerContainer {
	margin: 0px 0px 10px opx;
}

.header {
	width:100%;
	padding-top:0px;
	margin-bottom: 5px;
}

.headerLeft {
	width:500px;
	float: left;
}

.headerRight {
	width:150px;
	float: right;
	text-align: right;
	margin-top: 0px;
}

.contentHeader {
	width:100%;
	height: 250px;
	margin-top:5px;
	margin-bottom: 5px;
}

.yellow {border-bottom: 1px solid #FFF;}
.orange {border-bottom: 1px solid #aaa;}
.blue {border-bottom: 1px solid #bbb;}
.bluelight {border-bottom: 1px solid #ccc;}
.green {border-bottom: 1px solid #ddd;}
.greendark {border-bottom: 1px solid #eee;}
.white {border-bottom: 1px solid #FFF;}
.grey {border-bottom: 1px solid #333;}

.yellowbg {background-color: #1F1F1F;}
.orangebg {background-color: #1F1F1F;}
.bluebg {background-color: #1F1F1F;}
.bluelightbg {background-color: #1F1F1F;}
.greenbg {background-color: #1F1F1F;}
.greendarkbg {background-color: #1F1F1F;}
.greybg {background-color: #171819;}
.whitebg {background-color: #1F1F1F;}

.content {
	margin-top: 5px;
	margin-bottom: 10px;
}

.contentLeft {
	float: left;
	width: 420px;
	margin-top: 0px;
	margin-bottom: 10px;
	
}

.contentRight {
	float: right;
	width: 250px;
	margin-top: 0px;
	margin-bottom: 10px;
	
}

.col_left {
	float: left;
	width: 160px;
	margin-right: 10px;
}
.col_centre {
	float: left;
	width: 445px;
}
/**.col_right {
	float: right;
	width: 150px;
	text-align:right;
	background: #fff;
}**/

.contentHeaderRight {
	width:400px;
	float: right;
	text-align: right;

}

.footerRight {
	float: right;
}

.footerLeft {
	float: left;
}

.footerRight ul{	
	margin: 0px;
}


.footerRight ul li{
	text-align: right;
	margin-right: 0px;
	display: inline;
}

ul.mainMenu {
	display:inline;
}

ul.mainMenu li {	
	display:inline;
	margin-left: 0px;
}

ul {
	padding-left:15px;
}

li {
	
}

.footer {
	padding: 5px 0 15px 0;
}

.portfolioImage	{
	width: 440px; 
	border: 6px solid #555;
}

input.submit {
	color: #ddd;
	margin: 0px;
	padding: 0px;
	text-decoration: none;	
	border: none;
	background: #272829;
}

input.submit:hover {
	color: #171819;
	background: #ddd;
}

.star {
	color: #969696;
}

.homeDate {
	height: 400px;
	background: url(images/pf/cover-02.jpg);
}

.homeWord {
	margin-left: 40px;
} 

a.webItem { display: block; border: 2px solid #555; width: 60px; height: 60px; margin: 0 10px 10px 0; float: left;}

.site01 { background: url(images/site-01.jpg); }
.site01:hover { background: #333; }

.site02 { background: url(images/site-02.jpg); }
.site02:hover { background: #333; }

.site03 { background: url(images/site-03.jpg); }
.site03:hover { background: #333; }

.site04 { background: url(images/site-04.jpg); }
.site04:hover { background: #333; }

.site05 { background: url(images/site-05.jpg); }
.site05:hover { background: #333; }

.site06 { background: url(images/site-06.jpg); }
.site06:hover { background: #333; }