/*

	360 Mediaworx
	CSS V4.2 - February 2009
	Prepared by Lucas Bombardier
	
	Colour Codes:
	
	Orange: #EE4601
	Blue: #0387B2
	Grey: #616161

*/

/* ------- Global ------- */

body {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	margin:0;
	text-align:left;
	min-width:992px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#616161;
}

#wrapper { 
	margin:auto;
	width: 992px; 
	clear: both; 
}

#wrapper2 {
	width:698px;
	float:left;
	padding-bottom:30px;
}

#wrapper2Inner {
	width:698px;
	float:left;
	padding-bottom:30px;
	background-image:url(../images/shadow.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}


/* ------- Header ------- */

#header { 
	margin:auto;
	width:992px;
	height:139px; 
	clear:both; 
} 

#logo, #logo a{ 
	float:left;
	width:386px; 
	height:139px;
} 

#nav{ 
	float:right;
	width: 606px;
	height:139px; 
} 

#mainMenu {
  width: 606px;
	height: 139px;
  background: url(../images/nav_bg.jpg);
  margin: 0px auto;
	padding: 0;
	float: right; 
  position: relative;
}
	
#mainMenu li {
  margin:0;
	padding:0;
	list-style: none;
  position: absolute;
	top: 0;
	height:139px;
	display: block;
}
	
#mainMenu a {
	height:139px;
	display: block;
}
	
#mainMenu span {
	display:none;
}
		
#panel1b {
	left:0;
	height:139px;
	width:152px;
}

#panel2b {
	left:152px;
	height:139px;
	width:152px;
}

#panel3b {
	left:304px;
	height:139px;
	width: 152px;
}

#panel4b {
	left:456px;
	height:139px;
	width:150px;
}

#panel1b a:hover {
    background:transparent url(../images/nav_bg.jpg) 0 -139px no-repeat;
}

#panel2b a:hover {
    background: transparent url(../images/nav_bg.jpg) -152px -139px no-repeat;
}

#panel3b a:hover {
    background: transparent url(../images/nav_bg.jpg) -304px -139px no-repeat;
}

#panel4b a:hover {
    background: transparent url(../images/nav_bg.jpg) -456px -139px no-repeat;
}	


/* ------- Sub Menu ------- */

#subnav {
	background-image:url(../images/sub-nav-back.jpg);
	background-repeat:repeat-x;
	width: 992px; 
	height:36px;
	clear: both;
	margin:auto; 
}

#subMenuWrapper {
	width:330px;
	height:36px;
	margin:10px 0 0 0;
	padding:0;
	float:left;  
	position:relative;
}

#subMenuWrapper a:link, #subMenuWrapper a:visited{
	color:#666666;
	text-decoration:none;
	font-weight:bold;
}

#subMenuWrapper a:hover{
	color:#EE4601;
	text-decoration:none;
	font-weight:bold;	
}
	
#subMenu li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
	
#subMenu li, #subMenu a {
	height:36px;
	display: block;
}
	
#subMenu span {
	display:none;
}
		
#panel1c {
	left:0;
	width:40px;
}

#panel2c {
	left:40px;
	width:52px;
}

#panel3c{
	left:92px;
	width:68px;
}

#panel4c {
	left:160px;
	width:70px;
}

#panel5c {
	left:230px;
	width:60px;
}

#panel1c a:hover {
  background:transparent url(../images/sub-nav.jpg) 0 -36px no-repeat;
}

#panel2c a:hover {
	background: transparent url(../images/sub-nav.jpg) -40px -36px no-repeat;
}

#panel3c a:hover {
  background: transparent url(../images/sub-nav.jpg) -92px -36px no-repeat;
}

#panel4c a:hover {
  background: transparent url(../images/sub-nav.jpg) -160px -36px no-repeat;
}

#panel5c a:hover {
  background: transparent url(../images/sub-nav.jpg) -230px -36px no-repeat;
}


/* ------- Home Left Panel ------- */

#leftPanel { 
width:515px;
padding:20px 0 20px 0;
float:left;
margin:0;
} 

#content h1 {
	color:#0387B2;
	font-size:22px;
	font-weight:normal;
	padding:0;
	margin:0 0 10px 0;
	height:30px;
}

#content h2 {
	color:#0387B2;	
	font-size:18px;
	font-weight:lighter;
	padding:0;
	margin:20px 0 10px 0;
}

#content p {
	margin:8px 0 8px 0;
	text-align:justify;
	line-height:18px;
}	

.alignRight {
	text-align:right;
	float:right;
	clear:both;
}	

/* ------- Home Left Panel ------- */

