@charset "utf-8";
/*===========CSS Document by ben king, www.webkingdesign.com=============*/

/*==========FF scrollbar/page jump fix==============*/
html{
min-height:100%;
margin-bottom:1px;
}

/*============main layout styles============*/
body{
background:#f3f3f3 url(../images/bg.png) top repeat-x;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
}
#swrap{
width:990px;
margin-left:auto;
margin-right:auto;
height:auto;
}
#container{
width:990px;
float:left;
height:auto;
}
#header{
width:970px;
float:left;
height:148px;
padding: 0px 10px;
}
#logo, #logo a{
width:198px;
height:145px;
background:url(../images/logo.png) 0 145px;
float:left;
}
a:hover#logo{
width:198px;
height:145px;
background:url(../images/logo.png) 0 0;
float:left;
}
.wrap-l{
float:left;
}
.wrap-r{
float:right;
}
/*============text and link styles===========*/
h1{
font-size: 24px;
margin: 0px 0px 12px;
color:#333;
}
h2{
font-size: 18px;
margin: 24px 0px 5px;
color:#0066cc;
}
h3{
font-size: 1.9em;
margin: 0px 0px 12px;
color:#f3f3f3;	
}
h4{
font-size: 3.2em;
margin: 0px 0px 12px;
color:#f3f3f3;
}
h5{
font-size: 12px;
}
h6{
font-size: 12px;
}
p{
font-size: 14px;
margin: 0px 0px 12px;
color:#333;
}
a{
color:#333;
text-decoration:none;
}
a:hover{
color:#0066cc;
text-decoration: underline;
}
#content ul, #content-inner ul{ 
margin:0; 
padding: 0px 0px 20px 0px;
list-style:none;
}
#content li, #content-inner li{
list-style-image:url(../images/blue_square.png);
padding: 2px 0px 2px 20px;
font-size:14px;
margin-top: 5px;
margin-left: 20px;
margin-bottom: 0px;
}
#twitterbox li{
list-style:none;
margin-left: 0px;
}

/*image styles*/
img{
border:none;
}

/*===========intro=============*/
#intro{
float:left;
width:970px;
height:323px;
background: url(../images/intro_dummy.png) no-repeat bottom;
	padding: 0px 10px;
}
/*==============content===============*/
#content{
width:930px;
padding:20px 30px 0px;
float:left;
background: url(../images/content_bg.png) repeat-y;
}
#content-inner{
width:930px;
padding:20px 30px 0px;
float:left;
background: url(../images/content_bg.png) repeat-y;
}
#inner-title{
float:left;
width:970px;
padding:20px 10px 10px;
font-size:24px;
color:#f3f3f3;
font-weight:bold;

}
#content-bottom{
width:930px;
height:25px;
padding:0px 30px;
float:left;
background: url(../images/content_bottom_bg.png) no-repeat bottom;
}
#content-top{
width:930px;
height:25px;
padding:0px 30px;
float:left;
background: url(../images/content_top_bg.png) no-repeat top;
}
#content-right{
float:right;
width:680px;
background: url(../images/right-content-shadow.jpg) no-repeat left top;
padding: 0px 0px 0px 30px;
}
/*==============twitter box==============*/
#twitterbox{
float:left;
width:180px;
padding:45px 10px 10px;
background:#f3f3f3 url(../images/twitternews.jpg) no-repeat left top;
-moz-border-radius:13px;
-webkit-border-radius:13px;
-khtml-border-radius:13px;
border-radius:13px;
border:solid 1px #E4E4E4;
}

/*=============footer============*/
#footer{
width:970px;
height:25px;
float:left;
padding:10px 10px 30px;
}
#ryan-webmail{
float:right;
background:url(../images/mail-icon.jpg) no-repeat right center;
padding: 5px 55px 5px 0px;
}