@charset "UTF-8";

body {
	margin: 20px;
	padding: 0;
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #FFF;
	background-color: #000;
	width: 280px;
}

#header {
	width: 100%;
	margin: 0;
}

#logo {
	float: left;
}

#menu {
	width: 220px;
	margin: 0;
	padding: 8px 0 0 14px;
	float: right;
}

#homecontent {
	width: 100%;
	padding-bottom: 0px;
	margin: 0;
}

#content {
	width: 100%;
}

#content img {
	width: 100%;
}

#nav li#navright, rain_design_logo, #nav li#nodisplayiphone, #galleryindex {
	display: none;
}

#nav li a {
	color: #b6b6b6;
	font-size: 14px;
	margin: 0 0 0 16px;
}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

.home_headline {
	width: 280px;
	padding-top: 20px;
	margin: 0;
	text-align: left;
}

.home_headline img {
	width: 55%;
}

#gallerycontent {
	width: 100%;
	margin: 0;
	padding-bottom: 20px;
	clear: left;
	padding-top: 20px;
}


#galleryimages {
	line-height: 0;
	width: 100%;
	margin-left: 0px;
}

#galleryimages img {
	margin-bottom: 12px;
	width: 280px;
}

#galleryimages_indexpage {
	line-height: 0;
	width: 280px;
	margin-left: 0px;
	padding: 0;
}

#galleryimages_indexpage img {
	margin: 0;
	padding: 0 10px 10px 0;
	display: block;
	float: left;
	width: 82px;
	height: 82px;
}


/* @group Expanda panels */

.expandapanel {
	clear: left;
	background-color: #000;
}

/* specify alpha colour for IE */
*html #expandapanel {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F3D3D3D,endColorstr=#7F3D3D3D);
	zoom: 1;
}

#expandapanel_contact, #expandapanel_clientlogin {
	width: 100%;
	margin: 10px 0 0;
	/* the auto margins (in conjunction with a width) center the page */
	clear: left;
	display: none;
	background-color: #000;
}

#contact {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}

.imageheading_1 {
	margin-bottom: 25px;
	margin-top: 20px;
	display: block;
}

p {
	color: #7d7d7d;
	font-size: 14px;
	line-height: 19px;
	padding-bottom: 10px;
}


/* @end */



/* @group Form elements */

input {
	background-color: #FFF;
	
	border: none;
	color: #000;
	width: 140px;
	margin: 4px 4px 4px 0;
	font-size: 11px;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

textarea {
	background-color: #FFF;
	
	border: none;
	color: #000;
	width: 240px;
	margin: 4px 4px 1px 0;
	font-size: 11px;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	height: 70px;
	
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* specify alpha colour for IE */
*html input, *html textarea {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F7F7F7F,endColorstr=#7F7F7F7F);
	zoom: 1;
}

input.submit {
	width: auto;
	margin: 4px 2px 4px 0;
	padding-top: 2px;
	padding-bottom: 3px;
}





/* @end */





/* @group Imagery */

.pugbg1 {
	background: #000 url(../images/pugimage_1_iphone.jpg) no-repeat fixed 100% 100%;
}

.pugbg2 {
	background: #000 none no-repeat fixed 100% 100%;
}




/* @end */