/*GLOBAL*/

BODY {
	margin: 0px; padding: 0px;
	background: #000;
	font-family: arial; font-size: 12px; line-height: 20px;
}

H1 {
	margin: 0px 20px 20px 20px; padding: 0px;
	font-size: 22px; font-weight: bold;
}

H2 {
	margin: 0px 20px 20px 20px; padding: 0px;
	font-size: 15px; font-weight: normal;
}

H3 {
	margin: 0px 20px 20px 20px; padding: 0px;
	font-size: 15px; font-weight: bold;
}

P {
	margin: 0px 20px 20px 20px; padding: 0px;
}

UL {
	margin: 0px 20px 20px 38px; padding: 0px;
	list-style: square;
}

UL.none {
	margin: 0px 0px 20px 20px; padding: 0px;
	list-style: none;
}

UL.inline {
	display: inline;
	margin: 0px 0px 20px 20px; padding: 0px;
	list-style: none;
}

OL {
	margin: 0px; padding: 10px 20px 0px 20px;
}

LI {
	margin: 0px; padding: 0px;
}

A {
	color: #ff6c00;
	font-weight: bold; text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

IMG {
	border: 0px;
}

/*************************************************/

/*LAYOUT*/

/*IDENT*/

#ident-cont {
	width: 100%; height: auto; min-height: 150px; _height: 150px;
	margin: 0px; padding: 0px;
	background: #000;
	position: relative;
}

#ident {
	width: 1000px; height: auto;
	margin-left: auto; margin-right: auto; padding: 0px;
	background:;
	position: relative;
}

/*************************************************/

/*HEAD*/

#head-cont {
	width: 100%; height: auto; min-height: 350px; _height: 350px;
	margin: 0px; padding: 0px;
	background: #000 url('images/h_bg.gif') repeat-x bottom right;
	position: relative;
}

#head {
	width: 1000px; height: auto;
	margin-left: auto; margin-right: auto; padding: 0px 0px 20px 0px;
	background:;
	position: relative;
}

#head P {
	color: #fff;
}

/*MAIN MENU*/

.main-menu {
	margin: 0px 20px 20px 20px; padding: 0px;
	font-size: 25px; font-weight: bold; line-height: 25px; letter-spacing: -2px;
	list-style: none;
}

.main-menu LI {
	margin: 0px; padding: 0px;
}

.main-menu LI UL {
	margin: 10px 0px 20px 0px; padding: 0px;
	font-size: 12px; font-weight: normal; line-height: 15px; letter-spacing: normal;
	list-style: none;
}

.main-menu A {
	color: #fff;
}

.main-menu A:hover {
	color: #ccc;
	text-decoration: none;
}

.main-menu A.selected {
	color: #f7941d;
}

/*************************************************/

/*MIDDLE*/

#middle-cont {
	width: 100%; height: auto; min-height: 300px; _height: 300px;
	margin: 0px; padding: 0px;
	background: #fff;
	position: relative;
}

#middle {
	width: 1000px; height: auto; min-height: 350px; _height: 350px; 
	margin-left: auto; margin-right: auto; padding: 20px 0px 20px 0px;
	background: #fff url('images/mc_bg.gif') repeat-y top right;
	position: relative;
}

#middle A {
	color: #000;
	font-weight: bold; text-decoration: underline;
}

#middle A:hover {
	color: #ff6c00;
	text-decoration: underline;
}

#middle P {
	color: #000;
}

/*NEWS*/

.ml-list {
	margin: 10px 20px 20px 20px; padding: 0px;
	list-style: none;
}

.ml-list LI {
	margin: 10px 0px 10px 0px; padding: 0px 0px 10px 0px;
	border-bottom: #ccc solid 1px;
	list-style: none;
}

/*PAGE SPECIFIC*/

/*WHAT WE DO*/

.what-we-do {
	width: 760px; height: auto; min-height: 180px; _height: 180px;
	margin: 20px 0px 0px 20px; _margin: 20px 0px 0px 10px; padding: 20px 0px 0px 0px;
	border-top: #ccc solid 1px;
	background:;
	float: left;
	position: relative;
	clear: both;
}

.what-we-do IMG {
	float: left;
}

.wwd-info {
	width: 380px; height: auto; min-height: 100px; _height: 100px;
	float: left; 
}

/*OUR WORK*/

.our-work {
	width: 260px; height: auto; min-height: 180px; _height: 180px;
	margin: 0px 0px 20px 0px;
	/*border-top: #ccc solid 1px;*/
	background:;
	float: left;
	position: relative;
}

.our-work H3 {
	margin: 0px 20px 10px 20px; padding: 0px;
}

.our-work P {
	margin: 0px 20px 0px 20px; padding: 0px;
}

/*************************************************/

/*FOOT*/

#foot-cont {
	width: 100%; height: auto;
	margin: 0px; padding: 0px;
	background: #000 url('images/f_bg.gif') repeat-x top right;
	position: relative;
}