/*

#leftPanel { 
width:515px;
padding:30px 0 20px 0;
float:left;
margin:0;
} 

#welcome h1 {
	color:#0387B2;
	font-size:22px;
	font-weight:normal;
	padding:0;
	margin:0;
	height:30px;
}

#welcomeText h2 {

	color:#0387B2;	
	font-size:17px;
	font-weight:normal;
	padding:0;
	margin:20px 0 0 0;
}

#welcome span {
	display:none;
}

#welcomeText {
	width: 515px;
	text-align:justify;
}

#contentManagement {
	width: 475px;
	height:210px;
	background-image:url(../images/webpal-cms.jpg)
}	
#contentManagement h1 {
	height:98px;
	margin:0;
}

#contentManagement span {
	display:none;
}

#contentManagement h2 {
	font-size:18px;
	font-weight:500;
	color:#666666;
	margin:0 0 5px 0;
}

#recent {
	padding:10px 0 20px 0;
}	

#recent h2 {
	color:#0387B2;
	font-size:17px;
	font-weight:normal;
	padding:0;
	margin:0;
}

#recent span {
	display:none;
}


/* ------- Home Centre Panel ------- */

#centrePanel {
	width:152px;
	height:639px;
	margin:0 0 0 540px;
}

#action { 
	list-style: none;
	padding: 0; 
	margin: 0; 
	width: 152px; 
	height: 200px; 
	background-image:url(../images/service-banner.jpg);
} 

#action li { 
	float: left; 
	width: 100%;
}

#action a {
	display: block;
	background:transparent url(../images/service-banner.jpg) 0 0 no-repeat;
	width:152px;
}
	
#action span {
	display:none;
}

#serviceDesign a{
height: 162px; 
background-position: 0 0; 

}

#serviceApplications a{
height: 163px; 
background-position: 0 -162px; 

}

#serviceCMS a{
height: 163px; 
background-position: 0 -325px; 
}

#serviceAsset a{
height: 150px; 
background-position: 0 -488px; 
}


/* ------- Right Panel ------- */

#rightPanel { 
	width:270px;
	float:right;
	margin:0;
	padding:20px 0 0 0;
} 

#rightPanel h1 {
	color:#0387B2;
	font-size:22px;
	font-weight:normal;
	padding:0;
	margin:0 0 10px 0;
	height:30px;
}

#rightPanel h2 {
	color:#0387B2;
	font-size:22px;
	font-weight:normal;
	padding:0;
	margin:0;
}

#rightPanelInner { 
	width:270px;
	float:right;
	margin:62px 0 0 0;
} 

#rightPanelInner h3 { 
	font-size:22px;
	font-weight:normal;
	color:#0387b2;
	padding:0;
	margin:0 0 10px 0;
} 

#rightPanelInner ul {
	list-style-image:url(../images/arrow-bullet.jpg);
	margin:0 0 0 20px; /* IE */
	padding:0 0 0 0; /* FF */
}

#rightPanelInner li {
	margin:0 0 5px 0;
}

#rightPanelInner li span {
	margin:0 0 0 -5px;
}

/* ------- News Items ------- */

.news {
	padding:0;
}

.newsdate {
	float:left;
	background-image: url(../images/news_bg.jpg); 
	background-repeat:no-repeat; 
	width:45px; 
	height:45px; 
	padding:4px 0 0 0;
	margin:0 8px 0 0;
	text-align:center; 
	vertical-align:middle;
}

.newstext1 {
	font-size: 10px;
	color: #a0a0a0; 
	line-height: 12px;
}

.newstext2 {
	font-size: 18px; 
	color: #606060; 
	line-height: 18px;
}

/* ------- Homepage Form ------- */

.searchbox2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0387b2;
	border:1px solid;
	border-color:#FFFFFF;
	width:215px;
}

.formWrapper{
	background-image:url(../images/textbox.jpg);
	background-repeat:no-repeat;
	height:27px;
	width:215px;
	padding:5px 30px 0 8px;
	clear:both;
	margin-bottom:2px;
}

.chooseMe{
	width:253px;
	height:35px;
}	
	

.textbox {
	background-image:url(../images/commentbox.jpg);
	background-repeat:no-repeat;
	width:253px;
	height:100px;
	margin:0px 0 0 0;
	padding:7px 0 0 7px;
}

textarea {
	font-size:12px;
	color:#0387b2;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	border:1px solid #FFFFFF;
  padding-bottom:10px;
	width:238px;
	height:70px; 
}


/* ------- Inner 2 Column Design Left Column ------- */ 

.serviceSummary{
	height:39px;
	width:365px;
	background:url(http://www.360mediaworx.com/images/services-back.png) no-repeat;
	float:right;
	padding:6px 0 0 10px;
	clear:both;
}

.serviceSummary p{
	margin:0;
	font-size:11px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}	

.serviceSummary a:link, .serviceSummary a:visited{
	font-size:11px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
}

.serviceSummary a:hover{
	font-size:11px;
	color:#9DBFD8;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
}




#innerLeft { 
width:665px;
padding: 5px 0 20px 0;
} 

