/*

===== CONTENTS =========================



	1: Global

	2: DIV Containers

	3: Work Thumbnails

	4: Navigation

	5: Forms/Tables



========================================

*/







/* ===== 1: Global Styles ===== */	

* {

	padding: 0;

	margin: 0;

	}



body {

	font-family: tahoma, verdana, arial, sans-serif;

	font-size: .7em;

	font-weight: normal;

	color: #858585;

	padding: 0;

	margin: 0;

	text-align: center;

	line-height: 1.5em;	

}



body, html {height: 100%}





a:link, a:visited, a:active {color: #7EBACC}



a:hover {color: #448193}



a img {border: none;}

	

h1, h2 {

	margin: 0 0 10px 0;

	line-height: 1.2em;

	}



h3 {

	margin: 0 0 10px 0;

	font-size: 1em;

	font-weight: bold;

	color: #363636

	}

	

h4 {

	margin: 0 0 0 0;

	font-size: 1em;

	font-weight: bold;

	color: #7EBACC

	}

	

p {margin: 0 0 15px 0;}



.logo {float: left;}



.left {float: left}



.clear {clear: both; height: 20px; width: 100%}



.right {float: right}



.divider {

	float: left;

	width: 100%; 

	height: 1px;

	margin: 0;

	padding: 0;

	background: url(../images/rpt_hor_line.gif) left top repeat-x

	}

	

.list {

	float: left;

	margin: 0; 

	padding: 0;

	list-style-type: none;

	width: 172px;

	positon: relative;

	}

	

.list li {

	margin: 2px 0 2px 0;

	padding: 0 0 0 10px;

	background: transparent url(../images/img_bullet.gif) 0px 7px no-repeat;

	positon: relative;

	width: 162px;

	float: left

	}

	

.list li a, .list li a:visited, .list li a:active {

	text-decoration: underline;

	color: #858585;

	}

	

.list li a:hover {color: #448193}

	

.list li.h3, .list li h3 {

	background: none;

	margin: 2px 0 2px 0;

	padding: 0;	

	}

	

.clearAll {

	clear: both;

	width: 100%;

	height: 1px;

	color: #fff;

	background-color: none;

}







/* ===== 2: DIV Styles ===== */



#header_bg {

	position:absolute;

	width: 100%;

	height: 100px;

	top: 0;

	left:0;

	background: transparent url(../images/img_header_bg.jpg) center top repeat-x;

	}



#wrapper {

	width: 100%;

	background: url("../images/img_footer_bg.jpg") center bottom repeat-x;

	min-height: 100%;

	position: relative;

	float: left;

	z-index: 10;

}



*html #wrapper {

	height: 100%;

	float: none;

}





#container {

	width: 820px;

	margin: 0 auto 0 auto;

	padding: 100px 0 0 0;

	position: relative;

}

	

#header {

	width: 770px;

	float: left;

	margin: 0;

	padding: 0 0 40px 0;

	}

	

#container.about #header {padding: 0; height: 230px; background: url(../images/img_bg_content_01.jpg) bottom right no-repeat}

#container.clients #header {padding: 0; height: 230px; background: url(../images/img_bg_content_02.jpg) bottom right no-repeat}

#container.contact #header {padding: 0; height: 230px; background: url(../images/img_bg_content_03.jpg) bottom right no-repeat}

#container.awards #header {padding: 0; height: 230px; background: url(../images/img_bg_content_04.jpg) bottom right no-repeat}

	

	

.content_left {	

	float: left;

	text-align: left;

	width: 250px;

	margin: 0 0 0 0 ;

	padding: 0 0 0 10px;

	}

	

.content_right {	

	float: right;

	text-align: left;

	width: 450px;

	margin: 0;

	padding: 0;

	}

	

.content_100 {

	text-align: left;

	width: 750px;

	margin: 0;

	padding: 0;

	float: right;

	position: relative;

	}

		

#footer {

	float: left;

	padding: 100px 0 40px 0;

	width: 100%;

	text-align: center

	}







/* ===== 3: Work Thumbnails ===== */



.thumb {

	width: 168px;

	height: 135px;

	padding: 0 7px 0 0;

	margin: 0;

	float: left;

	background: transparent url(../images/img_thumb_bg.jpg) 0px 105px no-repeat;

	font-size: 10px;

	}

	

.thumb p {color: #81BBCD; margin-bottom: 5px}



.thumb a, .thumb a:visited, .thumb a:active {

	color: #FFF; 

	height: 18px;

	display: block;

	padding: 0 10px 0 0;

	margin: 0;

	text-align: right;

	text-decoration: none; 

	font-size: 10px;

	}

	

.thumb a:hover {

	background: transparent url(../images/img_thumb_bg_f2.jpg) left top no-repeat; 

	text-decoration: none; 

	color: #FFF;

	}





	

/* ===== 4: Navigation ===== */	



#navcontainer {

	color: #858585;

	font-size: 10px;

	margin: 0;

	padding: 27px 0 0 0;

	float: right

	}



#navcontainer  ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

	}

	

#navcontainer ul li {

	display: block;

	position: relative;

	float: left;

}



#navcontainer  ul li a {

	display: block;

	color: #858585;

	text-decoration: none;

	margin: 0;

	padding: 0;

	width: 85px;

}

/* Width of navigation 540px*/



#navcontainer ul li a:hover, #navcontainer ul li a.current { 

	color: #7EBACC;

	text-decoration: none;

	font-weight: bold;

	}







/* ===== 5: Forms/Tables ===== */



td {padding: 4px 0 4px 0;}



.textfield {

	border: 1px solid #BCBCBC;

	padding: 1px 5px 1px 5px;

	width: 95%;

	}

	

.radio {margin-right: 3px}



/* Downloads */

#downloads label {	

	float: left;

	width: 350px;

	margin-bottom: 5px;

}



#downloads span {	

	float: left;

	width: 200px;

}



#downnloads br {	

	clear: both;

}



/* Login */

#login label {

	float: left;

	width: 100px;

	margin-bottom: 10px;

}



#login .textField {

	float: left;

	border: 1px solid #BAB6B6;

	color: #858585;

	width: 150px;

	padding: 3px 5px;

	font-size: 11px;

}



#login br {

	clear: both;

}



#login .submit {

	background: #7CB9CB;

	color: #FFF;

	font-size: 11px;

	border: none;

	padding: 2px 5px;

	float: right;

	margin-right: 58px;

	cursor: pointer;

}



/* Terms */

.terms ul {

	padding: 0;

	margin: 10px 0 0 0;

	list-style: none;

}



.terms li {margin-bottom: 20px}

.terms li li, .terms li li li {margin-bottom: 10px}

.terms ul ul {

	padding-left: 20px;

	list-style-type: lower-alpha;

}



.terms ul ul ul {list-style-type: lower-roman;}



.terms h3, .terms p {margin-bottom: 0;}