/*
 * positioning.css - studioplus44.com
 */

/* MAIN STYLES */

BODY {
	margin: 0;
	padding: 0;
	text-align: center;
}
DIV#frame {
	position:                absolute;
	top:                     50%;
    left:                    50%;
	margin-top:              -215px;
    margin-left:             -418px;
	width: 836px;
	height: 430px;
	/*
	margin-top: 10%;
	margin-left: auto;
	margin-right: auto;*/
}

DIV#frameNewsletter {
	position:                absolute;
	top:                     50%;
    left:                    50%;
	margin-top:              -240px;
    margin-left:             -418px;
	width:                   836px;
	height:                  480px;
}

/* LEFT AND RIGHT COLUMNS */

DIV#col-l {
	float: left;
	width: 202px;
	height: 400px;
}
DIV#col-r {
	float: left;
	width: 626px;
	margin-left: 8px;
}

/* LEFT COLUMN ITEMS */

DIV#col-l DIV#logo IMG {
	display: block;
	border: 0;
}
DIV#col-l DIV.plusline IMG {
	display: block;
	margin: 9px 0px;
}
DIV#col-l DIV#nav {
	background-color: #333;
	height: 185px;
	padding-top: 17px;
	padding-left: 20px;
}
DIV#col-l DIV#nav A {
	display: block;
	width: 161px; height: 15px;
	margin-top: 20px;
}
DIV#col-l DIV#nav A IMG {
	display: block;
	border: 0;
}
DIV#col-l DIV#nav A#aboutus {
	background: url(../img/nav-aboutus.gif) no-repeat 0px 0px;
}
DIV#col-l DIV#nav A#aboutus:hover {
	background: url(../img/nav-aboutus.gif) no-repeat 0px -15px;
}
DIV#col-l DIV#nav A#whatwedo {
	background: url(../img/nav-whatwedo.gif) no-repeat 0px 0px;
}
DIV#col-l DIV#nav A#whatwedo:hover {
	background: url(../img/nav-whatwedo.gif) no-repeat 0px -15px;
}
DIV#col-l DIV#nav A#howwework {
	background: url(../img/nav-howwework.gif) no-repeat 0px 0px;
}
DIV#col-l DIV#nav A#howwework:hover {
	background: url(../img/nav-howwework.gif) no-repeat 0px -15px;
}
DIV#col-l DIV#nav A#getintouch {
	background: url(../img/nav-getintouch.gif) no-repeat 0px 0px;
}
DIV#col-l DIV#nav A#getintouch:hover {
	background: url(../img/nav-getintouch.gif) no-repeat 0px -15px;
}

/* RIGHT COLUMN ITEMS */

DIV#col-r DIV.main {
	height: 404px;
	text-align: left;
}
DIV#col-r DIV#footer {
	height: 17px;
	padding: 0px 0px 2px 0px;
	margin-top: 8px;
	background: #fce621 url(../img/bg-footer.jpg) no-repeat 0px 1px;
}

/* SPECIFIC - HOME */

DIV#col-r DIV#home {
	background: url(../img/bg-home.gif) no-repeat 0px 0px;
}

/* SPECIFIC - ABOUT US */

DIV#col-r DIV.main DIV#aboutus-col1 {
	float: left;
	width: 310px; height: 404px;
	background-color: #7a7a7a;
}
DIV#col-r DIV.main DIV#aboutus-col2 {
	float: left;
	width: 310px; height: 404px;
	margin-left: 6px;
	background: url(../img/bg-aboutus.gif) no-repeat 0px 0px;
}

/* SPECIFIC - WHAT WE DO */

DIV#col-r DIV.main DIV.whatwedo-col {
	float: left;
	width: 202px; height: 130px;
	background-color: #333;
}
DIV#col-r DIV.main DIV#whatwedo-col1 {
	margin-left: 0;
}
DIV#col-r DIV.main DIV#whatwedo-col1 DIV.padding {
	padding: 40px 45px;
}
DIV#col-r DIV.main DIV#whatwedo-col2 {
	margin-left: 9px;
}
DIV#col-r DIV.main DIV#whatwedo-col2 DIV.padding {
	padding: 15px 20px;
}
DIV#col-r DIV.main DIV#whatwedo-col3 {
	margin-left: 9px;
}
DIV#col-r DIV.main DIV#whatwedo-col3 DIV.padding {
	padding: 50px 30px 0px 35px;
}
DIV#col-r DIV.main DIV#whatwedo-main {
	width: 626px; height: 266px;
	clear: both;
	float: left;
	margin-top: 8px;
	background-color: #7a7a7a;
}
DIV#col-r DIV.main DIV#whatwedo-main TABLE#skills-table TD {
	padding: 20px 10px 10px 20px;
	vertical-align: top;
	color: #fff;
}
DIV#col-r DIV.main DIV#whatwedo-main TABLE#skills-table TD#skills-table-intro {
	padding: 30px 10px 10px 20px;
}
DIV#col-r DIV.main DIV#whatwedo-main TABLE#skills-table TD#skills-table-col1 {
	width: 162px;
}
DIV#col-r DIV.main DIV#whatwedo-main TABLE#skills-table TD#skills-table-col2 {
	width: 262px;
}
DIV#col-r DIV.main DIV#whatwedo-main TABLE#skills-table TD#skills-table-col3 {
	width: 182px;
}
DIV#col-r DIV.main DIV#whatwedo-main TABLE#skills-table TD UL {
	padding: 0; margin: 0;
	list-style-type: none;
}


/* SPECIFIC - HOW WE WORK */

DIV#col-r DIV#howwework {
	background: url(../img/bg-howwework.jpg) no-repeat 0px 0px;
}
DIV#col-r DIV#howwework DIV.padding {
	padding: 10px 100px;
}

/* SPECIFIC - GET IN TOUCH */

DIV#col-r DIV#getintouch {
	background: url(../img/bg-getintouch.jpg) no-repeat 0px 0px;
}
DIV#col-r DIV#getintouch DIV.padding {
	padding: 30px 40px;
}

/* SPECIFIC - WORKS */

DIV#col-r DIV#works {
	background-color: #333333;
}
DIV#col-r DIV#works table {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
DIV#col-r DIV#works table td {
	margin: 0px;
	padding: 0px;
	width: auto;
	text-align: center;
	vertical-align: top;
}
DIV#col-r DIV#works table td a {
	margin: 0px;
	padding: 0px;
	border: none;
	color: #000000;
}
DIV#col-r DIV#works table td div {
	margin: 0px;
	padding: 0px;
}
DIV#col-r DIV#works table td a img {
	float:left;
	margin: 0px;
	padding: 0px;
	width: 125px;
	height: 90px;
	border: none;
}

/* COMMON */

DIV.pad20 {
	padding: 20px;
}

/* OTHER */
div.divNewsletter {
	float:right;
	margin:0px;
	padding:0px;
	width:auto;
	height:20px;
	max-height:20px;
	color:#000000;
	font-size:11px;
	text-align:left;
}
div.divNewsletter input {
	margin:0px;
	padding: 1px;
	width:150px;
	font-size:10px;
	border:#333333 solid 1px;
	color:#333333;
}
div.divNewsletter input.sendButton {
	margin:0px;
	padding:0px;
	width:auto;
	font-size:10px;
	border:none;
	color:#FFFFFF;
	background-color:#333333;
	border:#333333 solid 1px;
}