@charset "utf-8";

/* Yahoo! UI Library: Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,/*em,strong,*/th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

a {
	color: #ED2972;
	text-decoration: underline;
}

/* Layout */

body {
	background: #848484 url(../images/bg.gif);
}

#wrapper {
	width: 781px;
	margin: 0 auto;
}

#banner {
	height: 141px;
}

#maintop {
	background: url(../images/box-top.gif) no-repeat;
	height: 20px;
	width: 781px;
}

#main {
	background: url(../images/box-bottom.gif) no-repeat center bottom;
	width: 781px;
	min-height: 400px;
	padding-bottom: 5px;
}

#main.inner {
	padding: 0 47px 170px 47px;
	width: 687px;
	min-height: 0;
}

#footer {
	vertical-align: middle;
	font: bold 10px/40px Arial, Helvetica, sans-serif;
	color: #231F20;
}


.clear {
	clear: both;
}

/* Banner */

#banner h1 {
	background: url(../images/logo.gif) no-repeat;
	overflow: hidden;
	height: 114px;
	width: 169px;
	margin-top: 13px;
	float: left;
}

#banner h1 a {
	text-indent: -9999px;
	height: 114px;
	width: 169px;
	display: block;
}


/* Menu */

#nav {
	list-style: none;
	background: url(../images/nav-off.gif) no-repeat;
	height: 33px;
	width: 605px;
	_width: 600px;
	float: right;
	margin-top: 70px;
}

#nav li {
	float: left;
}

#nav_home {
	margin-right: 13px;
}

#nav_services {
	margin-right: 11px;
}

#nav_profile {
	margin-right: 12px;
}

#nav_gallery {
	margin-right: 13px;
}

#nav_contact {
	margin-right: 13px;
	_margin-right: 0;
}

#nav li a {
	width: 108px;
	height: 31px;
	display: block;
	text-indent: -9999px;
}

#nav_home a:hover, #nav_home a.active {
	background: url(../images/nav-on.gif) no-repeat 0 0;
}

#nav_services a:hover, #nav_services a.active {
	background: url(../images/nav-on.gif) no-repeat -120px 0;
}

#nav_profile a:hover, #nav_profile a.active {
	background: url(../images/nav-on.gif) no-repeat -240px 0;
}

#nav_gallery a:hover, #nav_gallery a.active {
	background: url(../images/nav-on.gif) no-repeat -360px 0;
}

#nav_contact a:hover, #nav_contact a.active {
	background: url(../images/nav-on.gif) no-repeat -481px 0;
}

/* Home */

#home_text {
	background: url(../images/home-text.gif) no-repeat;
	height: 148px;
	width: 595px;
	margin: 5px auto 0 auto;
	text-indent: -9999px;
}

/* Footer */

#footer a {
	font: bold 10px/40px Arial, Helvetica, sans-serif;
	color: #231F20;
}

#copyright {
	float: left;
}

#footer_links {
	float: right;
}

#bws_link {
	text-align: center;
}

/* Header */

.services {
	background: url(../images/header-services.gif) no-repeat;
	height: 41px;
	width: 144px;
	text-indent: -9999px;
	margin-bottom: 7px;
}

.gallery {
	background: url(../images/header-gallery.gif) no-repeat;
	height: 52px;
	width: 149px;
	text-indent: -9999px;
	margin-bottom: 7px;
}

.profile {
	background: url(../images/header-profile.gif) no-repeat;
	height: 47px;
	width: 97px;
	text-indent: -9999px;
	margin-bottom: 7px;
}

.contact {
	background: url(../images/header-contact.gif) no-repeat;
	height: 38px;
	width: 140px;
	text-indent: -9999px;
	margin-bottom: 7px;
}

.privacy {
	background: url(../images/header-privacy-policy.gif) no-repeat;
	height: 49px;
	width: 232px;
	text-indent: -9999px;
	margin-bottom: 7px;
}

.tos {
	background: url(../images/header-tos.gif) no-repeat;
	height: 49px;
	width: 271px;
	text-indent: -9999px;
	margin-bottom: 7px;
}

.conceptdesign {
	background: url(../images/header-concept-design.gif) no-repeat;
	height: 52px;
	width: 566px;
	text-indent: -9999px;
	margin-bottom: 7px;
}

/* Inner content */

#main {
	font: normal 14px Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}

#main p {
	margin-bottom: 20px;
}

#main ul {
	list-style: url(../images/circle-red2.gif) none outside;
	margin-left: 10px;
	margin-bottom: 15px;
}

#main ul li {
	margin: 5px;
}

.bigger {
	font-size: 120%;
}

.bigger2 {
	font-size: 130%;
}

.smaller {
	font-size: 80%;
}

.pink {
	color: #ED2972;
}

.list_arrow {
	list-style: url(../images/circle-red2.gif) none outside;
	margin-left: 10px;
}

.list_arrow li {
	margin: 10px 0 10px 10px;
}

.list_arrow ul {
	list-style: disc url(../none) outside;
	margin-left: 10px;
}

.list_arrow ul li {
	margin: 5px 0 5px 10px;
}

/* Gallery */

#gallery {
	margin-left: -35px;
	_margin-left: 50px;
	width: 800px;
	_width: auto;
}

#gallery img {
	margin: 0 15px 15px 0;
	_margin: 0 0 15px 10px;
}