#foot {
	width: 1000px; height: auto;
	margin-left: auto; margin-right: auto;  padding: 30px 0px 10px 0px;
	background:;
	position: relative;
}

#foot P {
	color: #fff;
}

#foot-n {
	position: absolute;
	right: 0px; top: 0px;
}

/*************************************************/

/*LOGIN*/

#login-cont {
	width: 100%; height: auto; min-height: 200px; _height: 200px;
	margin: 0px; padding: 0px;
	background: #fff;
	position: relative;
}

#login {
	width: 1000px; height: auto; 
	margin-left: auto; margin-right: auto; padding: 20px 0px 20px 0px;
	background:;
	position: relative;
}

#login P {
	color: #000;
}

/*TOGGLE*/

#toggle-cont {
	width: 100%; height: 30px;
	margin: 0px; padding: 0px;
	border-top: #fff solid 2px;
	background: #000;
	position: relative;
}

#toggle {
	width: 1000px; height: auto; 
	margin-left: auto; margin-right: auto; padding: 0px;
	background:;
	position: relative;
}

#toggle A {
	top: 0px; right: 0px; position: absolute;
	display: block; width: 145px; height: 28px;
	margin: 0px; padding: 2px 0px 0px 65px;
	background: url('images/login.gif');
}

/*************************************************/

/*PORTFOLIO*/

#wip-cont {
	width: 100%; height: auto;
	margin: 0px; padding: 0px;
	background: #fff;
	position: relative;
}

.wip-top {
	width: 1000px; height: auto;
	margin-left: auto; margin-right: auto;  padding: 20px 0px 20px 0px;
	background:; border-top: 0px dotted #ff6c00; 
	position: relative;
}

.wip {
	width: 1000px; height: auto;
	margin-left: auto; margin-right: auto;  padding: 20px 0px 20px 0px;
	background:; border-top: 1px solid #ccc; 
	position: relative;
}

.thumbnail {
	width: 190px; height: 190px;
	margin: 5px; padding: 0px;
	background: #ccc;
	float: left;
}

/*************************************************/

/*COLUMNS*/

.col-220 {
	width: 220px; height: auto; overflow: auto;
	margin: 0px; padding: 0px;
	background:;
	float: left;
	position: relative;
}

.col-220-icon {
	width: 220px; height: auto; overflow: auto;
	margin: -50px 0px 0px 0px; padding: 0px;
	background:;
	float: left;
	position: relative;
}

.col-400 {
	width: 400px; height: auto; overflow: auto;
	margin: 0px; padding: 0px;
	background:;
	float: left;
	position: relative;
}

.col-560 {
	width: 560px; height: auto; overflow: auto;
	margin: 0px; padding: 0px;
	background:;
	float: left;
	position: relative;
}

.col-600 {
	width: 600px; height: auto; overflow: auto;
	margin: 0px; padding: 0px;
	background:;
	float: left;
	position: relative;
}

.col-780 {
	width: 780px; height: auto; overflow: auto;
	margin: 0px; padding: 0px;
	background:;
	float: left;
	position: relative;
}

.col-1000 {
	width: 1000px; height: auto; overflow: auto;
	margin: 0px; padding: 0px;
	background:;
	float: left;
	position: relative;
}

/*************************************************/

/*FORMS*/

LABEL {
	width: 150px; _width: 150px;
	float: left;
}	

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

INPUT {
	width: 360px; _width: 357px; height: 15px;
	margin: 0px; padding: 5px;
	border: 0px;
	background: url('images/form.gif') 0px 0px no-repeat;
}

TEXTAREA {
	width: 350px; height: 170px;
	margin: 0px; padding: 5px;
	border: 0px;
	background: url('images/form.gif') 0px -30px no-repeat;
}

INPUT.form_submit {
	width: 110px; height: 35px; display: block;
	margin: 0px; padding: 0px;
	background: transparent url('images/form.gif') scroll 0px -215px no-repeat;
}

INPUT.form_submit:hover {
	width: 110px; height: 35px; display: block;
	margin: 0px; padding: 0px;
	background: transparent url('images/form.gif') scroll 0px -250px no-repeat;
	text-decoration: none;
}

/*************************************************/

/*BREAD CRUMB*/

.breadcrumb {
	margin: 10px 20px 10px 20px; padding: 5px 0px 0px 0px;
	list-style: none;
	display: block;
	border-top: 1px #ccc solid;
}

.breadcrumb LI {
	margin: 0px; padding: 0px;
	list-style: none;
	display: inline;
}

/*************************************************/

/*************************************************/

/*SOCIAL LIST*/

.social {
	display: block;
	margin: 0px 0px 20px 20px; padding: 0px;
	list-style: none;
	line-height: 40px;
}

.social LI.twitter {
	background: url('images/twitter.gif') no-repeat top left;
	margin: 0px; padding: 0px 0px 0px 40px;
}

.social LI.fb{
	background: url('images/fb.gif') no-repeat top left;
	margin: 0px; padding: 0px 0px 0px 40px;
}

/*************************************************/

.clear {
	clear: both;
}