#innerhead	{ 
	background-image: url(../images/inside_cap_bg.jpg);
	background-repeat:no-repeat;
	height:98px;
	width:664px;
	vertical-align:middle;
}

#innerhead h1 {
	font-size:22px;
	color:#FFFFFF;
	font-weight:normal;
	padding-top:37px;
}

.serviceDescription {
	width: 600px;
	float:left;
	padding-left:10px;
	text-align:justify;
}

.serviceDescription h2 {
	font-size:22px;
	font-weight:normal;
	color:#0387b2;
	padding:0;
	margin:0 0 10px 0;
}

.serviceDescription h3 {
	font-size:18px;
	font-weight:lighter;
	color:#0387b2;
	padding:0;
	margin:0 0 10px 0;
}

.serviceDescription p {
	margin:10px 0 10px 0;
}

.serviceDescription ul {
	list-style-image:url(../images/arrow-bullet.jpg);
	margin:0 0 0 40px; /* IE */
	padding:12px 0 12px 0; /* FF */
}

.serviceDescription li {
	margin:0 0 5px 0;
}

.emphasis {
	color:#EE4601;
}

.emphasis a:link {
	color:#616161;
}

.emphasis a:visited {
	color:#616161;
}

.emphasis a:hover {
	color:#616161;
	text-decoration:none;
}

#contactLeft {
	width:300px;
	float:left;
}

#contactRight {
	width:350px;
	float:right;
	text-align:center;
	padding:0 15px 0 0;
}

#contactRight p {
	margin:3px 0 3px 0;
}

#contactRight h2 {
	font-size:16px;
	font-weight:bold;
	margin:0;
	color:#0387B2;
}

#contactLeft h2 {
	font-size:16px;
	font-weight:bold;
	margin:0;
	color:#0387B2;
	text-align:center;
}

#contactLeft p {
	text-align:justify;
	line-height:18px;
}

/* ------- Footer ------- */ 

#footer {
  width:100%; 
	height:100px;
  background:url(../images/footer-back.jpg);
  margin:0; 
	padding:0;
	text-align:center;
	color:#eb713a;
	clear:both;
}

#footer a:link {
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#footer p {
	margin:10px 0 0 0;
}

.style2 {
	color:#FFFFFF;
	font-weight:bold;
}


/* ----- Errors ----- */

.error {
	width:250px;
	background-color:#FFA6A6;
	color:#333333;
	border:1px solid #990000;
	padding:10px;
	line-height:18px;
	margin:10px 0 10px 0;
}

/* OLD SHIT */

.bodytext2 {width: 620px;}

.bodylinks {float:left; clear:right; width:150px; padding-left: 5px; line-height: 20px;}

.bodylinks2 {float:left; width:250px; padding-left: 10px; line-height: 20px;}

.line {height: 40px; vertical-align:middle;}

A:link {
	FONT-SIZE: 12px;  FONT-WEIGHT: normal; COLOR: #ee4601; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A:visited {
	FONT-SIZE: 12px; FONT-WEIGHT: normal; COLOR: #ee4601; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A:active {
	FONT-SIZE: 12px; FONT-WEIGHT: normal; COLOR: #ee4601; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A:hover {
	FONT-SIZE: 12px; FONT-WEIGHT: normal; COLOR: #f4b217; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}

#secondary2 { 
width: 27px;
margin: 0;
margin: 0px 0px 0px 0px;
} 

#insidebg{ background-image: url(../images/inside_column_bg.jpg);
 background-repeat:repeat-y;}

#thirdary2 { 
width: 270px;
padding-left: 30px;
padding-top: 40px; 
padding-bottom: 20px; 
} 

#leftlinks{ 
width: 606px; 
} 

#rightlinks{ 
text-align: right;
width: 386px; 
} 
	
#skyline3 {
    width: 143px; height: 30px;
    background: url(../images/subnav2.jpg);
    margin: 0px auto; padding: 0;
	float: right;  
    position: relative;}
	
  #skyline3 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
	
  #skyline3 li, #skyline3 a {
    height: 30px; display: block;}
	
	#skyline3 span {display: none;}
		
#panel1d {left: 0; width: 81px;}
#panel2d {left: 81px; width: 62px;}

  #panel1d a:hover {
    background: transparent url(../images/subnav2.jpg)
    0 -30px no-repeat;}
  #panel2d a:hover {
    background: transparent url(../images/subnav2.jpg)
    -81px -30px no-repeat;}
		

	
A.footer:link {
	FONT-SIZE: 12px;  FONT-WEIGHT: normal; COLOR: #fff; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.footer:visited {
	FONT-SIZE: 12px; FONT-WEIGHT: normal; COLOR: #fff; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.footer:active {
	FONT-SIZE: 12px; FONT-WEIGHT: normal; COLOR: #fff; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.footer:hover {
	FONT-SIZE: 12px; FONT-WEIGHT: normal; COLOR: #eb713a; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}