/* @override 
	http://cmpfilmtv.com/css/freshstyle.css
	http://cmpfilmtv.com.au/css/freshstyle.css
*/

/* © 2010 Erik K Veland - Please do not copy, modify or redistribute */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	background: #e1fac1 url(../images/background-gradient.png),url(../images/Background.jpg) repeat-x center top;
}

body {
	font: 15px "Helvetica Neue Light", HelveticaNeue-Light, Helvetica, Arial, Sans-Serif;
	background: #e1fac1 url(../images/Background.jpg) no-repeat center top;

}

#page-background {
	width: 100%;
	background: #e1fac1 url(../images/Background.jpg) no-repeat center top;
	}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 16px;
}

a {
	-webkit-transition: color 0.3s ease-in-out;
	text-decoration: none;
	color: #9D40F4;
	font-weight: bold;
}

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

#keywords{
position: absolute;
left: -9000px;
}

/* @group Navigation menu */

#top-wrap {
	margin-left: auto;
	margin-right: auto;
	padding-left: 159px;
	padding-top: 116px;
	width: 792px;
	padding-bottom: 2px;
}

#top-logo {
	position: absolute; 
	top: 10px; 
	left: 225px; 
	width: 140px; 
	height: 100px; 
	
}


div#top-wrap ul {
	width: 870px;
	font-weight: normal;
	font-style: normal;
}

div#top-wrap ul li {
	width: 170px;
	float: left;
	list-style-type: none;
	font: bold 18px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #8a8f90;
	margin-left: 4px;
}
div#top-wrap a {
	color: black;
	font: bold 18px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

div#top-wrap li a:hover {
	border-left: 6px solid #000;
	padding-left: 6px;
	margin-left: -12px;
	color: #EB2519;
}

div#top-wrap br {
	clear: left;
}

#logo {
	width: 104px;
	height: 166px;
	position: absolute;
	margin-top: -116px;
	margin-left: -159px;
}


/* @end */

#main-wrap {
	width: 951px;
	background: #f7fdef url(../images/Background-frosted.jpg) no-repeat scroll center top;
	min-height: 600px;
	border-top: 6px solid #000;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#main-photo {
	width: 317px;
	clear: none;
	float: left;
}

#main-content {
	float: left;
	padding: 15px;
	width: 604px;
	background: url(../images/Whiteback500.png) repeat-x;
}

#main-content p {
	margin-bottom: 18px;
}

#columns {
	width: 100%;
	clear: both;
}

#columns div.box {
	float: left;
	background: url(../images/Whiteback500-2.png) repeat-x;
}

#columns div.box:hover {
	float: left;
	-webkit-transition: all 1s ease-in-out;
	background: url(../images/Whiteback500.png) repeat-x;
}

#box1 {
	width: 296px;
	height: 192px;
	border-bottom: 1px solid #fcd1af;
	border-right: 1px solid #fcd1af;
	-webkit-transition: all 1s ease-in-out;
	padding: 10px;
}

#box2 {
	width: 296px;
	height: 192px;
	border-bottom: 1px solid #fcd1af;
	border-right: 1px solid #fcd1af;
	-webkit-transition: all 1s ease-in-out;
	padding: 10px;
	background-image: url(../images/tv.png);
}

#box2:hover {
	cursor: pointer;
}

#box3 {
	width: 296px;
	height: 192px;
	border-bottom: 1px solid #fcd1af;
	border-right: 1px solid #fcd1af;
	-webkit-transition: all 1s ease-in-out;
	padding: 10px;
	background-image: url(../images/twitter.png);
}

#box3:hover {
	cursor: pointer;
}


img { padding-bottom: 5px;}


#img1 {
	display: inline;
	position: absolute;
	margin-left: 58px;
	margin-top: 20px;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
}

#img1:hover {
	-webkit-transition: all 1s ease-in-out;
	-webkit-transform: translate(0px,-50px) rotate(3deg);
    -moz-transform: translate(0px,-50px) rotate(3deg);
}


#img2 {
	display: inline;
	position: absolute;
	margin-left: 58px;
	margin-top: 20px;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
}

#img2:hover {
	-webkit-transition: all 1s ease-in-out;
	-webkit-transform: translate(0px,-50px) rotate(3deg);
    -moz-transform: translate(0px,-50px) rotate(3deg);
}

#img3 {
	display: inline;
	position: absolute;
	margin-left: 58px;
	margin-top: 20px;
	-webkit-transition: all 1s ease-in-out;	
	-webkit-transform: rotate(-13deg);
    -moz-transform: rotate(-13deg);
	clear: right;
}

#img3:hover {
	-webkit-transition: all 1s ease-in-out;
	-webkit-transform: rotate(-10deg) scale(1.1);
    -moz-transform: rotate(-10deg) scale(1.1);
}

#twitter {
	margin-top: 15px;
	margin-left: 100px;
	width: 165px;
}

#twitter li {
	list-style-type: none;
	font-size: 11px;
}

div#media {
	float: left;
	text-align: center;
	padding-right: 43px;
	padding-left: 43px;
	padding-top: 6px;
	font-size: 0.7em;
}

div#media:hover {
	-webkit-transition: all 0.2s ease-in-out;
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

#siteInfo {
	font-size: 10px;
	padding: 10px;
	clear: both;
	text-align: center;
}

#map_canvas {
	width: 540px;
	height: 320px;
}