/*Layout*/

#wrapper{
	width:900px;
	height:640px;
	margin:auto;
	top:0;
	padding:0px;
	background-image:url(images/strip.png);
}


#top{
	width:auto;
	height:75px;
	margin:0;
	padding:0;
	bottom:0px;
}

#bluebg {
	position:relative;
	background:url(layout/top.png) no-repeat  ;
	top: 0px;
	width: 100%;
	height: 106px;
}

#name{
	position: absolute;
	z-index: 3;
	top: 10px;
	width: 133px;
	height: 723px;
	background-image: url(layout/name.png);
}

circle_bg{
	background:url(layout/circle_bg.png) no-repeat;
	z-index: 3;
	top:0px;
	width: 608px;
	height: 542px;
}

#nav{
	position:relative;
	width:900px;
	height:30px;
	top:-31px;
	padding-left: 95px;
}
#content{
	position:absolute;
	padding: 0 0 0 106px;
	top: 106px;
	width: 760px;
	min-height:600px;
}
#intro{
	position:relative;
	padding: 10px 20px 10px 10px;
	width:740px;
	background: transparent url(layout/intro.png) repeat-x top left;
}

body {
	height:100%;
	background: #242525 url(layout/vert_strip.png) repeat-x;
	margin: 0;
	padding:0px;
}

#footer{
	position:relative;
	text-align:center;
	color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
#content_image{
	position:relative;
	background: url(layout/content.png) no-repeat;
	top: 120px;
	left:120px;
	width:612px;
	height:456px;
}

#content_image_mock{
	position:relative;
	background: url(layout/content_mock.png) no-repeat;
	top: 120px;
	left:120px;
	width:612px;
	height:60px;
}
#content_mock{
	position:relative;
	top: 187px;
	width: 678px;
	left: 121px;
}


/* Navigation */
ul#menu {
	margin-top: 0;
	padding: .4em 10.65em .4em .4em;
}

ul#menu li{
	display:inline;
}

ul#menu li a{
	font: .825em arial black;
	/*border-style: solid;
	border-width: 0px 5px 0px 5px;*/
	padding: 1.2em 1.4em .5em 1.4em;
	margin: 0 -.6em .3em -.3em;
	color: #575757;
	text-decoration: none;
	text-align: center;
}

ul#menu li a:hover{
	font: .825em arial black;
	padding: 0.59em 1.4em .48em 1.4em;
	margin: 0 -.6em .3em -.3em;
	color: #66FFCC;
	text-decoration: none;
	text-align: center;
}

/* Hide from IE5-Mac \*/
ul#menu li a{
	float: none
}
/* styles */
p {
	font-family: tahoma;
	font-size: 14px;
}
h1{
	color:#ddd;
	font-size:1.0em;
	line-height:0em;
	font-family:Arial, Helvetica, sans-serif;
}

img {
	padding: 0px 0px 0px 0px;
	border: 0px;
}
	
/* Rotator Styles */
#wrapperRotate {
	width:770px; 
	margin:0 auto;
}

#rotator {
	background:#FFF url(layout/contentbg.png) no-repeat top left;
	color:#000;
	position:relative;
	padding-bottom:2.6em;
	margin:0; 
	font-size:12px;
}


/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

ul.ui-tabs-nav {
	position:absolute;
	bottom:0px;
	left:0;
	z-index:1;
	width:100%;
	background:#111;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	font-size:.8em;
	font-weight:normal;
	color:#999;
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	color:#25f4f7;
}

#rotator .ui-tabs-nav-item a span {
	float:left; 
	padding:5px; 
	cursor:pointer;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	background:#ccc;
	color:#333;
}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	padding:40px 540px 15px 15px;
	height:350px;
}

#rotator .ui-tabs-hide {
	display:none;
}

#rotator h2 {
	color:#222;
	font-weight:normal;
	margin:0;
	font-size:1.8em;
	line-height:1.2em;
}

#rotator p {
	font-size:1.1em;
	margin:.5em 0;
	color:#333;
	width:300px;
}

#rotator .btn_get_started {
	float:left;
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:7px; 
	overflow:hidden; 
	background:#CCC;
	
}

#rotator .btn_learn_more {
	float:left;
	height:26px;
	font-size:.9em;
}

/* Background Images */
#rotator #fragment-1 {
	background:transparent url(images/main/g.png) no-repeat top left;
	padding:40px 15px 0px 440px;
}

#rotator #fragment-2 {
	background:transparent url(images/main/reach.png) no-repeat top left;
	padding:40px 15px 0px 440px;
}

#rotator #fragment-3 {
	background:transparent url(images/main/rock.png) no-repeat top left;
	padding:40px 15px 0px 440px;
}

#rotator #fragment-4 {
	background:transparent url(images/main/dad.png) no-repeat top left;
	padding:40px 15px 0px 440px;
}

/* crazy gallery*/
pre {
	font-size: 1.2em;
	line-height: 1.2em;
	overflow-x: auto;
}
div#page {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	border-left:2px;
}
div#container {
	padding: 20px;
}
div#ads {
	clear: both;
	padding: 12px 0 12px 66px;
}