/* CSS Document */


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

body {
	background-image: url(../images/layout/bodyBG.jpg);
	background-color: #85d7e7;
	background-repeat: repeat-x;
}
/* body */
#wrapper {
	width: 963px;
	margin:5px auto;}
	
/************************************************************Branding Division*****************************************************************/
/* branding */
#branding {
	width: 963px;
	height: 131px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-image: url(../images/layout/brandingBG.jpg);
	background-repeat: no-repeat;
}
#brandinglogo{
	background-image: url(../images/layout/www.bluerosedesignpdx.com_logo.png);
	background-repeat: no-repeat;
	width: 201px;
	height: 109px;
	margin-top: 0px;
	margin-left: 25px;
	float:left;
}
#brandingcontact{
	float:right;
	margin-top: 32px;
	margin-right: 20px;}
	
#brandingslogan{
	background-image: url(../images/layout/slogan.jpg);
	background-repeat: no-repeat;
	width: 479px;
	height: 35px;
	margin-top: 18px;
	margin-right: 6px;
	float:right;
}

#branding p{
  font-family: Palatino, "Palatino Linotype", "URW Palladio L", serif;
  font-size:14px;
  font-weight:600;
  color:#832c15;
}

/* Links in branding bar */		
#branding p a:link, a:visited {
  color:#832c15 !important;
  text-decoration:none;
  font-weight:600;
  font-family: Palatino, "Palatino Linotype", "URW Palladio L", serif;
  font-size:14px;
}
/***********************************************************Navigation Division******************************************************************/

#nav {
	background-image: url(../images/layout/navBG.jpg);
	background-repeat: no-repeat;
	width: 963px;
	height: 136px;
}
#nav p{
 	color:#ffffff;
	margin-top: 75px;
	margin-left: 10px;
	font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
	font-weight:400;
}

#nav a, a:link{
	text-decoration:none;
	color:#ffffff !important;
	font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
	font-weight:500;
	}
	
#nav a:hover, a:visited {
	text-decoration:none;
	color:#000000 !important;
	font-weight:600;
	}


#navhome{
	background-image: url(../images/nav_btn/btn_home.png);
	background-repeat: no-repeat;
	width: 152px;
	margin-top: 6px;
	margin-left:11px;
	height: 103px;
	float:left;
	display:inline; /* fix IE6 double margin bug */
}

#navabout{
	background-image: url(../images/nav_btn/btn_about.png);
	background-repeat: no-repeat;
	width: 152px;
	margin-top: 6px;
	margin-left:6px;
	height: 103px;
	float:left;
	display:inline; /* fix IE6 double margin bug */
}

#navservices{
	background-image: url(../images/nav_btn/btn_services.png);
	background-repeat: no-repeat;
	width: 152px;
	margin-top: 6px;
	margin-left:6px;
	height: 103px;
	float:left;
	display:inline; /* fix IE6 double margin bug */
}

#navportfolio{
	background-image: url(../images/nav_btn/btn_portfolio.png);
	background-repeat: no-repeat;
	width: 152px;
	margin-top: 6px;
	margin-left:6px;
	height: 103px;
	float:left;
	display:inline; /* fix IE6 double margin bug */
}

#navcontact{
	background-image: url(../images/nav_btn/btn_contact.png);
	background-repeat: no-repeat;
	width: 152px;
	margin-top: 6px;
	margin-left:5px;
	height: 103px;
	float:left;
	display:inline; /* fix IE6 double margin bug */
}

#navblog{
	background-image: url(../images/nav_btn/btn_blog.png);
	background-repeat: no-repeat;
	width: 152px;
	margin-top: 6px;
	margin-left:7px;
	height: 103px;
	float:left;
	display:inline; /* fix IE6 double margin bug */
}

/***********************************************************Content Division******************************************************************/
/* content division */
#maincontent {
	width: 914px;
	margin:auto;
	background: #fff url("http://www.bluerosehosting.com/images/layout/hosting-bg.jpg");
	background-repeat: repeat-x;
	padding: 20px 20px 5px 20px;
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	overflow: hidden;}

