/* CSS Document */



/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; background:#003333}

p { margin:0; padding:0; font-size:13px; line-height:1.5em; color:#333333; padding-bottom:25px}
p a:link, p a:visited, a:link, a:visited {color:#339999; text-decoration: none;}
p a:hover, a:hover {color:#339999; text-decoration: underline}

h1 { margin:0; padding:0; font-size:33px; font-weight: bold; color:#fff; line-height:1.1em}
h1 a:link, h1 a:visited {color:#fff; text-decoration: none;}
h1 a:hover {color:#fff; text-decoration: none}

h2 { margin:0; padding:0; font-size:30px; font-weight: bold; color:#003333; line-height:1.1em; padding-bottom:20px}

h3 { margin:0; padding:0; font-size:18px; font-weight: bold; color:#339999; line-height:1.2em; padding-bottom:10px}
h3 a:link, h3 a:visited {color:#339999; text-decoration: none;}
h3 a:hover {color:#339999; text-decoration: underline}

h4 { margin:0; padding:0; font-size:26px; font-weight: normal; color:#000; line-height:1.4em}
h4 a:link, h4 a:visited {color:#339999; text-decoration: none;}
h4 a:hover {color:#339999; text-decoration: underline}

h5 { margin:0; padding:0; font-size:24px; font-weight: bold; color:#fff; line-height:1.1em}

h6 { margin:0; padding:0; font-size:16px; font-weight: bold; color:#fff; line-height:1.5em}
h6 a:link, h6 a:visited {color:#fff; text-decoration: none;}
h6 a:hover {color:#fff; text-decoration: none}


img { border:none}


/*
---------------------------------------------
02. TOPBAR STYLES
---------------------------------------------
*/

#bgtopbar { width:100%; float:left; background:#003333}
#topbar { width:890px;height:68px; margin:0 auto; padding-left:10px}
#topbar .associate_name { float:left;margin:0; padding:15px 0; font-size:33px; font-weight: bold; color:#fff; line-height:1.1em}
#topbar .associate_name a:link, #topbar .associate_name a:visited {color:#fff; text-decoration: none;}
#topbar .associate_name a:hover {color:#fff; text-decoration: none}
#topbar h6 { float:right; padding-top:8px; text-align:right}
#topbar .phone { font-size:24px;}


/*
---------------------------------------------
03. BLUEBAR STYLES
---------------------------------------------
*/


#bgbluebar { width:100%; float:left; background:#45ada8 url(../images/bg_bluebar.gif) repeat-x bottom left; border-top:1px solid #7dc6c2; padding-top:13px; padding-bottom:17px; }
#bluebar { width:890px; margin:0 auto; padding-left:10px}
#bluebar h1 { font-size:42px; margin:0; padding:0; padding-bottom:10px}
#bluebar h2 { font-size:42px; padding-bottom:15px}
#bluebar p { font-size:19px; font-weight:bold; color:#FFFFFF; line-height:1.2em}
#bluebar p a:link, #bluebar p a:visited { color:#FFFFFF; text-decoration:none;}
#bluebar p a:hover { color:#FFFFFF; text-decoration:underline;}
#bluebar h5 { font-size:24px; padding-top:5px}

#bluebar .content-left { width:487px; float:left; padding-top:10px}
#bluebar .photo-right { width:330px; float: right; border:8px solid #bac8d5;}
#bluebar .heading {font-weight: bold; color:#fff; line-height:1.1em; font-size:42px; padding-left:13px; padding-bottom:0px}
#bluebar .textsmall {padding-left:13px; padding-top:15px; font-size:14px; font-weight:normal; line-height:1.5em; padding-bottom:5px}
#bluebar .textsmall a:link, #bluebar .textsmall a:visited { color:#fff; text-decoration:none;}
#bluebar .textsmall a:hover { color:#fff; text-decoration:underline;}

/*
---------------------------------------------
04. GREEN BAR STYLES
---------------------------------------------
*/

#bggreenbar { width:100%; float:left; background:#9de0ad url(../images/bg_greenbar.gif) repeat-x bottom left; padding-top:17px; padding-bottom:15px; border-top:1px solid #000; }
#greenbar {width:890px; margin:0 auto; padding-left:10px}

#greenbar ul.list { margin:0; padding:0; float:left; margin-top:12px; padding-left:10px}
#greenbar ul.list li { margin:0; padding:0; list-style:none; background:url(../images/bullet_arrow.png) no-repeat 0px 2px; font-size:15px; font-weight:bold; color:#1b1b1b; padding-left:22px; padding-bottom:5px}

.price { width:210px; float:left; padding-left:25px }
.textbig { font-size:53px; color:#000; float: left; font-weight:bold; padding-left:5px}
.link-button { width:286px; height:110px; position:absolute; margin-left:-140px; margin-top:-10px;}

.travelagent { width:286px; float:left; margin-right:15px}
.travelagent h4 { float:left; padding-top:3px}
.travelagent h6 { font-size:21px; color:#115c59; line-height:1.3em;}
.travelagent .button { width:225px; text-align:center; height:100px; background:url(../images/bg_travelagent.png) no-repeat; float:left; padding-top:10px; padding-left:25px; padding-right:36px}


.businessbuilder { width:286px; float:left;}
.businessbuilder h4 { float:left; padding-top:3px; padding-left:15px}
.businessbuilder h6 { font-size:21px; color:#5c2111; line-height:1.3em;}
.businessbuilder .button { width:276px; text-align:center; height:100px; background:url(../images/bg_businessbuilder.png) no-repeat; float:left; padding-top:10px; padding-left:6px; padding-right:5px}


.realestate { width:286px; float: right;}
.realestate h4 { float:left; padding-top:3px}
.realestate h6 { font-size:21px; color:#133b67; line-height:1.3em;}
.realestate .button { width:225px; text-align:center; height:100px; background: url(../images/bg_realestate.png) no-repeat; float:left; padding-top:10px; padding-left:25px; padding-right:36px}


/*
---------------------------------------------
05. MAIN CONTAINER AND WRAPPER
---------------------------------------------
*/

#container { width:100%; float:left; background:#e5fcc2}
#wrapper { width:900px; margin:0 auto;}


/*
---------------------------------------------
06. CONTENT
---------------------------------------------
*/

#content { width:900px; float:left; background:url(../images/bg_content.gif) repeat-y top center}
.cleanbreak {width:100%;clear:both;}
.cleanbreak.eighteen {height:18px;}
.instructions {margin-top:8px;color:#007fce;font-size:12px;}

/*
---------------------------------------------
07. LEFT PANEL
---------------------------------------------
*/

#leftpanel { width:540px; float:left; padding:20px 30px 30px 23px;}
#leftpanel h1 {color:#339999;margin-bottom:14px;}

/*
---------------------------------------------
07.1 LEFT PANEL - BLOG
---------------------------------------------
*/

#blog { width:540px; float:left}
#blog p { padding-bottom:35px}
#blog  h4 { font-size:14px; font-weight: bold; color:#555555; line-height:1.2em; padding-bottom:15px}

#blog .postedby { width:540px; height:19px; float:left;border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; padding-top:5px; font-size:11px; color:#999999; margin-bottom:15px}
#blog .postedby a { color:#339999; text-decoration:none}
#blog .postedby .left { width:auto; float:left}
#blog .postedby .right { width:auto; float: right}

#blog .comment-green { width:520px; float:left; background:#e7f4d0; padding:10px}
#blog .comment-green p { padding-bottom:5px}
#blog .poster { font-size:12px; font-weight:bold; padding-bottom:5px; text-align:left; text-transform:uppercase; color:#555555}
#blog .date { font-size:12px; font-weight:bold; text-align:right; color:#555555}

#blog .comment-white { width:520px; float:left; padding:10px}
#blog .comment-white p { padding-bottom:5px;}

#blog .commentform { width:500px; float:left; margin-top:30px; padding-bottom:5px}
#blog fieldset { width:500px; float:left; margin:0; padding:0; border:none}
#blog fieldset label { width:310px; float:left; position:relative; font-size:11px; padding-left:10px; color:#7f7f7f; padding-top:2px; margin-bottom:15px}
#blog fieldset .input { width:170px; float:left; border:1px solid #bbbbbb; padding:2px; }
#blog fieldset .textarea { width:496px; height:166px; float:left; border:1px solid #bbbbbb; padding:2px; }
#blog fieldset .button_submit { width:62px; height:20px; float: left; background:url(../images/button_submit.gif) no-repeat; margin-top:15px; font-size:14px; color:#FFFFFF; font-weight:bold; text-align:center; padding-top:4px}
#blog fieldset .button_submit a { text-decoration:none; color:#FFFFFF}

/*
---------------------------------------------
08. RIGHTPANEL
---------------------------------------------
*/

#rightpanel { width:262px; float:right; padding:20px 22px 25px 23px;}


/*
---------------------------------------------
08.1 RIGHTPANEL - SALES ASSOCIATE
---------------------------------------------
*/

#salesassociate { width:262px; float:left; text-align:center; margin-bottom:10px}
#salesassociate h4 { font-size:27px; color:#1c7967; line-height:1.0em}
#salesassociate h5 { font-size:27px; color:#003333; font-weight:normal; padding-top:5px; line-height:1.0em; padding-bottom:15px}

#salesassociate .button_clickhere { width:165px; height:52px; font-size:26px; color:#FFFFFF ;background:url(../images/button_clickhere-.gif) no-repeat; text-align:center; margin:0 auto; padding:10px; line-height:0.9em; font-weight:bold; padding-top:13px}
#salesassociate .button_clickhere a {color:#FFFFFF; text-decoration:none}


/*
---------------------------------------------
08.2 RIGHTPANEL - GOT A QUESTION
---------------------------------------------
*/

.getintouch { width:262px; float:left; margin-bottom:15px }

.getintouch h3 { font-size:22px; color:#003333; font-weight:bold; line-height:1.0em; text-align:center; margin:0; padding:0 0 10px 0; }

.getintouch fieldset {width:242px; float:left; background:#ffffff; padding:10px; border:none}
.getintouch fieldset label { font-size:13px; color:#003366; margin:0; padding:0;}
.getintouch fieldset .input-name { width:225px; padding:2px; margin-top:5px; margin-bottom:3px; background:#f7ffe9; border-top:2px solid #808080; border-bottom:1px solid #d4d0c8; border-left:1px solid #808080; border-right:1px solid #d4d0c8 }
.getintouch fieldset .input-name.required {  color:#cc0000; background:#ffffcc;}
.getintouch fieldset .input-email { width:225px; padding:2px; margin-top:5px; margin-bottom:3px; background:#f7ffe9; border-top:2px solid #808080; border-bottom:1px solid #d4d0c8; border-left:1px solid #808080; border-right:1px solid #d4d0c8 }
.getintouch fieldset .input-email.required {  color:#cc0000; background:#ffffcc;}
.getintouch fieldset .textbox { width:225px; height:72px; padding:2px; margin-top:2px; background:#f7ffe9; border-top:2px solid #808080; border-bottom:1px solid #d4d0c8; border-left:1px solid #808080; border-right:1px solid #d4d0c8 }
.getintouch fieldset .textbox.required {  color:#cc0000; background:#ffffcc;} 
.getintouch fieldset .button_submit{ width:62px; height:20px; float: right; background:url(../images/button_submit.gif) no-repeat; margin-top:15px; font-size:14px; color:#FFFFFF; font-weight:bold; text-align:center; padding-top:4px}
.getintouch fieldset .button_submit a { text-decoration:none; color:#FFFFFF}
.getintouch fieldset .optin { float:left; width:140px; font-size:10px; margin-top:15px; }


/*
---------------------------------------------
09. FOOTER STYLES
---------------------------------------------
*/

#bgfooter { width:100%; float:left; padding-top:10px}
#footer { width:900px; margin:0 auto; padding-bottom:10px}
#footer p { font-size:12px; color:#fff;} 
#footer a:link, #footer a:visited { text-decoration: none;color:#fff;}
#footer a:hover { text-decoration:underline;color:#fff}



/*
---------------------------------------------
10. BLOG PAGE STYLES
---------------------------------------------
*/

.rightnav { width:262px; float:left}
.rightnav h4 { margin:0; padding:0; font-size:17px; border-bottom:3px solid #003333; padding-bottom:1px}

.rightnav { width:262px; float:left; margin-bottom:20px}
.rightnav ul {list-style:none; margin:0; padding:0;}
.rightnav ul li { margin:0; padding:0;}
.rightnav ul li a {display:block; text-decoration:none; color:#aaaaab; padding:8px 0; width:262px; font-size:13px; color:#003333; border-bottom:1px dotted #9f9c98; }
.rightnav ul li a:hover { text-decoration:underline}

.rightnav .rss_link {margin-bottom:12px;}
.rightnav .rss_link a { text-decoration:none;color:#003333;}


/*
---------------------------------------------
11. PLAN PAGE STYLES
---------------------------------------------
*/

#bluebar .content-left-plan { width:560px; float:left; padding-top:10px}

.button_travelagent { width:245px; text-align:center; height:95px; background:url(../images/bg_travelagent.png) no-repeat; float: right; padding-top:15px; padding-left:25px; padding-right:26px; margin-top:5px}

.button_travelagent .from { width: auto; float:left; font-size:33px; padding-top:5px}
.button_travelagent .price { width:auto; color:#000; float: left; font-weight:bold; padding-left:5px; font-size:68px; letter-spacing:-3px}


#packagefeatures { width:540px; float:left}
#packagefeatures p { padding-bottom:15px; color:#1b1b1b; line-height:1.6em}

#packagefeatures .screenshot { width:auto; float:left}
#packagefeatures .includes { width:230px; float: right}

#packagefeatures ul.list { margin:0; padding:0; float:left; margin-top:12px;  margin-bottom:20px}
#packagefeatures ul.list li { margin:0; padding:0; list-style:none; background:url(../images/bullet_arrow.png) no-repeat 0px 2px; font-size:15px; font-weight:bold; color:#1b1b1b; padding-left:22px; padding-bottom:5px}

#packagefeatures .button_buythis { width:220px; height:35px; font-size:26px; color:#FFFFFF ;background:url(../images/button_buythispackage.gif) no-repeat; text-align:center; float:left; padding:5px; line-height:0.9em; font-weight:bold; padding-top:15px;}
#packagefeatures .button_buythis a {color:#FFFFFF; text-decoration:none}