@charset "utf-8";
/* imports */
@import url("css/reset.css");@import url("css/form.css");

/*body elements */
body{background:url(i/bg.jpg) center top no-repeat fixed;line-height:1.5;font-family:arial,sans-serif;font-size:13px;}
body, html {height: 100%;}
#logo img,#statement img,#pictures img{behavior:url(iepngfix.htc);}
a:link{color:#fb1656;text-decoration:underline;}
a:active{color:#fb1656;text-decoration:underline;}
a:visited{color:#fb1656;text-decoration:underline;}
a:hover{color:#4bbee8;text-decoration:underline;}
@font-face {font-family: Delicious; src: url("fonts/Delicious.otf") format("Opentype");}
@font-face {font-family: Tallys; src: url("fonts/Tallys.otf") format("Opentype");}


/* container */
.container{width:960px;margin:0 auto;}

/* top, logo, nav */
#top{background:url(i/top-bg.png) repeat-x;height:54px;max-height:54px;}
#nav{float:right;width:508px;position:relative;font-size: 15px;}
#nav ul{z-index:10;z-index:100;}
#nav li{float:left;padding:15px 0px 4px; margin: 0 10px;}
#nav li a{color:white;text-decoration:none;}
#slide{position:absolute;bottom:0;height:4px;background:#fd2964;z-index:10;}
#logo{float:left;padding:4px 0;width:248px;}

/* statement, picture */
#statement{clear:both;float:left;margin:40px 0;display:inline;}
#pictures{float:right;margin:40px 0;}
#sentence {font-size:2.5em;color:black;text-align:center;padding: 20px 0;font-family: Delicious, Arial, Sans-serif;}

/* content and typography */
#content{background:white url(i/content-bg.png) repeat-x;clear:both;padding-bottom:43px;overflow:auto;min-height:100%;}
h2{margin:0 0 10px 0;font-size:2.4em;font-weight:normal;border-bottom:1px solid #e8e8e8;color:black;font-family:Tallys,georgia,serif;}
h3{font-size:1.6em;margin:0 0 5px 0;font-weight:normal;font-family: Delicious, Arial, Sans-serif;}
.desc {font-size:13px;}

/* grids */
#left_2,#right_2{display:inline;position:relative;margin:20px 10px 0 10px;}
#left_2{float:left;width:540px;}
#right_2{float:right;width:380px;}
#left_2 a img, #right_2 a img{border:3px solid #e8e8e8;}
#left_2 a img:hover, #right_2 a img:hover{border:3px solid #8ed3ec;}
.left{float:left;}
.right{float:right;}
.left, .right{width:260px;padding:10px 0;font-size:17px;}
.left img {vertical-align:middle;}
.right img{vertical-align:middle;}
#left_1,#center_1,#right_1{display:inline;float:left;position:relative;margin:20px 20px 0 20px;width:280px;}
#left_1 li {line-height:2;font-size:16px;}
#left_1 img {vertical-align:middle;}
#right_1 a img,#left_1 a img,#center_1 a img{border:3px solid #e8e8e8;}
#right_1 a img:hover,#left_1 a img:hover,#center_1 a img:hover{border:3px solid #8ed3ec;}
#left_3{display:inline;position:relative;margin:20px 10px 0 10px;width:940px;float:left;}

/* image classes, pricing page */
.picture{float:left;margin:0 20px 0 0;border:3px solid #e8e8e8;}
.package{width:300px;}
.package li{background:url(i/check.png) no-repeat left top;margin:10px 0;padding:0 0 0 20px;}
.port{float:right;margin:0 10px;}

/* footer, copyright, links */
#footer{background-image:url(i/footer-bg.png);height:54px;clear:both;position:relative;font-size: 15px;
}
#copyright{float:left;margin:15px 0 0 0;color:white;display:inline;}
#copyright a{color:white;}
#copyright a:hover{color:#ff326b;}
#links{float:right;margin:15px 0 0 0;}
#links li{float:left;padding:0 7px;}
#links a{color:white;text-decoration:underline;}
#links a:hover{color:#ff326b;}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}