#maincontent p{
	color: #333333;
	font-size: 16px;
	font-family: Palatino, "Palatino Linotype", "URW Palladio L", serif;
	margin: 0 auto 0;
	padding: 0;
	line-height: 22px;}
		
#maincontent h1 {
color: #292c51;
font-family: "Times New Roman",Times,serif;
font-size: 22px;
padding-bottom: 1px;}

#maincontent a, a:link {
font-family: Palatino, "Palatino Linotype", "URW Palladio L", serif; 
color: #678507 !important; 
text-decoration:none !important;
font-size:14px;
font-weight:500;}

#maincontent a:hover {
font-family: Palatino, "Palatino Linotype", "URW Palladio L", serif; 
color: #678507 !important; 
text-decoration:underline !important;
font-size:14px;
font-weight:500;}
	
/***************HOSTING TOP OF PAGE ****************/
#hosting-top {margin-left:6px; width:910px; margin-bottom:8px;}
#hosting-top h2, #hosting-top p, #hosting-top li, #hosting-top ul {color:#ffffff !important;}
#hosting-image {float:right; width:300px; height:221px;}
#list-box{float:left; width:600px; height:230px;} 
#list-box-1 {float:left; width:280px; padding-top:10px; margin-bottom:5px; } #list-box-2 {float:right; clear:left; width:280px; padding-top:10px;}

#hosting-top ul li { list-style-type: square;margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 20px;padding-top: 0pt;padding-right: 0pt;padding-bottom: 0pt;padding-left: 0pt; }
#hosting-image-arrow {clear:both; float:left; margin-top:15px;}

/***************HOSTING BOTTOM OF PAGE ****************/
#hosting-pricing {margin-left:6px; clear:both; width:910px; margin-top:12px;}
#hosting-bottom-l{width:610px; float:left; padding:8px 5px 5px 10px; background-color: #f8f8f8; border: 1px solid #E6E6E6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:8px;}
#hosting-bottom-2{width:265px; float:right; padding:5px; background-color: #f8f8f8; border: 1px solid #E6E6E6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:8px;}
#hosting-bottom-l h2, #hosting-bottom-2 h2 { font-family: Tahoma,Arial,Verdana; font-size: 18px; padding:6px 0px 5px 0px; color: #c2720a; font-weight: bold;}

#hosting-bottom-2 ul li {font-family: Palatino, "Palatino Linotype", "URW Palladio L", serif; list-style-type: square; margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 20px; padding:0px;}

#hosting-bottom-l td {padding-left:3px;}




/***********************************************************Footer Division******************************************************************/
#mainfooter {
    clear:both;
	width: 963px;
	height:25px;
	padding-top:20px;
	border-bottom:#fff 3px solid;
	text-align:center;}

#footer p{
	color: #678507;
	font-size: 12px;
	font-family: Palatino, "Palatino Linotype", "URW Palladio L", serif;
	}
	
#footer a, a:link{
	font-family: Palatino, "Palatino Linotype", "URW Palladio L", serif;
	font-size:12px;
	text-decoration:none;
	font-weight:400;}

#footer a:hover, a:visited {
	font-family: Palatino, "Palatino Linotype", "URW Palladio L", serif;
	text-decoration:underline;
	font-weight:400;}

/********** Image styles **********/

.leftimage{
float: left;
margin-top:15px;
margin-left:0px;
margin-right:10px;
margin-bottom:5px;
border: 1px solid #000000;
}

.rightimage{
float: right;
margin-top:15px;
margin-left:10px;
margin-right:0px;
margin-bottom:5px;
border: 1px solid #000000;
width: 150px;
}

.floatright
{
float: right;
margin: 0 0 0px 15px;
padding: 2px;
}
/****************images*******************/
	
.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #ffffff;
padding: 2px;
}

.floatleft
{
float: left;
margin: 0 10px 0px 0px;
margin-top:3px;
padding: 2px;
}
